Share
Infrastructura de comentariu a WordPress este destul de curată și satisfăcătoare pentru mulți, dar dacă aveți nevoie de commenters pentru a vă conecta la site-ul dvs. cu conturi sociale, cum ar fi Facebook, Twitter, Google și altele, trebuie să instalați pluginuri care oferă această funcție.
Sau puteți folosi doar Disqus.
Disqus este un sistem de comentarii care oferă aproape orice autentificare API, inclusiv Facebook, Twitter, Google, Yahoo și OpenID. În plus, vă puteți conecta cu acreditările Disqus (care vă permite să urmați fiecare conversație de pe fiecare site pe care ați comentat-o) sau pur și simplu să faceți un comentariu cu un nume și o adresă de e-mail.
Există o modalitate ușoară de a integra Disqus în WordPress: Înregistrați doar un nou cont Disqus și instalați pluginul WordPress. Se sincronizează chiar și cu comentariile dvs. WordPress native, astfel încât să nu vă faceți griji cu privire la comentariile existente. Și le menține sincronizate!
Dar dacă nu mai trebuie să vă sincronizați cu comentariile native (cum ar fi mine) și dacă sunteți un freak de optimizare (ca mine), care urăște aceste interogări suplimentare de baze de date, pluginurile fac sau dacă nu vă interesează comentariile existente la toate și doriți să începeți proaspete, există o modalitate relativ ușoară de a integra Disqus în blogul dvs. WordPress.
Cea mai ușoară parte a acestui tutorial: Doar accesați Disqus.com și completați acest formular pentru a înregistra un nou cont:
(Nu uitați să vă verificați contul făcând clic pe linkul de verificare care va fi trimis la adresa ta de e-mail!)
Ei bine, știți exercițiul: Descărcați plugin-ul, extrageți arhiva la dvs. Plugin-uri (sau căutați "Disqus Comment System" din pagina "Install Plugins" a panoului dvs. admin și instalați plugin-ul de acolo) și activați-l.
Când activați pluginul, va fi o notificare WordPress cu un link pentru a configura pluginul. Acolo, trebuie să vă conectați mai întâi cu acreditările Disqus:
După aceea, alegeți site-ul dvs. web. Felicitări, tocmai ați instalat Disqus pe blogul dvs.!
Acum, faceți clic pe pagina dvs. de comentarii și apoi pe Opțiuni avansate din partea dreaptă sus a acelei pagini. Există mai multe opțiuni de verificat:
Verificați una dintre postările dvs. pentru a vedea cum Disqus se încarcă pe sistemul de comentarii nativ. Ești bine să pleci acum!
Sub opțiunile pe care le-am examinat, se află secțiunea "Import / Export", unde putem, să știm, să importăm și să exportăm comentariile noastre:
Procesul de exportare constă în a face clic pe butonul "Export" și de așteptare pentru Disqus pentru a termina "importarea" comentariilor dvs. în baza de date:
S-ar putea să dureze câteva secunde până la ore pentru ca procesul să fie finalizat - blogul meu a avut 20.000 de comentarii atunci când am trecut la Disqus și a durat literalmente ore întregi! Dar în timp ce pregăteam acest tutorial, au fost necesare 2 secunde pentru a exporta 2 comentarii (pentru blogul meu de exemplu):
In regula; acum am terminat cu pluginul - putem să scăpăm de el acum! :)
Dezactivați plugin-ul, dacă doriți să utilizați codul în pasul următor. Prefer să o reactivăm din când în când pentru a salva comentariile Disqus în baza de date (făcând clic pe "Sincronizare comentarii" la secțiunea "Import / Export" și așteptând câteva minute), dar dacă nu credeți că vreți pentru a utiliza pluginul din nou și nu va avea nevoie de opțiunile salvate în baza de date, o puteți dezinstala și cu butonul "Dezinstalare".
Așa cum am discutat mai devreme, a face lucruri fără pluginuri ne ajută să optimizăm site-ul nostru - o singură interogare este o singură interogare, corectă?
Oricum, aici sunt funcțiile pe care le vom folosi - ca întotdeauna, adăugați-le în interiorul temei functions.php fişier:
funcția disqus_embed ($ disqus_shortname) global $ post; wp_enqueue_script ( 'disqus_embed', 'http: //'.$disqus_shortname.'.disqus.com/embed.js'); echo " „;
Funcția este destul de simplă: folosiți codul oriunde vrei în tine single.php și page.php fișierele pentru a încorpora și a afișa comentarii Disqus pentru acea pagină. Puteți căuta comments_template (); funcția și înlocuiți-o cu noua noastră funcție, deoarece nu vom mai folosi funcțiile de comentare nativă.
Să examinăm codul puțin:
Accentsconagua
div pentru a încărca comentariile în: Suntem ecou div cu acest ID pentru a încărca comentariile în.disqus_title și disqus_url deoarece Disqus le poate prelua de la adresa URL a paginii și </code> eticheta, dar dacă cineva vizitează site-ul dvs. cu o adresă care conține, să zicem, <code>... utm_source = feedburner</code>, adresa URL va fi diferită de cea originală și poate provoca probleme.</li> </ol> <blockquote> <p><strong>Bacsis:</strong> Încercați să încărcați <code>yourdisqusshortname.disqus.com/embed.js</code> în browserul dvs. - veți fi redirecționat (ă) la Disqus 'CDN. Copiați noul link și îl utilizați în <code>wp_enqueue_script</code> funcția de a optimiza codul un pic mai departe - o jumătate de secundă este de o jumătate de secundă, dreapta?</p> </blockquote> <h3>Preluarea numărului de comentarii</h3> <pre> funcția disqus_count ($ disqus_shortname) wp_enqueue_script ('disqus_count', 'http: //'.$disqus_shortname.'.disqus.com/count.js'); echo "; </pre> <p>Putem folosi codul (<code><?php disqus_count('myexampleblog'); ?></code>) oriunde în fișierele noastre tematice <em>atâta timp cât este în The Loop</em>. Din păcate, Disqus poate conta doar comentariile cu un link care are <code>#disqus_thread</code> în final - ajută-mă cu comentariile dvs. dacă găsiți o altă modalitate de a arăta numărul de comentarii.</p> <blockquote> <p><strong>Bacsis:</strong> Puteți edita textul de ieșire vizitând <code>yourdisqusshortname.disqus.com/admin/settings/appearance/</code> și schimbarea caselor "Linkul numărului de comentarii" și "Legătura cu numărul de reacții". Puteți folosi și HTML!</p> </blockquote> <h2>Concluzie</h2> <p>Disqus a fost fondată în 2007 și are peste 75 de milioane de utilizatori din întreaga lume. Poate că nu are unele caracteristici de configurare, dar este unul dintre cele mai mari sisteme de comentarii de acolo. Ideea principală a acestui articol a fost să vă arătăm cum să vă înregistrați cu Disqus, să îl instalați pe blogul dvs. WordPress, să migrați comentariile și să utilizați mai multe linii de cod pentru a afișa comentariile. Pentru o analiză suplimentară a Disqus, puteți să vă referiți la un alt articol despre Wptuts + și să îl cunoașteți mai bine.</p> <p>Și ca întotdeauna, ești mai mult decât binevenit să împărtășești ideile și codul tău relevant pentru acest subiect pe comentariile tale!</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">Cod</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">Integrarea serviciilor Google Play pe Android</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">Integrarea CloudFlare cu 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="/">ro.accentsconagua.com</a><div class="h-block-a"></div></div>
<div class="footer-text">
Informații interesante și sfaturi utile privind programarea. Dezvoltarea de site-uri, web design si dezvoltare web. Tutoriale Photoshop. Crearea de jocuri pe calculator și aplicații mobile. Deveniți un programator profesionist de la zero.
</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="Căutare...">
<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>