Share
Die Kommentar-Infrastruktur von WordPress ist für viele recht ordentlich und zufriedenstellend. Wenn Sie jedoch Ihre Kommentatoren benötigen, um über Social-Media-Konten wie Facebook, Twitter, Google usw. auf Ihre Website zugreifen zu können, müssen Sie Plug-Ins installieren, die diese Funktion bereitstellen.
Oder Sie könnten einfach Disqus verwenden.
Disqus ist ein Kommentarsystem, das nahezu alle Authentifizierungs-APIs bereitstellt, einschließlich Facebook, Twitter, Google, Yahoo und OpenID. Außerdem können Sie sich mit Ihren Disqus-Anmeldeinformationen anmelden (wodurch Sie jede Konversation auf jeder von Ihnen kommentierten Site verfolgen können) oder einfach einen Kommentar mit einem Namen und einer E-Mail-Adresse.
Es gibt eine einfache Möglichkeit, Disqus in WordPress zu integrieren: Sie registrieren einfach ein neues Disqus-Konto und installieren das WordPress-Plugin. Es wird sogar mit Ihren nativen WordPress-Kommentaren synchronisiert, sodass Sie sich nicht um Ihre vorhandenen Kommentare kümmern müssen. Und es hält sie synchronisiert!
Aber wenn Sie nicht mehr mit den nativen Kommentaren synchronisieren müssen (wie ich) und wenn Sie ein Optimierungsfreak (wie ich) sind, der die zusätzlichen Datenbankabfragen-Plugins hasst, oder wenn Sie sich nicht um Ihre vorhandenen Kommentare kümmern Alle wollen neu beginnen, es gibt eine relativ einfache Möglichkeit, Disqus in Ihren WordPress-Blog zu integrieren.
Der einfachste Teil dieses Tutorials: Gehen Sie einfach zu Disqus.com und füllen Sie dieses einseitige Formular aus, um ein neues Konto zu registrieren:
(Vergessen Sie nicht, Ihr Konto zu bestätigen, indem Sie auf den Bestätigungslink klicken, der an Ihre E-Mail-Adresse gesendet wird!)
Nun, Sie kennen die Übung: Laden Sie das Plugin herunter, extrahieren Sie das Archiv in Ihr Plugins Ordner (oder suchen Sie nach "Disqus Comment System" auf der Seite "Plugins installieren" und installieren Sie das Plugin von dort aus) und aktivieren Sie es.
Wenn Sie das Plugin aktivieren, wird eine WordPress-Benachrichtigung mit einem Link zum Einrichten des Plugins angezeigt. Dort müssen Sie sich zuerst mit Ihren Disqus-Anmeldeinformationen anmelden:
Danach wählen Sie Ihre Website. Herzlichen Glückwunsch, Sie haben Disqus gerade in Ihrem Blog installiert!
Klicken Sie nun auf Ihre Kommentarseite und dann auf den Link Erweiterte Optionen oben rechts auf dieser Seite. Es gibt mehrere Optionen, die geprüft werden können:
Überprüfen Sie einen Ihrer Beiträge, um zu sehen, wie sich Disqus über das native Kommentarsystem lädt. Du bist jetzt gut zu gehen!
Unter den Optionen, die wir gerade untersucht haben, befindet sich der Abschnitt "Import / Export", in dem wir unsere Kommentare importieren und exportieren können:
Beim Exportieren klicken Sie auf die Schaltfläche "Exportieren" und warten, bis Disqus das "Importieren" Ihrer Kommentare in seine Datenbank beendet hat:
Es kann Sekunden bis Stunden dauern, bis der Prozess abgeschlossen ist - mein eigener Blog hatte 20.000 Kommentare, als ich zu Disqus wechselte, und es dauerte buchstäblich Stunden! Während der Vorbereitung dieses Tutorials hat es jedoch 2 Sekunden gedauert, 2 Kommentare zu exportieren (für mein Beispielblog):
Gut; Jetzt sind wir mit dem Plugin fertig - wir können es jetzt einfach loswerden! :)
Deaktivieren Sie das Plugin, wenn Sie den Code im nächsten Schritt verwenden möchten. Ich ziehe es vor, es gelegentlich wieder zu aktivieren, um meine Disqus-Kommentare in meiner Datenbank zu sichern (indem Sie im Abschnitt "Importieren / Exportieren" auf "Kommentare synchronisieren" klicken und einige Minuten warten), aber wenn Sie nicht glauben, dass Sie jemals dorthin gehen Um das Plugin erneut zu verwenden und die in Ihrer Datenbank gespeicherten Optionen nicht zu benötigen, können Sie es auch mit der Schaltfläche "Deinstallieren" deinstallieren.
Wie bereits erwähnt, hilft uns die Verwendung von Plugins ohne Plugins dabei, unsere Website zu optimieren. Eine einzige Abfrage ist eine einzige Abfrage, richtig?
Wie auch immer, hier sind die Funktionen, die wir verwenden werden - fügen Sie diese wie immer in Ihrem Theme hinzu Functions.php Datei:
Accentsconagua
Funktion disqus_embed ($ disqus_shortname) global $ post; wp_enqueue_script ('disqus_embed', 'http: //' .$disqus_shortname.'.disqus.com/embed.js '); Echo ' '; Die Funktion ist ziemlich einfach: Verwenden Sie den Code wo immer du willst in deiner single.php und page.php Dateien zum Einbetten und Anzeigen von Disqus-Kommentaren für diese Seite. Sie können nach dem suchen comments_template (); funktionieren und ersetzen Sie es durch unsere neue Funktion, da wir die nativen Kommentarfunktionen nicht mehr verwenden werden.
Lassen Sie uns den Code ein wenig untersuchen:
div um die Kommentare zu laden in: Wir wiederholen das Echo div Mit dieser ID laden Sie die Kommentare in.disqus_title und disqus_url da Disqus sie von der URL der Seite und abrufen kann </code> tag, aber wenn jemand Ihre Website mit einer Adresse besucht, die enthält, sagen Sie, <code>…? Utm_source = feedburner</code>, Die URL unterscheidet sich vom Original und kann zu Problemen führen.</li> </ol> <blockquote> <p><strong>Spitze:</strong> Versuchen Sie zu laden <code>yourdisqusshortname.disqus.com/embed.js</code> In Ihrem Browser werden Sie zu Disqus 'CDN weitergeleitet. Kopieren Sie den neuen Link und verwenden Sie ihn im <code>wp_enqueue_script</code> Funktion, um den Code ein wenig weiter zu optimieren - eine halbe Sekunde ist eine halbe Sekunde, richtig?</p> </blockquote> <h3>Abruf der Kommentarzählung</h3> <pre> Funktion disqus_count ($ disqus_shortname) wp_enqueue_script ('disqus_count', 'http: //' .$disqus_shortname.'.disqus.com/count.js '); Echo ''; </pre> <p>Wir können den Code verwenden (<code><?php disqus_count('myexampleblog'); ?></code>) überall in unseren Theme-Dateien <em>solange es in The Loop ist</em>. Leider kann Disqus nur die Kommentare zählen, die einen Link haben <code>#disqus_thread</code> am Ende - hilf mir mit deinen Kommentaren, wenn du einen anderen Weg findest, die Anzahl der Kommentare anzuzeigen.</p> <blockquote> <p><strong>Spitze:</strong> Sie können den Ausgabetext bearbeiten, indem Sie besuchen <code>yourdisqusshortname.disqus.com/admin/settings/appearance/</code> und Ändern der Felder "Comment Count Link" und "Reaction Count Link". Sie können sogar HTML verwenden!</p> </blockquote> <h2>Fazit</h2> <p>Disqus wurde 2007 gegründet und hat weltweit über 75 Millionen Benutzer. Möglicherweise fehlen einige Konfigurationsfunktionen, aber es ist eines der besten Kommentarsysteme auf dem Markt. Die Hauptidee dieses Artikels bestand darin, Ihnen zu zeigen, wie Sie sich bei Disqus registrieren, in Ihrem WordPress-Blog installieren, Ihre Kommentare migrieren und zum Anzeigen der Kommentare mehrere Codezeilen verwenden. Weitere Informationen zu Disqus finden Sie in einem anderen Artikel über Wptuts +, um ihn besser kennenzulernen.</p> <p>Und wie immer können Sie gerne Ihre Ideen und den für dieses Thema relevanten Code in Ihren Kommentaren veröffentlichen!</p>
<div class="rek-block">
<center>
<ins class="adsbygoogle"
style="display:inline-block;width:580px;height:400px"
data-ad-client="ca-pub-3810161443300697"
data-ad-slot="9434875811"></ins>
<script>
(adsbygoogle = window.adsbygoogle || []).push({});
</script>
</center>
</div>
<div class="h-alltags">
<a href="articles/code">Code</a>
</div>
</div>
</div>
</div>
</div>
<div class="next_posts clearfix">
<div class="n_post">
<div class="next_posts-h1 left_nh1"><a href="/articles/code/integrating-google-play-services-on-android.html">Google Play-Dienste auf Android integrieren</a></div>
<div class="next_posts-img" style="background-image: url('//accentsconagua.com/img/images_14/integrating-google-play-services-on-android_7.png');"></div>
</div>
<div class="n_post">
<div class="next_posts-h1 right_nh1"><a href="/articles/code/integrating-cloudflare-with-wordpress.html">Integration von CloudFlare mit WordPress</a></div>
<div class="next_posts-img" style="background-image: url('//accentsconagua.com/img/images_13/integrating-cloudflare-with-wordpress.gif');"></div>
</div>
</div>
<footer>
<div class="container">
<div class="footer-langs">
<ul class="site-langs-list">
<li><a href="https://www.accentsconagua.com"><i class="flag flag-DE"></i>Deutsch</a></li>
<li><a href="https://fr.accentsconagua.com"><i class="flag flag-FR"></i>Français</a></li>
<li><a href="https://nl.accentsconagua.com"><i class="flag flag-NL"></i>Nederlands</a></li>
<li><a href="https://no.accentsconagua.com"><i class="flag flag-NO"></i>Norsk</a></li>
<li><a href="https://sv.accentsconagua.com"><i class="flag flag-SE"></i>Svenska</a></li>
<li><a href="https://it.accentsconagua.com"><i class="flag flag-IT"></i>Italiano</a></li>
<li><a href="https://es.accentsconagua.com"><i class="flag flag-ES"></i>Español</a></li>
<li><a href="https://ro.accentsconagua.com"><i class="flag flag-RO"></i>Românesc</a></li>
</ul>
</div>
<div class="h-block"><a href="/">accentsconagua.com</a><div class="h-block-a"></div></div>
<div class="footer-text">
Interessante Informationen und nützliche Tipps zur Programmierung. Website-Entwicklung, Webdesign und Webentwicklung. Photoshop-Tutorials. Erstellung von Computerspielen und mobilen Anwendungen. Werden Sie von Grund auf professioneller Programmierer.
</div>
</div>
</footer>
<div class="search">
<img class="searchico" src="//accentsconagua.com/img/search.svg" alt="">
</div>
<div class="modal">
<div class="modal-content">
<span class="close-button">×</span>
<input class="searchmain" type="text" id="search-input" placeholder="Suche...">
<ul class="searchli" id="results-container"></ul>
</div>
</div>
<link rel="stylesheet" href="css/flags.css">
<link rel="stylesheet" type="text/css" href="//cdnjs.cloudflare.com/ajax/libs/cookieconsent2/3.1.0/cookieconsent.min.css" />
<script src="//cdnjs.cloudflare.com/ajax/libs/cookieconsent2/3.1.0/cookieconsent.min.js"></script>
<script>
window.addEventListener("load", function(){
window.cookieconsent.initialise({
"palette": {
"popup": {
"background": "#edeff5",
"text": "#838391"
},
"button": {
"background": "#4b81e8"
}
},
"theme": "classic",
"position": "bottom-right"
})});
</script>
<script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
<script src="js/scripts.min.js"></script>
<script src="js/common.js"></script>
<link rel="stylesheet" href="css/fontawesome-all.min.css">
<script>
var modal = document.querySelector(".modal");
var trigger = document.querySelector(".search");
var closeButton = document.querySelector(".close-button");
function toggleModal() {
modal.classList.toggle("show-modal");
}
function windowOnClick(event) {
if (event.target === modal) {
toggleModal();
}
}
trigger.addEventListener("click", toggleModal);
closeButton.addEventListener("click", toggleModal);
window.addEventListener("click", windowOnClick);
</script>
<script src="https://unpkg.com/simple-jekyll-search@1.5.0/dest/simple-jekyll-search.min.js"></script>
<script>
SimpleJekyllSearch({
searchInput: document.getElementById('search-input'),
resultsContainer: document.getElementById('results-container'),
json: '/search.json',
searchResultTemplate: '<li><a href="{url}">{title}</a></li>'
})
</script>
<script src="jquery.unveil2.min.js"></script>
<script>
$('img').unveil();
</script>
</body>
</html>