C贸mo a帽adir Disqus en WordPress sin plugin.

Hace unos d铆as tuvimos que actualizar la web de un cliente que usa Disqus. Disqus es un sistema de moderaci贸n de comentarios que a帽ade funcionalidades a WordPress.

El problema surgi贸 porque lo ten铆a instalado con el plugin de Disqus para WordPress (sin actualizar desde hace un a帽o) pero en la actualizaci贸n del Tema no era compatible. Con un tema por defecto aparec铆an los comentarios, pero con el tema actualizado no. Tocaba buscar la soluci贸n sin plugin.

PD: Suponemos que la web est谩 configurada en Disqus. Para eso puedes usar el plugin anterior o hacerlo a mano.

A帽adir el sistema de comentarios Disqus a WordPress sin plugin.

Disqus deja un c贸digo para a帽adir a mano en cualquier CMS , lo que llaman el Universal Embed Code aqu铆. Vamos a basarnos en ese c贸digo para crear un Snippet. Normalmente usamos este plugin, pero hoy vamos a usar uno similar.: Woody Code Snippets.
驴Por qu茅? Porque te permite crear autom谩ticamente, sin m谩s desarrollo, un shortcode. y lo vamos a necesitar.

Primero, tras la instalaci贸n de ese u otro plugin de Snippets vamos a a帽adir este c贸digo (o en functions.php). Es JavaScript, as铆 que o lo metemos como c贸digo de Javascript en un m贸dulo de Snippets como Woody o lo ponemos entre las etiquetas de <script> </script> en un php (o funci贸n). Nosotros lo hemos metido como shortcode de Javascript.

   var disqus_config = function () {
           // this.page.url = "'.get_permalink($post->ID).'";
        };

        (function() {
            var d = document, s = d.createElement("script");
            s.src = 'https://SHORTNAME.disqus.com/embed.js';
            s.setAttribute("data-timestamp", +new Date());
            (d.head || d.body).appendChild(s);
        })();

Donde SHORTNAME es el nombre abreviado (shortname) que Disqus nos ha proporcionado cuando damos de alta la web.
Woody si lo ponemos en opci贸n de mostrar el c贸digo donde est谩 el shortcode nos proporciona a la derecha un shortcode para este c贸digo.

Ahora lo que vamos a hacer es editar nuestra plantilla de p谩gina o entrada para poner el shortcode. Lo podemos hacer de varias maneras:

  • Si estamos usando plantillas de entradas en un constructor lo ponemos ah铆.
  • Si estamos usando una plantilla lo mejor es crear un tema hijo, y copiar del tema padre el fichero donde ponga los comentarios. Normalmente es single.php o comments.php. y tiene un c贸digo como:
<?php comments_template( '', true ); ?>

Lo vamos a sustituir por

<div id="disqus_thread">[wbcr_js_snippet id="XXXXX"]</div>

Donde XXXxx es el id del snippet que nos ha dado Woody.

Es importante que est茅 un div con ese id o en esta parte del c贸digo o en la anterior, porque ah铆 es donde Disqus har谩 un “embed” de los comentarios.

Y con esto ya deber铆an aparecer los comentarios.

Nota: hay otras maneras de hacer esto. Podemos crear un shortcode directamente en el snippet. O meter el div en el snippet como c贸digo php y luego el javascript. S贸lo son variantes de lo mismo.

Deja un comentario

Resumen de nuestra Pol铆tica de Privacidad

  • Responsable:聽SmythSys IT Consulting SLNE.
  • Finalidad:聽Gestionar y moderar los comentarios.
  • Legitimaci贸n:聽Necesitas dar tu consentimiento para publicar un comentario.
  • Destinatarios:聽Tus datos se alojan en los servidores de OVH.
  • Derechos:聽Tienes derecho a acceder, rectificar, limitar y suprimir los datos en la direcci贸n del responsable (en nuestra pol铆tica de privacidad).

Time limit is exhausted. Please reload CAPTCHA.