Formatieren des Kommentarbereichs in WordPress. Formatieren des Kommentarbereichs in WordPress Deaktivieren der Anzeige von Pings im Admin-Panel

Der Hintergrund zum Schreiben dieses Artikels ist typisch: Ich habe beschlossen, meine Kommentare mit einem separaten Stil hervorzuheben ... Glücklicherweise schreddere ich style.php jetzt schon seit mehreren Tagen und kenne die Grundregeln der CSS-Syntax. Und natürlich wurde aus dieser harmlosen Idee eine leichte Peinlichkeit, die Suche nach einer Lösung ... Am Ende hat alles geklappt. Und jetzt möchte ich Ihnen erzählen, mit welchen magischen Bewegungen ich meine eigenen Kommentare verziert habe.

Der Zweck aller unten beschriebenen Manipulationen besteht darin, Ihre Kommentare und Antworten für die Leser hervorzuheben. Wenn man es mit den Stilen nicht übertreibt, wird es recht elegant. Natürlich ist dies keine lebenswichtige Notwendigkeit. Jeder, der sich entschieden hat, Ihre Kommentare anzuzeigen, kann dies über seinen Spitznamen tun. Aber auch der Schönheitsgedanke ist vielen Bloggern wichtig.

Wenn wir außerdem darauf achten, wie die Antworten des Autors auf vielen großen und gut durchdachten Websites (z. B. smashingmagazine) formatiert sind, werden wir einen eigenen Stil für sie sehen. Offensichtlich wird dies dazu beitragen, die Benutzerfreundlichkeit zu verbessern.

Es ist besonders wichtig, einen separaten Stil für Autorenkommentare in Blogs zu verwenden, in denen baumartige Kommentare mit einem ziemlich tiefen Verschachtelungsgrad zulässig sind. Einfach ausgedrückt: Hier kann der Benutzer auf Kommentare antworten, auf Antworten antworten usw.

Schauen wir uns die Kommentarstile an, die bereits verwendet werden

Seien Sie nicht überrascht, wenn ich vorschlage, sozusagen vom Ende zu beginnen. Aber für Benutzer, die sich mit der Bearbeitung von WordPress-Themes nicht ganz wohl fühlen, ist dies die anschaulichste und offensichtlichste Möglichkeit.

Wählen Sie also einen Beitrag in Ihrem Blog aus, der Kommentare enthält. Natürlich brauchen wir auch hier Ihre Antworten. Nachdem Sie eine solche Seite geöffnet haben, klicken Sie mit der rechten Maustaste darauf und wählen Sie „Seitencode anzeigen“ (in den Browsern Google Chrome und Firefox gibt es definitiv eine solche Option).

Haben Sie keine Angst, wenn Sie ein Codeblatt sehen. Tatsächlich gibt es hier nichts Kompliziertes oder Geheimnisvolles. Scrollen Sie auf der Seite nach unten und Sie werden feststellen, dass zuerst die allgemeinen Informationen zum Beitrag angezeigt werden, dann der Text mit Formatierung. Schließlich finden Sie unten den Code für Kommentare. Sie können einfach Strg+F eingeben und in das angezeigte Fenster eingeben Kommentarliste und drücken Sie die Eingabetaste – Sie werden sofort in die gewünschte Zeile „geworfen“, in der das gesuchte Wort hell hervorgehoben wird.

