Erstellen Sie eine WordPress-Timeline für Kommentare (ähnlich wie bei Facebook)

Nachdem Facebook die Timeline eingeführt hat, habe ich über verschiedene Möglichkeiten nachgedacht, etwas in WordPress zu erstellen, das wie die Facebook Timeline aussieht. Ich habe eine Seite, die alle meine Kommentare im Jahr 2011 als Zeitleiste anzeigt (Check it!). Ich habe es gemacht, nachdem ich auf Twitter gesehen habe, dass forsandree hatte eine Anleitung zur Erstellung einer WordPress-Zeitleiste für Kommentare (Hier ist auch seine Zeitleiste). Leider ist der Leitfaden auf Schwedisch. Aber ich werde versuchen, ihn hier für Sie zu erklären!

Was ist die WordPress-Zeitleiste für Kommentare?

Es handelt sich im Grunde um eine Seite in meinem WordPress-Blog, die jeden Kommentar in einem bestimmten Zeitintervall als Facebook-Timeline anzeigt. Prüfen Sie es hier! Es listet nicht die WordPress-Beiträge oder irgendetwas anderes auf, sondern nur die Kommentare und einen Link zu dem Beitrag, in dem der Kommentar steht, sowie den Avatar des Kommentarverfassers, einen Link zur Website des Kommentarverfassers und alles in chronologischer Reihenfolge, mit den neuesten Kommentaren zuerst. Es funktioniert auch, wenn Sie Disqus-Kommentare aktiviert haben.

Wie man eine WordPress-Timeline für Kommentare im Stil von Facebook erstellt:

Beginnen Sie mit der Erstellung einer neuen Datei in Ihrem Vorlagenordner. Nennen Sie sie zum Beispiel page-timeline.php. Fügen Sie in diese Datei den Code ein, den Sie aus Definition von Erledigt (aus dieser Datei).

Öffnen Sie dann eine CSS-Datei mit dem Namen style.css und fügen Sie das gesamte CSS unten in die Datei ein. Das CSS, das Sie auf Definition von Erledigt (in der Mitte der Seite).

Laden Sie die Dateien dann in Ihren Vorlagenordner hoch.

Erstellen Sie dann eine neue Seite, lassen Sie sie leer und wählen Sie in der unteren rechten Ecke unter Seitenattribute, wo "Vorlage" steht, die Vorlage "Tack-template". Dann veröffentlichen Sie die Seite. Sie wird dann fertig sein und wie die Zeitleiste aussehen. Zumindest, wenn Sie die Vorlage "Twenty Eleven" verwenden. Bei anderen Vorlagen müssen Sie eventuell eines der schließenden Divs am Ende der Datei löschen. Dort werden auch einige schwedische Wörter vorkommen. Sie können die Datei bearbeiten, um alle schwedischen Begriffe umzubenennen. Oder laden Sie meine Timeline-Dateien herunter, die etwas weiter unten auf dieser Seite beschrieben sind.

Anpassen und seo-Optimierung der WordPress-Zeitleiste für Kommentare

Ich glaube forsandree hatte ein großartiges Stück Code geschaffen, aber jedes großartige Stück Code kann noch weiter entwickelt werden. Ich habe einige Dinge gefunden, die ich ändern wollte, damit es schöner aussieht und ein bisschen mehr ist SEO-optimiert.

Ändern Sie alle schwedischen Wörter ins Englische.
Machen Sie die Links zu den Beiträgen mit dem "Beitragstitel" als Ankertext anstelle des Datums.
hinzufügen nofollow zu allen ausgehenden Links (Namen der Kommentatoren). Das ist nicht notwendig, aber ich bekomme ziemlich viele sp@m (Domain-Registrierung Indien), und ich habe nicht alle Kommentare wegmoderiert, aber ich will sie auch nicht belohnen, also habe ich einfach alle Links zu Kommentarautoren gelöscht.
Fügen Sie oben auf der Seite ein dem Facebook-Cover ähnliches Bild hinzu (erstellen Sie dazu ein Bild, das wie das Cover aussieht, und laden Sie es bei der Bearbeitung der Seite hoch).

Hier sind die neuen Dateien, in denen alle Änderungen vorgenommen wurden: Seite-zeitleiste2.php und "paste-into-style.css". Wenn Sie sie verwenden möchten, müssen Sie nur die Dateiendung ".txt" in ".php" ändern und sie dann in Ihren Themenordner hochladen. Wählen Sie bei der Erstellung der Seite die "Vorlage" Timeline-Vorlage in der rechten Seitenleiste! Hier ist noch einmal mein Kommentar-Zeitplan.
Vielen Dank für die Lektüre des Beitrags über wie man eine WordPress-Timeline für Kommentare wie die Facebook-Timeline erstellt. Ich werde wahrscheinlich bald einen Beitrag darüber schreiben, wie man eine Vorlage erstellt, die deine Beiträge auch als Zeitleiste anzeigt! Fühlen Sie sich frei, Fragen unten zu stellen!