Install Disqus on Casper theme

🚧-closed

#1

Hello, I share my experience to activate Disqus in the Casper theme in two steps.

Hola les comparto mi experiencia para activar los comentarios de Disqus en el tema Casper, en dos sencillos pasos. Ojalá les sirva:

1.- We edit built/screen.css to insert: Insertamos el siguiente código en built/screen.css al final:

/ COMENTARIOS DE DISQUS/
#disqus_thread {
width: 80%;
max-width: 710px;
margin: 3rem auto 0;
}

2.- We edit casper/post.hbs to insert code universal (after ) and change the INSERT-SITE-DISQUS values for those obtained in your disqus account: | Insertamos el siguiente código universal de Disqus con las siguientes modificaciones e inserta en donde dice INSERT-SITE-DISQUS por los valores obtenidos en tu cuenta de Disqus:

{{!-- INICIA SECCIÓN DE DISQUS --}}
<section class="post-full-comments">
<div id="disqus_thread"></div>
<script type="text/javascript">
var disqus_config = function () {
this.page.url = "{{url absolute="true"}}";
this.page.identifier = "{{comment_id}}";
};
(function() { // DON'T EDIT BELOW THIS LINE
var d = document, s = d.createElement('script');
s.src = 'https://INSERT-SITE-DISQUS.disqus.com/embed.js';
s.setAttribute('data-timestamp', +new Date());
(d.head || d.body).appendChild(s);
})();
</script>
<noscript>Please enable JavaScript to view the <a href="https://disqus.com/?ref_noscript">comments powered by Disqus.</a></noscript>
<script id="dsq-count-scr" src="//INSERT-SITE-DISQUS.disqus.com/count.js" async></script>
</section>
{{!--TERMINA SECCIÓN DE DISQUS --}}

Voilá!


#2

Site owners or theme developers are already free to add any commenting system they want to themes including modifying Casper.

Casper itself won’t have a specific commenting system added to it because the commenting service to use is up to the site owner.


#3