Verwenden von DISQUS-Kommentaren zum Kommentieren Ihrer WordPress-Site

DISQUS unterstützt das Kommentarsystem vieler Blogs, darunter einige hochkarätige. DISQUS bietet eine Reihe von Vorteilen, einschließlich besserer Spam-Prävention und größerer Benutzerzufriedenheit, da nur ein einziges, universelles Login erforderlich ist, das auf allen Websites verwendet werden kann, die DISQUS verwenden. Heute werfen wir einen Blick auf die Vor- und Nachteile von DISQUS, die Verwendung von WordPress (Spoiler: es ist unglaublich einfach) und sogar einige grundlegende Anpassungen mit CSS.


Vor- und Nachteile der Verwendung von DISQUS

Wo alternative Kommentarsysteme wie Facebook bestimmte Blogtypen zum Ziel haben, kann DISQUS in verschiedenen Blogs nahezu universell eingesetzt werden. Im Allgemeinen wird es am häufigsten von traditionellen Format-Websites verwendet, wird jedoch durch eine Reihe nützlicher Vorteile unterstützt, die es zu einer Kickass-Lösung für jede Website machen.

Auf jeden Fall ist meine liebste Tatsache bei DISQUS, dass alles von Ihrer Website abgewickelt wird. Dies ist ein definitives Plus für die Sicherheit, aber auch für Spam, da Drittanbieter-Services wie DISQUS im Allgemeinen einen besseren Spam-Schutz bieten. DISQUS verwendet Askimet, daher ist es den normalen WordPress-Kommentaren nicht unähnlich, aber ich habe bei der Verwendung von Spam definitiv weniger Spam erhalten.

DISQUS lässt sich auch sehr gut integrieren. Wenn Sie DISQUS verwenden, sollten Sie Ihre Site einer Community hinzufügen, die alle ein gemeinsames Kommentarsystem hat. Meine Website verwendet dieses Kommentarsystem, was bedeutet, dass ich ein einziges Konto zum Posten und Moderieren von Kommentaren dort und zum Posten auf MacStories, Cult of Mac und allen anderen Sites, die DISQUS verwenden, besitzt. Dies ist für mich als Nutzer von Vorteil, da ich meine Identität bewahre, ohne dass eine Million verschiedene Konten pro Site verwaltet werden müssen.

Zum Thema Integration ist DISQUS sehr anpassungsfähig. Die meiste Zeit sieht DISQUS auf Ihrer Website gut aus, aber Sie können sich immer für eine andere Vorlage entscheiden, sie mit CSS bearbeiten oder sich ihren kostenpflichtigen Service kaufen und Ihre eigene gestalten. Wir werden uns später in diesem Artikel mit der Anpassung beschäftigen.

Zwar gibt es sicherlich mehr Vorteile, aber es gibt auch einige Nachteile gegenüber der Verwendung von DISQUS. Der Fairness halber, und damit Sie eine bessere Entscheidung treffen können, werfen wir einen Blick auf sie.

Das größte Problem von Drittanbietern ist die Suchmaschinenoptimierung. Suchmaschinen lesen DISQUS im Allgemeinen nicht so gut, was bedeutet, dass einige verknüpfte Seiten nicht verfolgt werden. Es gibt Möglichkeiten, das zu umgehen, aber es ist definitiv nicht so einfach wie Kommentare nativ zu verwenden.

Wenn DISQUS ausfällt, tut dies auch einen Großteil Ihrer Website, der für manche katastrophal sein kann. Trotzdem empfehle ich den meisten Leuten immer DISQUS, also fangen wir an!


DISQUS installieren

Ich denke nicht, dass ich vielen Mitgliedern dieses Publikums erklären muss, wie man ein Plugin installiert. Die beste Möglichkeit, DISQUS zu installieren, ist die Verwendung des Plugins, da dies den gesamten Prozess einfacher und nahtloser macht. Wenn Sie das Plugin verwenden, tauscht DISQUS bildlich das aus Funktion, um stattdessen einen DISQUS-Thread einzuschließen. Wo auch immer Sie Ihre Kommentardatei normalerweise einfügen, wird WordPress verwendet
Ersetzen Sie das automatisch durch DISQUS. Es ist buchstäblich so einfach.

Das Plugin ist zweifellos die nahtloseste Methode zur Integration von DISQUS. Wenn Sie möchten, können Sie jedoch den universellen Code zum Einbetten verwenden, obwohl dies nicht empfohlen wird. Ich werde dies aus diesem Tutorial herausnehmen, um die Dinge einfach zu halten.

Wenn Sie es nicht deaktivieren, wird DISQUS über das Plugin mit WordPress synchronisiert (der universelle Code funktioniert nicht). Das bedeutet, dass Kommentare sowohl in WordPress als auch in DISQUS gespeichert werden können, sodass Sie eine schöne Ausfahrt-Route erhalten, wenn Sie DISQUS irgendwann in der Zukunft aufgeben möchten.

Aufbau

Natürlich hat DISQUS einige Optionen zur Auswahl. Es gibt einige Plugin-spezifische, aber diese beziehen sich im Allgemeinen auf den Synchronisierungsprozess und sind eher ein Fehlerbehebungsplan.

Zusätzlich gibt es bei jedem DISQUS-Konto Optionen, die Sie zur Änderung der Funktionalität Ihrer Installation auswählen können. Diese sind sehr unkompliziert und beziehen sich im Allgemeinen auf die Einschränkung bestimmter Funktionen, z. B. die Auswahl, ob Medienanhänge angeboten werden sollen, und die Anforderungen für das Kommentieren.

