• 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

Añadir una cabecera personalizada en Genesis Framework

Descubre en este tutorial cómo crear una cabecera personalizada en cualquier child theme de Genesis Framework y adaptar el tamaño del logotipo con sencillo snippet.

Cada child theme de Genesis tiene unos ajustes de cabecera diferentes. En algunos casos coincidirá con las dimensiones del logotipo, pero en otros necesitarás modificarlo según tus necesidades.

Código para personalizar la cabecera

Para cambiar el tamaño de la cabecera en Genesis añade este snippet al final del fichero de functions.php:

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

El código superior está diseñado para introducir un logotipo de 400px de ancho por 120px de altura. Además, le he indicado el selector para poder realizar modificaciones por CSS (‘.site-title a’).

Esto es solo un ejemplo. Cambia los parámetros de esta función y úsala para diseñar cabeceras personalizadas a tu antojo (o el de tu cliente). 😉   

Conclusiones

Crear una cabecera de dimensiones perfectas para cada proyecto es muy sencillo en Genesis Framework.

Modifica el fragmento anterior y consigue el efecto que deseas.

¿Alguna duda? Te leo en los comentarios.

Y si quieres darme una sugerencia para próximos tutoriales, déjamela en el formulario de contacto. Ventajas de ser suscriptor. 😉

Cabecera Genesis Framework PHP

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?