Descubre en este tutorial cómo conseguir que la cabecera del child themes de Genesis Authority Pro permanezca fija usando un snippet de código.
Una de las ventajas de pertenecer al club de Código Genesis es que puedes sugerir futuros tutoriales.
Por ejemplo, Ester, una de nuestras suscriptoras, me preguntó si podía preparar un tutorial que mostrara cómo hacer fija la cabecera del tema Authority Pro.
Lo bueno de este child theme es que, gracias a la última actualización, ya está optimizado para el editor de bloques y, mejor aún, puedes dejarlo como en la demo con un solo clic.
Así que, siendo un tema tan moderno y atractivo, también le vendría genial la opción de fijar su cabecera, ¿no crees? 😉
Deja que te convenza un poco…
Por qué incluir una cabecera fija
La mayoría de los Genesis child themes de StudioPress cuentan con una cabecera fija, pero Authority 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 Authority Pro quede fijada
Inserta este snippet al final de style.css:
Para ver este código, puedes identificarte o suscribirte.
¿Ves que rápido?
Conclusiones
Solo necesitas introducir unas pocas líneas de CSS para fijar la cabecera en Authority Pro.
¿Quieres ir un paso más allá? Añade la posibilidad 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 resultar 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 proceso a Authority Pro y lo suba próximamente como tutorial independiente? Pídemelo en los comentarios.
Los deseos de mis suscriptores son órdenes (o casi). 😉