Schauen wir uns nun an, wie unsere Kommentarstile markiert sind. Der Klarheit halber stammt der Code aus meinem Theme. Natürlich kann Ihr Code etwas anders aussehen und anders aufgebaut sein, aber die Hauptbedeutung einzelner Teile des Codes sollte klar sein:

  • NICK DES KOMMENTATORS:

    KOMMENTARTEXT

    • DEIN SPITZNAME:

      TEXT IHRER ANTWORT

      HIER SIND DIE DATEN FÜR DEN BUTTON „Antworten“.
    • Eigentlich müssen wir nur Kommentare mit Ihrem Spitznamen finden (in diesem Blog schreibe und antworte ich beispielsweise unter dem Spitznamen Katyaru). Und direkt über der erforderlichen Zeile, die so beginnt:

    • Dies sind die Klassenbezeichnungen − Kommentar von Benutzer Kommentar-Autor-Administrator von Post Autor ungerade alt Tiefe-2 — wir sind interessiert an. Was meinen sie? — Kommentar„Kommentarstil“ vom Nutzer„Registrierter Benutzerstil“ Kommentar-Autor-Administrator„Verwaltungsstil“ vonPostAutor„Stil des Beitragsautors“ seltsam„gerader Kommentarstil“ (oder sogar „ungerade“) alt„Antwortkommentarstil“ Tiefe-2„Kommentarverschachtelungstiefe beträgt 2″

      Achtung: Wenn Sie Ihr Blog-Login sinnvollerweise von „admin“ auf etwas anderes geändert haben, sieht der Name des Stils so aus Kommentar-Autor-DEIN LOGIN. Es handelt sich um das Login zum Betreten des Admin-Bereichs und nicht um den Spitznamen, mit dem Sie sich anmelden!!!

      Hier gibt es mögliche Optionen. Vielleicht sollten Kommentatoren auf Ihrem Blog registrierte Benutzer sein. Möglicherweise sind nicht Sie der Autor des Beitrags, sondern ein anderer registrierter Benutzer ohne Admin-Rechte. Aber es gibt nur einen Administrator auf dem Blog – und das bist du! Daher sollten Sie darauf achten Kommentar-Autor-Administrator(oder Kommentar-Autor-IHR LOGIN) – es muss für alle Ihre Kommentare eindeutig sein.

      Im Allgemeinen ist der Aktionsalgorithmus wie folgt:

      • Wir schauen uns den Kommentarcode an und finden heraus, wie (durch welchen Stil) sich Ihre Kommentare von den Kommentaren aller anderen Benutzer (nur Leser, registrierte Benutzer, Autoren usw.) unterscheiden.
      • Dann finden wir diesen Stil im Stylesheet und fügen ihn hinzu

      Hinzufügen eines speziellen Stils für Blog-Administratorkommentare

      Öffnen Sie die Seite mit Stylesheets im Admin-Bereich des Blogs style.php – es ist besser, zuerst ein Backup des Themes zu erstellen oder zumindest den gesamten Code von dieser Seite zu kopieren und ihn als separate Datei im Notepad zu speichern. Dann können Sie die Stile ohne die von uns geplanten Fehler wiederherstellen

      Eine Beschreibung des Kommentarstils finden Sie über das Suchwort „Kommentarliste“. Ich möchte Sie daran erinnern, dass der Code in verschiedenen Themen gut aussieht, die Bedeutung jedoch überall gleich ist. Ich habe zum Beispiel unter anderem folgende Zeilen:

      HIER KANN ES VIELE VERSCHIEDENE DINGE SEIN ol.commentlist li.alt() ol.commentlist li.bypostauthor p() ol.commentlist li.byuser () ol.commentlist li.comment-author-admin(GEBEN SIE IHREN STIL EIN) ol .commentlist li. comment() ol.commentlist li div.comment-author-admin (GEBEN SIE IHREN STIL EIN) ES KANN VIELE VERSCHIEDENE OL.commentlist li ul.children li.bypostauthor() ol.commentlist li ul.children geben li.byuser() ol. commentlist li ul.children li.comment() ol.commentlist li ul.children li.comment-author-admin(GEBEN SIE IHREN STIL EIN) ol.commentlist li ul.children li. Depth-2() ol.commentlist li ul.children li. Depth-2 li.comment-author-admin(GEBEN SIE IHREN STIL EIN) ol.commentlist li ul.children li. Depth-3() ol.commentlist li ul.children li. Depth-3 li.comment-author-admin (GEBEN SIE IHREN STIL EIN) UND SO WEITER

      Diese leeren geschweiften Klammern () zeigen an, dass kein spezieller Stil angegeben wurde. Diese Lücke müssen wir mit unserem Code füllen.

      Achtung: Zuerst brauchen Sie ändern im Code das Wort „admin“ für deinen Login!!! In allen Zeilen, in denen der Name dieses Stils verwendet wird!!!

      Mögliche Stile für Admin-Kommentare

      Wir haben bereits vereinbart, dass wir die Admin-Kommentare nicht zu sehr auswerten werden. Sie müssen sie nur leicht hervorheben. Ich habe zum Beispiel links neben meinen Antworten einen dicken grünen Streifen gemacht.

      Kommentare in PHP ähneln den in HTML verwendeten Kommentaren. In der PHP-Syntax beginnen Kommentare immer mit einer Sonderzeichenfolge und der gesamte Text, der zwischen diesen Sonderzeichen steht, wird vom Interpreter ignoriert.

      In HTML besteht der Hauptzweck eines Kommentars darin, als Hinweis für Entwickler zu dienen, die möglicherweise den Quellcode Ihrer Website anzeigen. Der Unterschied zu PHP-Kommentaren besteht darin, dass sie den Besuchern nicht angezeigt werden. Die einzige Möglichkeit, PHP-Kommentare anzuzeigen, besteht darin, die Datei zum Bearbeiten zu öffnen. Dadurch sind PHP-Kommentare nur für PHP-Programmierer nützlich.

      Falls Sie vergessen haben oder nicht wissen, wie Kommentare in HTML erstellt werden, sehen Sie sich das folgende Beispiel an.

      PHP-Kommentarsyntax: einzeiliger Kommentar

      Während es in HTML nur einen Kommentartyp gibt, gibt es in PHP zwei Kommentartypen. Der erste Typ, den wir besprechen werden, ist der einzeilige Kommentar. Das heißt, ein Kommentar, der den Interpreter anweist, alles zu ignorieren, was in dieser Zeile rechts von den Kommentaren passiert. Um diesen Kommentar zu verwenden, verwenden Sie die Zeichen „//“ oder „#“ und der gesamte Text rechts wird vom PHP-Interpreter ignoriert.

      Psst...Du kannst meine PHP-Kommentare nicht sehen!“; // echo „nichts“; // echo „Mein Name ist Humperdinkle!“; # echo „Ich mache auch nichts“; ?>

      Ergebnis:

      Hallo Welt! Psst...Sie können meine PHP-Kommentare nicht sehen!

      Beachten Sie, dass mehrere unserer Echo-Befehle nicht verarbeitet wurden, weil wir sie mit speziellen Kommentarzeichen auskommentiert haben. Diese Art von Kommentar wird häufig verwendet, um schnell komplexen und verwirrenden Code aufzuschreiben oder eine Zeile PHP-Code vorübergehend zu entfernen (zum Debuggen).

      PHP-Kommentarsyntax: mehrzeiliger Kommentar

      Wie HTML-Kommentare können auch mehrzeilige Kommentare in PHP zum Kommentieren großer Codeblöcke oder zum Schreiben von Kommentaren in mehreren Zeilen verwendet werden. Mehrzeilige Kommentare in PHP beginnen mit „/*“ und enden mit „*/“. Alles zwischen diesen Zeichen wird ignoriert.

      Ergebnis.

      In den Code einsteigen oder nicht? Wir haben bereits zuvor gesagt, dass das Kommentarformular etwas kompliziert ist und die Ersteller daher alles so weit wie möglich vereinfacht haben.

      Die Kommentaraufruffunktion ist einfach und hat keine Parameter

      Sieht einfach aus, bringt aber viel. Tatsächlich wird eine große Menge HTML-Code erstellt und eine Menge PHP-Code verwendet. Weil Diese Funktion generiert den gesamten vorgefertigten HTML-Code, dann müssen wir uns damit befassen, ohne die Möglichkeit zu haben, ihn mithilfe von Parametern irgendwie anzupassen oder anzupassen. Dies kann ein Problem sein, da wir diesen HTML-Code nicht wirklich ändern können. Du magst keine Div-Kurse? Sie möchten keine Gravatare verwenden? Möchten Sie die Reihenfolge ändern, in der die Zeilen angezeigt werden?

      Mit all dem müssen Sie sich abfinden und unnötige Dinge mit CSS verbergen. Unter diesem Gesichtspunkt müssen Sie entscheiden, welchen Präferenzpfad Sie einschlagen möchten:

      wp_list_comments

      • Einfach zu verwenden
      • integrierte Kommentarfunktion
      • integrierte Paginierungsfunktion
      • integrierte Baumanzeigefunktion
      • Standard-CSS-Klassen für grundlegende Aufgaben

      benutzerdefinierte Kommentarfunktion

      • absolute vollständige Kontrolle über alles
      • Standard- und benutzerdefinierte CSS-Klassen
      • Verfügbarkeit von Plugins zum Hinzufügen der erforderlichen Funktionalität

      Die Wahl der Methode zur Kommentarerstellung hängt von vielen Faktoren ab. Im Allgemeinen empfehlen wir, wp_list_comments zu verwenden und sich nichts vorzumachen. Wenn Sie etwas Eigenes, Besonderes und Spezifisches mit der gewünschten Funktionalität und den gewünschten Fähigkeiten tun müssen und dieser Wunsch durch Wissen unterstützt wird, dann wird die Verwendung von benutzerdefinierten Zyklen es ermöglichen, alles umzusetzen.

      Darüber hinaus gibt es die gute alte Methode, Kommentare mithilfe einer foreach-Schleife anzuzeigen, sodass wir noch viel herausfinden müssen.

      wp_list_comments() oder benutzerdefinierte Schleife?

      Vor Version 2.7 basierte die Kommentarausgabeschleife auf Datenbankabfragen und wurde in einem etwas verschlungenen, aber gut verständlichen Pfad angezeigt.

      Anschließend wurden die Kommentare um zusätzliche Funktionen erweitert – Seitennavigation und Baumverschachtelung. Diese Funktionen wurden über das Admin-Panel aktiviert und die foreach-Schleife wurde durch die bereits gezeigte Funktion wp_list_comments ersetzt. Dieser Zyklus bleibt jedoch weiterhin betriebsbereit, obwohl er aus offensichtlichen Gründen keine zusätzlichen Funktionen unterstützt.

      Obwohl wp_list_comments nicht wie eine Schleife aussieht, macht es alles gleich, indem es Abfragen wiederholt und Kommentare immer wieder ausgibt, bis sie enden und sie mit den entsprechenden Tags markieren.

      Normalerweise sieht der fertige HTML-Code für einen Kommentar etwa so aus:

      1. Name des Kommentators sagt:

        Vielen Dank, Sie haben eine tolle Seite!

      Wie Sie sehen können, enthält die Kommentarausgabeschleife ein Gravatar-Bild, mehrere Divs, viele verschiedene CSS-Klassen, einen Link zum Autor und den eigentlichen Kommentartext. Wenn das zu Ihnen passt, ist das gut, Sie müssen nichts weiter tun.

      In diesem Fall können Sie nur auf die folgenden wp_list_comments-Optionen zugreifen:

      • Die Standardgröße des Avatars beträgt 32 Pixel
      • CSS-Stile – mit ihren Namen können Sie die Parameter in die gewünschten ändern
      • Stil zur Anzeige des Kommentarlistenstils. Standardmäßig werden Kommentare als ungeordnete Listen-Tags angezeigt
          aber wenn Sie stattdessen eine geordnete Liste verwenden möchten
            , dann verwenden Sie diesen Parameter „ol“)); ?>
          1. Typ Typ ist ein String-Parameter, der für die angezeigten Kommentare verantwortlich ist. Verfügbare Parameter sind „Alle“, „Kommentar“, „Trackback“, „Pingback“ und „Pings“. Pings bedeutet, dass sowohl Trackbacks als auch Pingbacks zusammen ausgegeben werden. Standardmäßig ist der Parameter all, d. h. Alle Kommentare werden angezeigt.
          2. Antworttext „reply_text“ – Definieren, was auf den Antwortlink zu einem Kommentar geschrieben wird, normalerweise „Antworten“
          3. Autorisierungstext login_text – wird angezeigt, wenn Sie sich auf der Website anmelden müssen, um zu antworten, normalerweise „Anmelden, um zu kommentieren“.
          4. Callback ist der Name einer benutzerdefinierten Funktion zum Anzeigen von Kommentaren.
          5. Zusätzliche Optionen verfügbar

        Das ist nicht viel, reicht aber in den meisten Fällen für die minimal notwendigen Modifikationen aus. Wenn Sie mehr benötigen, müssen Sie eine benutzerdefinierte Schleife verwenden oder in den in comments.php geschriebenen PHP-Code eingreifen oder die erforderliche Funktionalität zu Functions.php hinzufügen.

        Schamanismus in Functions.php

        Geben wir zunächst in comments.php an, dass wir unsere benutzerdefinierte Funktion verwenden werden

        Jetzt erstellen wir unsere benutzerdefinierte Funktion in „functions.php“.

      • id="li-comment-">
        ");?> %S sagt:"), get_comment_author_link()); ?>
        comment_approved == "0") : ?>
        $Tiefe,"max_Tiefe" => $args["max_Tiefe"]))); ?>
        Bitte beachten Sie, dass wir das Tag nicht schließen
      • , Weil WordPress erstellt automatisch schließende Tags basierend auf dem Markup verschachtelter Kommentare.

        Nach der Veröffentlichung wird diese Funktion beim Generieren von Kommentaren aufgerufen und ermöglicht Ihnen, alle erforderlichen Änderungen vorzunehmen. Der Trick besteht darin, dass wir alles, was wir brauchten, mit den Standardeinstellungen und relativ begrenzten Einstellungen gemacht haben wp_list_comments()

        Kehren wir nun zu den alten Methoden zurück – zusammen mit wp_list_comments fügen wir eine foreach-Schleife ein

        Durch diese Verwendung ist die Vorlage abwärtskompatibel mit älteren Versionen von WordPress.

        Nachdem wir nun wissen, wie man eine Kommentarschleife einrichtet, wollen wir sie an unsere Bedürfnisse anpassen und einige coole Tricks anwenden.

        Implementierung seitenweiser Kommentare

        Niemand weiß im Voraus, dass der Inhalt der Website Hunderte von Kommentaren anziehen kann. Was ich damit sagen will ist, dass wir alle Superstars sind und der Erfolg unerwartet kommen kann. Das Ansehen und Zurückspulen eines Beitrags mit Hunderten von Kommentaren kann wahnsinnig lange dauern. Im Allgemeinen haben wir sicherlich keine Angst vor vertikalem Scrollen (im Gegensatz zum horizontalen Scrollen), aber alles sollte einen Rand haben. Ein typischer Beitrag mit 60 Kommentaren kann bis zu 20.000 Pixel hoch sein!

        Eine gute Möglichkeit, die Dinge zu organisieren, besteht darin, Ihren Kommentar-Feed zu paginieren und ihn Seite für Seite anzuzeigen.

        Sobald Sie die Paginierung aktiviert haben, vergessen Sie nicht, Ihrer comments.php-Datei Funktionen hinzuzufügen, um „Vorher“- und „Später“-Links anzuzeigen.

        Diese Links werden automatisch angezeigt und unterbrechen das Kommentarblatt, wenn die angegebene Anzahl von Kommentaren pro Seite überschritten wird. Bei weniger Kommentaren als dieser Anzahl werden die Links nicht angezeigt.

        Und hier gibt es einen Haken. Es entsteht das bekannte SEO-Problem der Duplizierung von Inhalten durch seitenweise Kommentare. Dies liegt daran, dass für jede Kommentarseite dieselben URLs erstellt werden.

        • https://yoursite.com/ghost-dad-rocked/
        • https://yoursite.com/ghost-dad-rocked/comments-page-1/
        • https://yoursite.com/ghost-dad-rocked/comments-page-2/
        • https://yoursite.com/ghost-dad-rocked/comments-page-3/

        Es ist klar, dass nur die Kommentare auf diesen Seiten unterschiedlich sein werden. Was das Gesamtbild noch verschlimmert, ist die Tatsache, dass jeder Kommentar seinen eigenen eindeutigen Bezug zum Zeitpunkt der Veröffentlichung hat, wodurch auch eine Menge Duplikate entstehen. Daher findet der Suchbot den gleichen Inhalt unter einer Vielzahl unterschiedlicher Links.

        Um Doppelarbeit zu vermeiden, gibt es mehrere Lösungen:

        1. Verwenden Sie keine Seitenkommentare
        2. Verwenden Sie Meta-Tags, um kanonische URLs für jeden Beitrag zu erstellen
        3. Plugin verwenden

        Wenn Ihre Website sehr beliebt ist oder werden wird, ist es natürlich besser, kanonische URLs zu verwenden. Wenn keine heftigen Diskussionen geplant sind, ist es einfacher, herkömmliche Kommentarblätter ohne Paginierung zu verwenden.

        SEO für Paged Comments verfolgt einen noch radikaleren Ansatz: Sie entfernt den Beitragsinhalt von den Kommentarseiten und ersetzt ihn durch ein Zitat oder eine gekürzte Version des Beitrags.

        Verschachtelte Kommentare implementieren

        Mit verschachtelten Baumkommentaren können Besucher eine Antwort auf einen ausgewählten vorhandenen Kommentar schreiben und so einen umfassenden Diskussionsdialog erstellen. Nachdem Sie diese Funktion in den Einstellungen aktiviert haben, erscheint neben jedem Kommentar ein Link „Antworten“, über den Sie zu einem bestimmten Kommentar Stellung nehmen können.

        Bevor sich diese Gelegenheit ergab, gab es eine Art Antwort auf den ausgewählten Autor, indem man seinen Namen und das @-Zeichen im Text des Kommentars verwendete, etwa „@Vasya, du liegst falsch!“ Mit einigen Veränderungen hat diese Methode in vielen Anwendungen im Internet Fuß gefasst und lebt beispielsweise immer noch auf Twitter. Und in modernen Versionen von WordPress muss eine solche Erwähnung nicht verwendet werden.

        Jetzt müssen Sie nur noch auf den entsprechenden Link „Antworten“ klicken und sich zu Wort melden. Sobald der Kommentartext genehmigt wurde, wird er direkt unter dem Kommentar angezeigt, über den er geschrieben wurde.

        Wenn Ihre Vorlage diese Art von Kommentaren nicht unterstützt, gibt es eine einfache Möglichkeit, sie hinzuzufügen:

        1. Wir erstellen Sicherungskopien von Dateien, was theoretisch bereits zur Gewohnheit werden sollte
        2. Aktivieren Sie verschachtelte Kommentare in den Einstellungen Optionen→Diskussionseinstellungen→Baumkommentare zulassen
        3. Fügen Sie den folgenden Code zu header.php unmittelbar vor wp_head() hinzu
        4. Direkt vor dem schließenden Tag zur comments.php hinzufügen
        5. Lassen Sie uns das überprüfen