Aprende en este tutorial cómo mostrar un logotipo diferente en una página determinada de Genesis mediante código, sin plugins.
Por defecto, los child themes de Genesis presentan en todas las páginas la misma cabecera y con el mismo logotipo.
Pero, ¿y si quieres insertar una cabecera distinta en alguna página?
Quizás te interesa enseñar un logotipo con los colores invertidos, o que en una landing la cabecera solo contenga el logo.
Descubre cómo hacerlo:
Snippet para introducir un logotipo distinto en una página determinada de Genesis
Añade este snippet al final del fichero functions.php o a tu plugin de funcionalidades:
Para ver este código y los otros 899 snippets de esta web,
identifícate o suscríbete aquí.
Este código solo se ejecuta si la plantilla de la página es «landing.php», pero también podrías usar etiquetas condicionales de WordPress como is_home, is_front_page (para modificar la página principal) o is_page(’12’) para una página con ID 12.
Y para que muestre que el logotipo que deseas, solo tienes que usar la ruta de la imagen en esta parte del código.
$logo = '<img src="https://tuweb.com/wp-content/uploads/2019/06/logo-alternativo.png"Si quieres limitar el ancho del logo o modificar otros atributos puedes hacerlo mediante CSS.
Por ejemplo, añadiendo estas líneas al final del fichero style.css limitas el ancho máximo a 250px:
.title-area {
max-width: 250px;
}Da bastante juego, ¿verdad?
Conclusiones
Si deseas mostrar un logotipo distinto en una página de Genesis sin necesidad de instalar un plugin solo para eso, ahora ya sabes cómo hacerlo con un sencillo snippet.
¿Tienes alguna pregunta o quieres darme una sugerencia para próximos tutoriales? Déjala en los comentarios (esta opción es exclusiva para suscriptores).
