Arreglar plugin de Disqus en el tema Twenty Fifteen de WordPress

Si tienes un blog personal utilizando WordPress como plataforma quizás esta pequeña entrada los pueda ayudar. A continuación les dejo un tip de como arreglar el plugin de Disqus para el tema Twenty Fifteen de WordPress 4.x.

Si ustedes son como yo que apenas el WordPress se actualiza lo quieren descargar y aprovechar sus bondades, se habrán dado cuenta que la sección del Disqus en su blog no se ve tan bien al utilizar el tema nuevo “Twenty Fifteen”

Disqus Issue

Hay dos opciones para arreglar el plugin, a continuación les describo dos maneras en la que pueden hacer esto.

  1. La forma fácil (utilizando Jetpack):
    1. Instala el plugin de Jetpack en tu blog de WordPress
    2. Una vez instalado, debes ir al menú i hacer clic en Apariencia -> Editar CSS
    3. En la ventana de edición coloca el código que está abajo
  2. La forma “Pro” (utilizando Child Themes)
    1. Crea tu child theme en Wordpress para el tema “Twenty Fifteen”
    2. En el archivo styles.css coloca el código que está abajo
/**
* Hack to fix disquss 
*/
@media screen and (min-width: 38.75em) {
	div#disqus_thread {
		margin: 3% 7.6923% !important;
	}
}
@media screen and (min-width: 59.6875em) {
	div#disqus_thread {
		margin: 3% 8.3333% !important;
	}
}
div#disqus_thread {
	box-shadow: 0 0 1px rgba(0,0,0,0.15) !important;	
	padding: 3% 10% !important;
	background-color: white;
}

La segunda opción es un poco más profesional si usas el WordPress bastante y si quieres ser flexible al crear tu blog, si no te importan las dependencias te recomiendo la primera opción ya que es un poco más sencilla y para usuarios no tan conocedores de WordPress.

Disqus Fixed

 

Si por casualidad usas esto para tu blog y tienes algún problema no dudes en escribirme y con gusto te ayudaré a acomodarlo o buscar cual es el problema.

Leave a Reply