• 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

Fijar la cabecera de Genesis Workstation Pro

Descubre cómo conseguir que la cabecera del child theme Workstation Pro permanezca fija usando un simple snippet de código.

Por qué incluir una cabecera fija

La mayoría de los Genesis child themes de StudioPress cuentan con una cabecera fija, pero Workstation Pro no es uno de ellos.

Sin embargo, mantener el header de la web siempre visible mejora la experiencia de usuario, ya que permite a las visitas acceder al menú en todo momento.

¿Quieres que se suscriba? ¿Prefieres que resuelva el carrito de la compra? ¿Te interesa que se ponga en contacto?

Da igual cuál sea el objetivo principal de la web. Tener la cabecera a mano aumentará la conversión de la página.

Y para hacerlo solo necesitas añadir unas pocas líneas de CSS.

Código para conseguir que la cabecera de Workstation Pro sea fija

Inserta este snippet al final de style.css:

Para ver este código y los otros 1837 snippets de esta web,
identifícate o suscríbete aquí.

¿Ves que rápido?

Conclusiones

Solo necesitas introducir unas pocas líneas de CSS para fijar la cabecera en Workstation Pro.

¿Quieres ir un paso más allá? Añade la capacidad de elegir el tipo de cabecera desde el personalizador de WordPress.

Inspírate en el artículo donde te explico cómo hacer que la plantilla Maker Pro incorpore la sección de cabecera el personalizador y decide desde él si prefieres header relativo o fijo y cuál será su grado de transparencia.

Esto puede muy útil para tus clientes, ya que les permitirá realizar cambios de forma sencilla y ver el efecto a tiempo real.

¿Prefieres que aplique este ese proceso a Workstation Pro y lo suba próximamente como tutorial independiente? Pídemelo en los comentarios.

Los deseos de mis suscriptores son órdenes (o casi). 😉

Cabecera CSS Workstation Pro

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 identificarte 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?