Share
L’infrastructure de commentaires de WordPress est assez soignée et satisfaisante pour beaucoup, mais si vous avez besoin que vos commentateurs se connectent à votre site Web avec des comptes de réseaux sociaux tels que Facebook, Twitter, Google et autres, vous devez installer des plugins offrant cette fonctionnalité..
Ou vous pouvez simplement utiliser Disqus.
Disqus est un système de commentaires qui fournit presque toutes les API d'authentification, y compris Facebook, Twitter, Google, Yahoo et OpenID. De plus, vous pouvez vous connecter avec vos informations d'identification Disqus (qui vous permettent de suivre chaque conversation sur chaque site que vous avez commenté) ou simplement simplement commenter avec un nom et une adresse e-mail..
Il existe un moyen simple d’intégrer Disqus dans WordPress: il vous suffit d’enregistrer un nouveau compte Disqus et d’installer le plugin WordPress. Il se synchronise même avec vos commentaires WordPress natifs, vous n'avez donc pas à vous soucier de vos commentaires existants. Et ça les garde synchronisés!
Mais si vous n'avez plus besoin de synchroniser avec les commentaires natifs (comme moi) et si vous êtes un maniaque de l'optimisation (comme moi) qui déteste ces requêtes supplémentaires de la base de données, ou si vous ne vous souciez pas de vos commentaires existants, tous et veulent recommencer à zéro, il existe un moyen relativement facile d’intégrer Disqus dans votre blog WordPress.
La partie la plus facile de ce didacticiel: Rendez-vous simplement sur Disqus.com et remplissez ce formulaire d’une page pour enregistrer un nouveau compte:
(N'oubliez pas de vérifier votre compte en cliquant sur le lien de vérification qui sera envoyé à votre adresse e-mail!)
Eh bien, vous connaissez l’exercice: téléchargez le plug-in, extrayez l’archive sur votre plugins dossier (ou recherchez "Système de commentaires Disqus" dans la page "Installer les plug-ins" de votre panneau d'administration et installez le plug-in à partir de là) et activez-le.
Lorsque vous activez le plugin, il y aura une notification WordPress avec un lien pour configurer votre plugin. Là, vous devez d’abord vous connecter avec vos identifiants Disqus:
Après cela, choisissez votre site Web. Félicitations, vous venez d'installer Disqus sur votre blog!
Maintenant, cliquez sur votre page de commentaires, puis sur le lien Options avancées en haut à droite de cette page. Il y a plusieurs options à vérifier:
Consultez l'une de vos publications pour voir comment Disqus se charge via le système de commentaires natif. Vous êtes prêt à partir maintenant!
Ci-dessous les options que nous avons examinées tout à l'heure, il y a la section "Import / Export" où nous pouvons, vous savez, importer et exporter nos commentaires:
Le processus d’exportation consiste à cliquer sur ce bouton "Exporter" et à attendre que Disqus ait fini "d'importer" vos commentaires dans sa base de données:
Cela peut prendre quelques secondes à plusieurs heures pour que le processus soit terminé - mon propre blog avait 20 000 commentaires lorsque je suis passé à Disqus et cela a pris littéralement des heures! Mais lors de la préparation de ce tutoriel, il a fallu 2 secondes pour exporter 2 commentaires (pour mon exemple de blog):
D'accord; maintenant nous en avons terminé avec le plugin - nous pouvons simplement nous en débarrasser maintenant! :)
Désactivez le plugin si vous comptez utiliser le code lors de notre prochaine étape. Je préfère le réactiver de temps en temps pour sauvegarder mes commentaires Disqus dans ma base de données (en cliquant sur "Sync Comments" dans la section "Import / Export" et en attendant plusieurs minutes), mais si vous ne pensez pas y aller un jour pour utiliser le plugin à nouveau et que les options qui sont enregistrées dans votre base de données ne sont plus nécessaires, vous pouvez également le désinstaller à l'aide du bouton "Désinstaller".
Comme nous en avons discuté plus tôt, faire des choses sans plugins nous aide à optimiser notre site Web - une requête simple est une requête unique?
Quoi qu’il en soit, voici les fonctions que nous allons utiliser - comme toujours, ajoutez-les dans le thème de votre thème. functions.php fichier:
Accentsconagua
fonction disqus_embed ($ disqus_shortname) global $ post; wp_enqueue_script ('disqus_embed', 'http: //'.$disqus_shortname.'.disqus.com/embed.js'); écho ' '; La fonction est assez simple: utilisez le code n'importe où tu veux dans ton single.php et page.php fichiers à intégrer et afficher les commentaires Disqus pour cette page. Vous pouvez rechercher le commentaires_template (); la fonction et la remplace par notre nouvelle fonction, car nous n'utiliserons plus les fonctions de commentaire natif.
Examinons un peu le code:
div charger les commentaires dans: Nous faisons écho div avec cet ID pour charger les commentaires dans.disqus_title et disqus_url depuis Disqus peut les récupérer à partir de l'URL de la page et </code> tag mais si quelqu'un visite votre site avec une adresse qui contient, disons, <code>…? Utm_source = feedburner</code>, l'URL sera différent de l'original et cela peut causer des problèmes.</li> </ol> <blockquote> <p><strong>Pointe:</strong> Essayez de charger <code>yourdisqusshortname.disqus.com/embed.js</code> dans votre navigateur, vous serez redirigé vers le CDN de Disqus. Copiez ce nouveau lien et utilisez-le dans le <code>wp_enqueue_script</code> fonction pour optimiser le code un peu plus loin - une demi-seconde est une demi-seconde, à droite?</p> </blockquote> <h3>Aller chercher le compte de commentaires</h3> <pre> function disqus_count ($ disqus_shortname) wp_enqueue_script ('disqus_count', 'http: //'.$disqus_shortname.'.disqus.com/count.js'); écho ''; </pre> <p>Nous pouvons utiliser le code (<code><?php disqus_count('myexampleblog'); ?></code>) n'importe où dans nos fichiers de thème <em>tant qu'il est dans la boucle</em>. Malheureusement, Disqus ne peut compter que les commentaires avec un lien qui a <code>#disqus_thread</code> à la fin, aidez-moi avec vos commentaires si vous trouvez une façon différente d’afficher le nombre de commentaires.</p> <blockquote> <p><strong>Pointe:</strong> Vous pouvez modifier le texte de sortie en visitant <code>yourdisqusshortname.disqus.com/admin/settings/appearance/</code> et en changeant les cases "Lien de compte de commentaires" et "Lien de compte de réaction". Vous pouvez même utiliser HTML!</p> </blockquote> <h2>Conclusion</h2> <p>Disqus a été fondée en 2007 et compte plus de 75 millions d'utilisateurs dans le monde. Il manque peut-être certaines fonctionnalités de configuration, mais c’est l’un des meilleurs systèmes de commentaires du marché. L'idée principale de cet article était de vous montrer comment vous inscrire à Disqus, l'installer sur votre blog WordPress, migrer vos commentaires et utiliser plusieurs lignes de code pour les afficher. Pour un examen plus approfondi de Disqus, vous pouvez vous référer à un autre article sur Wptuts + et mieux le connaître.</p> <p>Et comme toujours, n'hésitez pas à partager vos idées et votre code en rapport avec ce sujet dans vos commentaires.!</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">Intégration des services Google Play sur 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">Intégration de CloudFlare avec 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="/">fr.accentsconagua.com</a><div class="h-block-a"></div></div>
<div class="footer-text">
Informations intéressantes et conseils utiles sur la programmation. Développement de sites Web, conception de sites Web et développement Web. Tutoriels Photoshop. Création de jeux informatiques et d'applications mobiles. Devenez un programmeur professionnel à partir de zéro.
</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="Chercher...">
<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>