• Saltar a la navegación principal
  • Saltar al contenido principal
Código Genesis

Código Genesis

Tutoriales de WordPress y Genesis Framework

  • Empieza aquí
  • Cuenta
    • Suscripción
    • Perfil
    • Actualizar tarjeta
    • Favoritos
    • Salir
  • Suscribirse
  • Acceder

Mostrar la sidebar antes del contenido en dispositivos móviles en Genesis

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.

Sidebar con widget de buscar en escritorio.

Por eso, en dispositivos móviles, siempre muestran los widgets tras el contenido.

Sidebar con widget de buscar en móvil, por defecto.

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 1805 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:

Sidebar con widget de búsqueda cargado antes que el contenido.

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. 😉

Genesis Framework PHP Widgets

Nahuai Badiola

Desarrollador web especializado en WordPress y Genesis Framework. CEO de Código Genesis y cofundador de OsomPress (temas y plugins para WordPress).

Para dejar dudas o preguntas sobre este código, puedes login o suscribirte.

  • Empieza aquí
  • Sobre Código Genesis
  • Preguntas frecuentes
  • Contacto

Aviso legal · Política de privacidad · Política de cookies · Condiciones de contratación
Copyright © 2023 · Código Genesis

¿Has olvidado tu contraseña?