Uso de comentarios de DISQUS para comentarios sociales en su sitio de WordPress

DISQUS potencia el sistema de comentarios de muchos blogs, incluidos algunos de alto perfil. DISQUS tiene una serie de ventajas, que incluyen una mejor prevención de spam y una mayor satisfacción de los usuarios, ya que solo se necesita un inicio de sesión único y universal que se pueda utilizar en todos los sitios que usan DISQUS. Hoy, vamos a echar un vistazo a las ventajas y desventajas de DISQUS, cómo usarlo con WordPress (spoiler: es increíblemente simple) e incluso alguna personalización básica con CSS.


Los pros y los contras de usar DISQUS

Donde los sistemas de comentarios alternativos, como los tipos de blog específicos de Facebook, DISQUS se pueden utilizar de manera casi universal en diferentes blogs. Por lo general, se usa más en los sitios de formato tradicional, pero está respaldado por un montón de ventajas útiles que lo convierten en una solución excelente para cualquier sitio..

Definitivamente, mi hecho favorito sobre DISQUS es que todo se maneja fuera de su sitio. Esa es una ventaja definitiva para la seguridad, pero también para el spam, ya que los servicios de terceros como DISQUS generalmente ofrecen una mejor prevención del spam. DISQUS usa Askimet, por lo que no es muy similar a los comentarios habituales de WordPress, pero definitivamente he experimentado menos spam al usarlo.

DISQUS también se integra muy bien. Cuando use DISQUS, piense en agregar su sitio a una comunidad que comparte un sistema de comentarios común. Mi sitio usa este sistema de comentarios, lo que significa que tengo una cuenta única para publicar y moderar comentarios allí, y publicar en MacStories, Cult of Mac y todos los demás sitios que usan DISQUS. Esto es excelente para mí como usuario, ya que conservo mi identidad sin tener que administrar un millón de cuentas diferentes por sitio..

Aún en el tema de la integración, DISQUS es altamente personalizable. La mayoría de las veces, DISQUS se ve muy bien en su sitio web, pero siempre puede optar por otra plantilla, manipularla con algo de CSS o comprar su servicio de pago y diseñar el suyo propio. Veremos la personalización un poco más adelante en el artículo..

Si bien ciertamente hay más ventajas, también hay un par de contras contra el uso de DISQUS. Para ser justos, y para que pueda tomar una mejor decisión, echémosle un vistazo..

El mayor problema que enfrentan los servicios de terceros es la optimización de motores de búsqueda. Los motores de búsqueda generalmente no leen DISQUS tan bien, lo que significa que no se siguen algunas páginas que están vinculadas. Hay maneras de evitar eso, pero definitivamente no es tan simple como usar comentarios de forma nativa.

Además, si DISQUS deja de funcionar, también lo hace una parte importante de su sitio que podría ser desastrosa para algunos. Sin embargo, siempre recomendaré DISQUS a la mayoría de las personas, así que empecemos!


Instalando DISQUS

No creo que deba explicar a muchos miembros de esta audiencia cómo instalar un complemento. La mejor manera de instalar DISQUS es usar el complemento porque hace que todo el proceso sea fácil y mucho más sencillo. Cuando usas el plugin, DISQUS cambia de forma figurativa el función para incluir un hilo DISQUS en su lugar. Entonces, donde quiera que normalmente incluyas tu archivo de comentarios, WordPress
Reemplace automáticamente eso con DISQUS. Es literalmente tan simple.

El complemento es, sin duda, el método más sencillo de integración de DISQUS. Sin embargo, si lo desea, puede usar el código universal para incrustar, aunque no es lo recomendado y lo voy a dejar fuera de este tutorial para simplificar las cosas..

A menos que lo deshabilites, DISQUS se sincronizará con WordPress a través del complemento (el código universal no funcionará). Esto significa que los comentarios se pueden almacenar tanto en WordPress como en DISQUS, lo que le brinda una buena ruta de salida en caso de que quiera deshacerse de DISQUS en algún momento en el futuro..

Configuración

Naturalmente, DISQUS tiene algunas opciones para que usted elija. Hay algunos complementos específicos, pero estos generalmente se relacionan con el proceso de sincronización y son más un plan de solución de problemas..

Además, con cada cuenta DISQUS, hay opciones que puede elegir para manipular la funcionalidad de su instalación. Estos son muy sencillos y, en general, giran en torno a la limitación de ciertas funciones, como elegir si ofrecer archivos adjuntos de medios y elegir los requisitos para comentar..

Por suerte para nosotros, todas esas opciones se manejan desde el sitio DISQUS y no requieren ningún código adicional, por lo que no tengo mucho que hablar..

Recuento de comentarios

