DISQUS alimente le système de commentaires de nombreux blogs, dont certains très connus. DISQUS présente de nombreux avantages, notamment une meilleure prévention du courrier indésirable et une plus grande satisfaction des utilisateurs, du fait de la nécessité de disposer d’un seul identifiant de connexion universel pouvant être utilisé sur tous les sites utilisant DISQUS. Aujourd'hui, nous allons examiner les avantages et les inconvénients de DISQUS, comment l'utiliser avec WordPress (spoiler: c'est incroyablement simple) et même une personnalisation de base avec CSS.
Là où d'autres systèmes de commentaires, tels que les types de blogs spécifiques à Facebook, ciblent Facebook, DISQUS peut être utilisé presque universellement sur différents blogs. Généralement, il est le plus utilisé par les sites de format traditionnels, mais bénéficie de nombreux avantages utiles, ce qui en fait une solution kickass pour tous les sites..
Mon fait préféré à propos de DISQUS est que tout est géré hors de votre site. C'est un avantage certain pour la sécurité, mais également pour le spam, car des services tiers comme DISQUS offrent généralement une meilleure prévention du spam. DISQUS utilise Askimet, il n’est donc pas très similaire aux commentaires habituels de WordPress, mais j’ai certainement eu moins de spam en l’utilisant..
DISQUS s'intègre également très bien. Lorsque vous utilisez DISQUS, pensez à ajouter votre site à une communauté partageant le même système de commentaires. Mon site utilise ce système de commentaires, ce qui signifie que je n'ai qu'un seul compte pour poster et modérer des commentaires, et pour poster sur MacStories, Cult of Mac et tous les autres sites qui utilisent DISQUS. C'est très bien pour moi en tant qu'utilisateur, car je conserve mon identité sans avoir un million de comptes différents à gérer site par site..
Toujours sur le thème de l'intégration, DISQUS est hautement personnalisable. La plupart du temps, DISQUS a fière allure sur votre site Web, mais vous pouvez toujours choisir un autre modèle, le manipuler avec du code CSS ou faire appel à leur service payant et concevoir le vôtre. Nous examinerons la personnalisation un peu plus tard dans l'article.
Bien qu'il y ait certainement plus d'avantages, il existe également une poignée d'inconvénients à l'utilisation de DISQUS. Pour des raisons d'équité et pour que vous puissiez prendre une meilleure décision, examinons-les..
Le plus gros problème auquel sont confrontés les services tiers est l’optimisation des moteurs de recherche. En général, les moteurs de recherche ne lisent pas très bien DISQUS, ce qui signifie que certaines pages liées ne sont pas suivies. Il y a des moyens de contourner cela, mais ce n'est certainement pas aussi simple que d'utiliser des commentaires de manière native.
De plus, si DISQUS tombe en panne, une partie importante de votre site peut être désastreuse pour certains. Néanmoins, je recommanderai toujours DISQUS à la plupart des gens, alors commençons!
Je suppose que je n'ai pas besoin d'expliquer à de nombreux membres de ce public comment installer un plugin. Le meilleur moyen d'installer DISQUS est d'utiliser le plug-in, car il simplifie l'ensemble du processus et le rend plus transparent. Lorsque vous utilisez le plug-in, DISQUS remplace figurativement le fonction pour inclure un thread DISQUS à la place. Donc, partout où vous incluriez normalement votre fichier de commentaires, WordPress
remplace automatiquement cela par DISQUS. C'est littéralement aussi simple.
Le plugin est, sans aucun doute, la méthode d'intégration de DISQUS la plus transparente. Cependant, si vous le souhaitez, vous pouvez utiliser le code universel pour l'intégrer, bien que ce ne soit pas recommandé et que je vais laisser cela en dehors de ce tutoriel pour simplifier les choses..
Si vous ne le désactivez pas, DISQUS se synchronisera avec WordPress via le plugin (le code universel ne fonctionnera pas). Cela signifie que les commentaires peuvent être stockés à la fois dans WordPress et sur DISQUS, ce qui vous donne un bon itinéraire de sortie si vous souhaitez abandonner DISQUS à un moment donné..
Naturellement, DISQUS a certaines options à votre disposition. Certains plugins sont spécifiques, mais ceux-ci concernent généralement le processus de synchronisation et constituent plutôt un plan de dépannage..
De plus, avec chaque compte DISQUS, vous pouvez choisir parmi différentes options pour manipuler les fonctionnalités de votre installation. Celles-ci sont très simples et concernent généralement la limitation de certaines fonctionnalités telles que le choix d’offrir ou non des pièces jointes multimédias et le choix des conditions de commentaire.
Heureusement pour nous, toutes ces options sont gérées depuis le site DISQUS et ne nécessitent aucun codage supplémentaire..
L'affichage du nombre de commentaires peut en réalité être une tâche délicate. Dans la plupart des cas, DISQUS remplacera le fonction et cela fonctionnera très bien. Cependant, dans certains cas, ce n'est pas le cas et votre premier port d'escale consiste à choisir de générer du code JavaScript dans le pied de page sous Options avancées dans les paramètres du plug-in..
Ce que vous voyez ci-dessus est que DISQUS est installé en tant que plug-in WordPress sur un site actif. Il a été configuré de la manière habituelle via la page d'options DISQUS sans style supplémentaire ajouté dans une feuille de style.
Si nous regardons rapidement autour de nous, DISQUS comprend cinq sections principales: les boutons, le formulaire de commentaire, le fil de commentaire, les liens et les réactions. Nous pouvons manipuler chacun de ceux-ci en utilisant à la fois la page de paramètres DISQUS et en appliquant des styles CSS remplaçants. Passons rapidement, regardons comment faire exactement cela.
Nous avons maintenant couvert les avantages et les inconvénients de l'utilisation de DISQUS et avons brièvement examiné son installation et l'utilisation de WordPress. Passons maintenant à la manière dont nous pouvons adapter DISQUS à notre thème..
DISQUS lui-même peut être thématisé et livré avec deux thèmes par défaut: Houdini et Narcisse. Ceux-ci viennent avec le paquet gratuit. Si vous choisissez de payer DISQUS (soit 299 USD ou 999 USD par mois), vous bénéficiez de l’éditeur de thèmes avancé. Cependant, comme ce n'est probablement pas un choix populaire, nous n'en parlerons pas beaucoup. Cependant, si vous utilisez l'éditeur de thèmes personnalisé, vous constaterez qu'il est incroyablement simple à utiliser et que la thématisation est similaire à Tumblr..
Au lieu de cela, nous verrons comment styliser une installation DISQUS standard en utilisant le thème Houdini par défaut avec du code CSS pouvant être simplement placé dans votre feuille de style..
Afin de travailler avec DISQUS et de le styler, nous devrons choisir les classes CSS qui le composent..
# dsq-content
- C’est effectivement le conteneur dans lequel l’intégralité de l’incorporation de DISQUS est traitée. Tous les styles que vous appliquez à celui-ci s’appliqueront de manière universelle dans tout le système DISQUS...dsq-comment-header
- Ceci est l'en-tête de commentaire, où le nom des commentateurs est affiché..dsq-comment-message
- Tu l'as deviné! Ceci est le message de commentaire, et tous les styles ajoutés à cette classe ne s'appliquent qu'au commentaire lui-même..# dsq-content h3
- Bien que, techniquement, ce ne soit pas une classe, le style de cette balise s'appliquera à tous les titres utilisés dans DISQUS, tels que celui indiquant le nombre de commentaires et celui situé au-dessus de la nouvelle zone de texte de commentaire..# dsq-global-toolbar
- À l'intérieur de cet identifiant se trouve la barre d'outils globale, autrement dit la rangée de boutons située au sommet de la zone de commentaire..Peut-être que la principale chose que vous voudrez changer est le texte, afin de mieux correspondre à la taille et à la couleur du thème environnant. Ceci peut être réalisé en nommant le conteneur dans lequel l’intégralité de l’incorporation de DISQUS est gérée..
# dsq-content color: # 333333! important; taille de police: 1em! important;
Cela va changer chaque morceau de texte dans l'ensemble de l'intégration de DISQUS. Naturellement, vous pouvez appliquer des styles supplémentaires à la dsq-content
id pour mieux le comparer à votre thème WordPress.
Alternativement, nous pouvons styler des parties spécifiques du texte, telles que les détails du commentateur ou les en-têtes. Dans la plupart des thèmes, nous voudrons probablement partager un style commun entre les en-têtes du contenu et les en-têtes des commentaires. Ceci peut être réalisé simplement en changeant de classe.
# dsq-content h3 color: # 666666! important; taille de police: 1.2em! important;
Il existe également des cas dans lesquels vous souhaiterez désactiver certaines parties de l'intégration de DISQUS. Sur mon site, je préfère masquer les titres pour lui donner un aspect plus net. C’est encore une fois très simple à réaliser en définissant simplement afficher
style à aucun
.
# dsq-content h3 display: none;
DISQUS peut être un ajout très puissant à un blog et peut offrir de nombreux avantages aux blogueurs et aux utilisateurs (voir la section avantages). Bien que vous puissiez rencontrer quelques problèmes, le fait de manipuler les options de la section Options avancées activera généralement DISQUS et fournira une expérience transparente avec le système de commentaires. De plus, comme il est facile d’ajouter des styles avec CSS, il n’est pas difficile de personnaliser DISQUS en fonction du site de votre choix..