Curso WordPress

Cómo dejar Cabecera Fija en WordPress con Sticky Menu

cabecera transparente wordpress sticky menu

Tabla de contenidos

Si vienes siguiendo el Curso de WordPress, hasta ahora ya concluimos el diseño del sitio web con el último tema sobre la política de privacidad en WordPress. Ahora vamos a ver temas un poco más avanzados de diseño web.

Una cabecera fija o «sticky» es una excelente manera de mejorar la navegación en tu sitio web, permitiendo que el menú permanezca visible mientras los usuarios se desplazan hacia abajo. En este tutorial paso a paso, te mostraré cómo hacer que la cabecera de tu sitio de WordPress sea fija utilizando el mejor tema gratis para WordPress: Blocksy, y su funcionalidad incorporada de menú sticky.

¿Por Qué Deberías Usar una Cabecera Fija?

  1. Mejora de la Navegación: Facilita el acceso a las opciones del menú desde cualquier parte de la página.
  2. Experiencia del Usuario: Proporciona una mejor experiencia de usuario al mantener importantes enlaces accesibles en todo momento.
  3. Estética y Funcionalidad: Añade un toque profesional a tu diseño web.

Activar la cabecera fija en Blocksy

  1. Dirígete al menú Apariencia > Personalizar.
  2. Selecciona Cabeceras.
  3. Selecciona la pestaña Cabeceras.
  4. Selecciona la opción Global Header.
  5. Activa la funcionalidad de efecto fijo

Al activarla, te muestra una serie de opciones que te explico a continuación:

cabecera fija en wordpress
  1. Elige cual o cuales de las filas de la cabecera deseas que se queden fijas.
  2. Efecto: Por defecto, deslizar hacia abajo, desvanecer, ocultar/mostrar automáticamente.
  3. Desfase: Indica cuando debe dar scroll el usuario para que aparezca la cabecera fija.
  4. Activa o desactiva en los diferentes dispositivos como computadora o móvil.

También cuentas con una pestaña de Diseño, desde donde puedes personalizar el color del fondo de la cabecera fija.

Conclusión

Blocksy hace verdaderamente sencillo el añadir una cabecera fija a tu sitio web hecho en WordPress. Si sigues el Curso de WordPress, en la siguiente lección te explico cómo hacer una cabecera transparente, que hará ver tus webs mucho más profesionales.

Deja el primer comentario