Mostrar el recuento de comentarios en realidad puede ser una cosa difícil. En la mayoría de los casos, DISQUS tomará el lugar del Funciona y funcionará bien. Sin embargo, en algunos casos, simplemente no lo hará y su primer puerto de llamada es elegir la salida de JavaScript en el pie de página en Opciones avanzadas en la configuración del complemento..


DISQUS en juego

Lo que ves arriba es DISQUS instalado como un complemento de WordPress en un sitio en vivo. Se ha configurado de forma regular a través de la página de opciones de DISQUS sin agregar un estilo adicional en una hoja de estilo.

Si echamos un vistazo rápido, DISQUS tiene cinco secciones principales: los botones, el formulario de comentarios, el hilo de comentarios, los enlaces y las reacciones. Podemos manipular cada uno de estos usando la página de configuración de DISQUS y aplicando algunos estilos de CSS sobrescritos. Pasando rápidamente, veamos cómo hacer precisamente eso..


Estilo DISQUS

Ahora hemos cubierto los pros y los contras de usar DISQUS y analizamos brevemente cómo instalarlo y trabajar con WordPress. Ahora pasemos a ver cómo podemos diseñar DISQUS para que se ajuste mejor a nuestro tema.

DISQUS en sí puede ser temático, y viene con dos temas predeterminados: Houdini y Narciso. Estos vienen con el paquete gratuito. Si decide pagar por DISQUS (ya sea $ 299 o $ 999 por mes), obtendrá la ventaja del editor de temas avanzado. Sin embargo, como es probable que esta no sea una opción popular, no la tocaremos mucho. Sin embargo, si usa el editor de temas personalizado, le resultará increíblemente fácil de usar y muy similar a los temas con Tumblr.

En su lugar, veremos cómo diseñar una instalación DISQUS normal utilizando el tema Houdini predeterminado con algunos CSS que se pueden colocar en su hoja de estilo..

Identificando las clases

Para trabajar con DISQUS y diseñarlo, tendremos que elegir las clases de CSS que lo componen..

  • # dsq-content - Este es efectivamente el contenedor en el que se maneja la incrustación DISQUS completa. Cualquier estilo que aplique a esto se aplicará universalmente a lo largo de DISQUS.
  • .dsq-comment-header - Este es el encabezado del comentario, donde se muestra el nombre de los comentaristas..
  • .dsq-comentario-mensaje - ¡Lo adivinaste! Este es el mensaje de comentario, y cualquier estilo agregado a esta clase solo se aplica al comentario en sí..
  • # dsq-content h3 - Aunque técnicamente no es una clase, al estilo de esta etiqueta se aplicarán estilos a todos los encabezados utilizados en DISQUS, como el que indica el número de comentarios y el que está encima del área de texto del nuevo comentario..
  • # dsq-global-toolbar - Dentro de esta ID se encuentra la barra de herramientas global, también conocida como la fila de botones que se encuentran en la parte superior del cuadro de comentarios.

Estilo de texto

Quizás lo principal que querrá cambiar es el texto, para que coincida mejor con el tamaño y el color del tema circundante. Esto se puede lograr diseñando el contenedor en el que se maneja la inserción DISQUS completa..

 # dsq-content color: # 333333! important; tamaño de letra: 1em! importante; 

Eso va a cambiar cada bit de texto a lo largo de toda la incrustación DISQUS. Naturalmente, puede aplicar estilos adicionales a la contenido dsq Identificación para compararlo mejor con tu tema de WordPress.

Alternativamente, podemos diseñar partes específicas del texto, como los detalles del comentarista o los encabezados. En la mayoría de los temas, es probable que queramos compartir un estilo común entre los encabezados del contenido y los encabezados de los comentarios. Esto se puede lograr simplemente cambiando la clase.

 # dsq-content h3 color: # 666666! important; tamaño de letra: 1.2em! importante; 

Elementos ocultos

También hay casos en los que querrá deshabilitar partes de la incrustación DISQUS. En mi sitio, prefiero ocultar los títulos para darle un aspecto más limpio. Esto es, una vez más, muy simple de lograr simplemente al configurar el monitor estilo para ninguna.

 # dsq-content h3 display: none; 

Envolver

DISQUS puede ser una adición muy poderosa a un blog y puede proporcionar numerosos beneficios tanto para los bloggers como para los usuarios (consulte la sección de beneficios). Aunque puede experimentar algunos problemas, al jugar con las opciones en Opciones avanzadas generalmente se pondrá DISQUS de manera directa y se obtendrá una experiencia perfecta con el sistema de comentarios. Además, con la facilidad de agregar estilos con CSS, no es difícil personalizar DISQUS para que se adapte a cualquier sitio que desee..