Descubre en este tutorial cómo mostrar la sidebar justo debajo del título de la página de archivo en móviles en cualquier child theme de Genesis mediante código.
Por defecto, la sidebar se carga después del contenido en la mayoría de temas de WordPress, entre ellos los child themes de Genesis.
Por eso, en dispositivos móviles, siempre muestran los widgets tras el contenido.
Pero, ¿y si quieres que se visualice la sidebar antes del contenido en pantallas pequeñas?
Por ejemplo, si has creado una página de archivo donde en la barra lateral se muestra una especie de ficha con información de esa categoría, será más conveniente mostrarla debajo del título y antes del contenido.
Puedes conseguirlo de forma sencilla gracias a los hooks de Genesis Framework:
Código para cargar la sidebar debajo del título de la página de archivo en dispositivos móviles
Añade el siguiente fragmento al final del fichero functions.php o a tu plugin de funcionalidades:
Para ver este código y los otros 1867 snippets de esta web,
identifícate o suscríbete aquí.
Con este código cambias el orden en que se ejecuta la función genesis_get_sidebar
, que es la responsable de cargar la barra lateral con los widgets de forma condicional (usando las etiquetas condicionales wp_is_mobile()
y is_archive()
).
Conclusión
Ahora, gracias a los hooks de Genesis Framework y las etiquetas condicionales de WordPress puedes conseguir que la barra lateral se muestre justo debajo del título de las páginas de archivo en dispositivos móviles si estás usando un tema hijo de Genesis.
¿Alguna duda? Te leo en los comentarios.
Y si quieres darme una sugerencia para próximos tutoriales, déjamela en el formulario de contacto. Ventajas de ser suscriptor. 😉