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