Glücklicherweise werden alle diese Optionen von der DISQUS-Site aus gehandhabt und erfordern keine zusätzliche Codierung, so dass ich wenig über sie sprechen kann.

Anzahl Kommentare

Das Anzeigen der Kommentaranzahl kann tatsächlich eine schwierige Sache sein. In den meisten Fällen tritt DISQUS an die Stelle von Funktion und es wird gut funktionieren. In einigen Fällen ist dies jedoch nicht der Fall, und Ihre erste Anlaufstelle ist die Ausgabe von JavaScript in der Fußzeile unter Erweiterte Optionen in den Einstellungen des Plugins.


DISQUS im Spiel

Was Sie oben sehen, ist, dass DISQUS als WordPress-Plugin auf einer Live-Site installiert ist. Sie wurde auf der DISQUS-Optionsseite wie üblich eingerichtet, ohne dass ein Stylesheet mehr Stil hinzugefügt wurde.

Wenn wir uns kurz umsehen, können wir DISQUS in fünf Hauptbereiche einteilen: die Schaltflächen, das Kommentarformular, den Kommentarthread, die Links und die Reaktionen. Wir können jedes davon bearbeiten, indem Sie sowohl die DISQUS-Einstellungsseite verwenden als auch einige überschreibende CSS-Stile anwenden. Gehen wir schnell voran und schauen wir uns an, wie genau das geht.


Styling von DISQUS

Wir haben jetzt die Vor- und Nachteile der Verwendung von DISQUS behandelt und kurz die Installation und die Arbeit mit WordPress untersucht. Lassen Sie uns nun einen Blick darauf werfen, wie wir DISQUS an unser Thema anpassen können.

DISQUS selbst kann thematisch sein und wird mit zwei Standardthemen geliefert: Houdini und Narcissus. Diese werden mit dem kostenlosen Paket geliefert. Wenn Sie sich für DISQUS entscheiden (entweder 299 US-Dollar oder 999 US-Dollar pro Monat), haben Sie den Vorteil des fortschrittlichen Design-Editors. Da dies jedoch keine beliebte Wahl ist, werden wir nicht viel darüber sprechen. Wenn Sie jedoch den benutzerdefinierten Design-Editor verwenden, werden Sie feststellen, dass er mit Tumblr unglaublich einfach zu verwenden ist.

Stattdessen schauen wir uns an, wie Sie eine normale DISQUS-Installation mit dem Standard-Houdini-Design mit CSS gestalten, das einfach in Ihr Stylesheet eingefügt werden kann.

Identifizierung der Klassen

Um mit DISQUS zu arbeiten und es zu stylen, müssen wir die CSS-Klassen herausfinden, aus denen es besteht.

  • # dsq-content - Dies ist praktisch der Container, in dem die gesamte DISQUS-Einbettung gehandhabt wird. Alle Stile, auf die Sie dies anwenden, gelten für DISQUS.
  • .dsq-comment-header - Dies ist der Kommentarkopf, in dem der Name des Kommentators angezeigt wird.
  • .dsq-Kommentar-Nachricht - Du hast es erraten! Dies ist die Kommentarnachricht, und alle dieser Klasse hinzugefügten Stile gelten nur für den Kommentar selbst.
  • # dsq-content h3 - Obwohl es sich technisch nicht um eine Klasse handelt, werden beim Stil dieses Tags alle in DISQUS verwendeten Überschriften formatiert, z. B. die Anzahl der Kommentare und die oberhalb des neuen Kommentartextbereichs.
  • # dsq-global-toolbar - In dieser ID befindet sich die globale Symbolleiste, dh die Reihe von Schaltflächen, die sich auf dem Kommentarfeld befinden.

Text gestalten

Vielleicht sollten Sie vor allem den Text ändern, um die Größe und Farbe des umgebenden Themas besser anzupassen. Dies kann erreicht werden, indem der Container so gestaltet wird, dass er das gesamte DISQUS-Embed behandelt.

 # dsq-content color: # 333333! wichtig; Schriftgröße: 1em! wichtig; 

Das ändert jedes Textstück im gesamten DISQUS-Embed. Natürlich können Sie dem Format weitere Stile hinzufügen dsq-content id, um es besser mit Ihrem WordPress-Theme zu vergleichen.

Alternativ können wir bestimmte Teile des Texts gestalten, beispielsweise die Kommentardetails oder die Überschriften. In den meisten Themen möchten wir wahrscheinlich einen gemeinsamen Stil zwischen den Überschriften im Inhalt und den Überschriften in den Kommentaren verwenden. Dies kann durch einfaches Ändern der Klasse erreicht werden.

 # dsq-content h3 color: # 666666! important; Schriftgröße: 1.2em! wichtig; 

Elemente ausblenden

Es gibt auch Fälle, in denen Sie Teile des DISQUS-Embedds deaktivieren möchten. Auf meiner Website ziehe ich es vor, die Überschriften auszublenden, um sie sauberer zu machen. Dies ist wiederum sehr einfach zu erreichen, indem Sie einfach die Anzeige Stil zu keiner.

 # dsq-content h3 display: none; 

Einpacken

DISQUS kann eine sehr wirkungsvolle Ergänzung zu einem Blog sein und bietet sowohl den Bloggern als auch den Benutzern zahlreiche Vorteile (siehe den Abschnitt zu den Vorteilen). Obwohl Sie möglicherweise ein paar Probleme haben, wird DISQUS im Allgemeinen mit den Optionen unter "Erweiterte Optionen" direkt eingestellt und bietet ein nahtloses Erlebnis mit dem Kommentarsystem. Da es einfach ist, Styles mit CSS hinzuzufügen, ist es nicht schwierig, DISQUS an jede gewünschte Site anzupassen.