• 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 Authority Pro

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 y los otros 1805 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 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). 😉

Authority Pro Cabecera CSS

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?