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 1711 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. 😉
