Kurztipp Authoring-Kommentar in WordPress

Ein häufig verwendetes Feature in WordPress-Blogs ist die Möglichkeit, Kommentare des Autors des Beitrags anders als die anderen zu gestalten, wodurch Antworten hervorstechen. Hier werden wir das Standard-WordPress bearbeiten, um den Autorenkommentaren ein subtiles Styling hinzuzufügen.

Schritt 1 - Wenn Befehl

Öffne das comments.php Datei im Designverzeichnis von Default: \ wp-content \ themes \ default. Direkt unter der Zeile:

Es gibt:

  • id = "Kommentar-">
  • Bearbeiten Sie dies, um zu sagen:

  • In der zweiten Zeile haben wir eine 'If'-Anweisung eingefügt, die auf Englisch lautet: "Wenn die E-Mail-Adresse des Kommentars mit der des Autors des Beitrags übereinstimmt (dh es ist dieselbe Person) -, fügen Sie den Text" author_comment "ein.

    Beachten Sie auch, dass wir in der ersten Zeile eine Klasse geöffnet haben. Dies liegt daran, dass das Design standardmäßig automatisch die Variable "$ oddcomment" verwendet. Wir werden das jetzt beheben.

    Schritt 2 - Fixieren der $ oddcomment

    Wenn wir unseren Code so belassen, wie er ist, würden die Klassen bei jedem "seltsamen" Kommentar durcheinander kommen. Um dies zu beheben, suchen Sie am oberen Rand der Datei (normalerweise Zeile 17) nach:

    $ oddcomment = 'class = "alt"';

    Bearbeiten Sie dies in:

    $ oddcomment = 'alt';

    Dann weiter unten auf der Seite (normalerweise Zeile 48), suchen Sie nach:

    $ oddcomment = (leer ($ oddcomment))? 'class = "alt"': ";

    Bearbeiten zu:

    $ oddcomment = (leer ($ oddcomment))? 'alt': ";

    Aus den letzten beiden Bearbeitungen haben wir einfach das entfernt class = "" Text, um Konflikte mit ungeraden Kommentaren zu stoppen.

    Schritt 3 - Style it!

    Öffnen style.css im Designverzeichnis. Fügen Sie unten die Zeilen hinzu:

    ol.commentlist .author_comment border-bottom: 1px fest # 0066CC; Border-Top: 1px fest # 0066CC; 

    Dadurch werden die Rahmenfarben von Autorenkommentaren (beachten Sie, dass wir die Klasse author_comment bearbeiten) in eine hellblaue Farbe geändert. Sie können dies nach Ihren Wünschen bearbeiten, wir gehen jedoch ganz subtil vor.

    Das ist es!