Descubre en este tutorial cómo mostrar la sidebar antes del contenido en móviles en cualquier child theme de Genesis mediante código.
Una de las ventajas de ser suscriptor de Código Genesis es que puedes hacer sugerencias para futuros tutoriales.
El otro día, Carlos me preguntaba lo siguiente:
Saludos, excelente herramienta de educación.
Tengo una pregunta técnica.
¿Cómo hago para que la sidebar se vea primero en la versión mobile de la web? Actualmente aparece después del contenido.Gracias de antemano por la ayuda.
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?
Por ejemplo, para mostrar el widget de búsqueda primero.
Pues puedes hacerlo de forma sencilla gracias a los hooks de Genesis Framework:
Código para cargar la sidebar antes que el contenido 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 1277 snippets de esta web,
identifícate o suscríbete aquí.
Con este bloque 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 .
Este sería el resultado final:
Conclusión
Ahora, gracias a los hooks de Genesis Framework puedes conseguir que la barra lateral se muestre antes que el contenido 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. 😉
