KS Webdesign - Der Blog » tutorial

Kommentar des Autors hervorheben

Klaus — Mon, 09 Nov 2009 15:03:24 +0000

Schon manchmal dachte ich mir, das es nicht übel wäre, wenn man die Kommentare des Autors farblich etwas hervorheben könnte.

Für die entsprechende Stelle wird schon durch die comments.php für jeden Listenpunkt eine id vergeben. Das hieße erst posten, dann durch das Studium des Quelltextes die id raussuchen, die style.css ergänzen und hochladen.

Und das jetzt bitteschön für jeden eigenen Kommentar.

Umpf!! Als wenn ich sonst nix zu tun hätte.

Das geht auch viel einfacher.

Wir müßten nur dafür sorgen, das für den Listenpunkt eine entsprechende Klasse generiert wird, die wir dann wiederrum per CSS gestalten könnten.

Zwei Klassen brauchen wir: eine .autor und eine .gast.

Werfen wir erst mal einen Blick in eine Wald-und-Wiesen-comments.php

Die entscheidende Stelle schaut bisher so aus::

Dort frimeln wir jetzt zwei kurze Abschnitte PHP-Code hinein.

Erster Codeabschnitt:

comment_author_email == get_the_author_email() && ($comment->user_id != 0)) {
$class = "autor";
} else {
$class = "gast";
}?>

Zweiter Codeabschnitt:

class=""

Endergebnis:

comment_author_email == get_the_author_email() && ($comment->user_id != 0)) {
$class = "autor";
} else {
$class = "gast";
}?>

Das hat sogar so ein PHP-Vollpfosten wie ich hinbekommen.

Bisher habe ich die Kommentarbox so gestaltet:

#inhalt ol#commentlist li {
background-color:#ebeded;
color:#000;
padding:0.5em 0.5em 0 0.5em;
border:1px dotted #b6bdb6;
margin:1em 0;
}

Jetzt habe ich einfach direkt darunter ergänzt:

#inhalt ol#commentlist li.autor {
background-color:#fdfdef;
border:1px solid #a7aea7;
}

Mein besonderer Dank gilt Dieter, ohne ihn wäre dieser Artikel nicht entstanden.

Benutzerdefinierte Felder in WordPress

Klaus — Sun, 08 Nov 2009 11:47:46 +0000

Diese benutzerdefinierten Felder sind eine ganz schicke Sache, mit der es z.B. möglich ist nur bei ganz bestimmten Artikeln etwas einzublenden.

Das werde ich im Folgenden anhand des Hinweiskastens erklären, der bei mir in manchen Artikeln ganz oben erscheint und in anderen wiederum nicht.

Der XHTML-Code des Hinweiskastens:

Hinweise zu den Tutorials:
Bitte aus dem kopierten Quelltext:
<p class="bitte_loeschen">.....</p>
und die Gestaltungsanweisungen dazu entfernen.

Das CSS dazu:

#tutorial_hinweis {
background-color:#f0f0e7;
font-size:0.9em;
padding:1em;
border:1px dotted #fbdb6b;
margin:1em 0 1.1em 0;
}

Ich habe mich für eine Definitionsliste entschieden. Der Kasten bekommt eine andere Hintergrundfarbe als der Inhaltsbereich aufs Auge gedrückt und einen Rahmen zugewiesen.

Die CSS-Anweisungen schreibe ich in die style.css und lade dieselbe in meinen Themeordner.

Jetzt könnte ich den XHTML-Code einfach in die single.php direkt unter dem öffnenden div-Tag des Inhaltsbereiches verewigen.

Das klappt auch problemlos, dann wird dieser Kasten allerdings bei allen Artikeln oben eingefügt, was wir ja nicht wollen.

Okay, öffnet nun die single.php eures Themes im Editor und

tragt direkt unterhalb der Eröffnung des Loops:

folgendes ein:

ID, 'hinweiskasten', true); ?>

Hochladen der geänderten single.php nicht vergessen.

Dann tapert ihr ins Backend, ruft den Artikel unter Artikel – Bearbeiten auf und scrollt erstmal etwas weiter nach unten

Dort ist ein Kasten mit der Überschrift Benutzerdefinierte Felder. Darunter steht links Name und rechts Wert.

Bei Name tragt ihr hinweiskasten ein

und bei Wert schreibt ihr folgendes hinein:

Hinweise zu den Tutorials:
Bitte aus dem kopierten Quelltext:
<p class="bitte_loeschen">.....</p>
und die Gestaltungsanweisungen dazu entfernen.

Nur noch Benutzerdefiniertes Feld hinzufügen und anschließend Artikel aktualisieren drücken.

Das macht ihr bei jedem Artikel, wo der Hinweiskasten erscheinen soll.

Statt dem Hinweiskasten könnt ihr auch Bilder einfügen, andere Texte und Sonstiges, was immer das auch sein mag.