• Ir a navegación principal
  • Ir al contenido principal
Código Genesis

Código Genesis

Tutoriales para Genesis Framework y WordPress

  • Empieza aquí
  • Acceder
  • Cuenta
    • Suscripción
    • Perfil
    • Actualizar tarjeta
    • Favoritos
    • Salir
  • Suscribirse

Mostrar un logotipo distinto en las entradas del blog en Genesis

Aprende en este tutorial cómo mostrar un logotipo diferente en las entradas del blog en 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.

Logotipo principal de la web en la home

A raíz del tutorial en el que aprendiste cómo mostrar un logotipo distinto en un página, un suscriptor me preguntó si podía conseguir esto pero para las entradas del blog.

Así que me puse manos a la obra. Este sería el resultado final:

Este solo es un ejemplo en que se muestra la versión sin letras del logo, pero puedes modificarlo para que muestre la imagen que tú quieras.

Aquí tienes cómo hacerlo:

Snippet para introducir un logotipo distinto en las entradas del blog en 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 1303 snippets de esta web,
identifícate o suscríbete aquí.

Este este caso usas el filtro genesis_seo_title de Genesis para modificar la URL desde donde se carga el logotipo. Y mediante una etiqueta condicional de WordPress le indicas que solo se ejecute si la página visitada es una entrada del blog.

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"

Además, al añadir una clase específica para este logo alternativo te permite terminar de personalizarlo con un poco de CSS. Si quieres puedes limitar el ancho del logo y asegurarte que no se muestra el logo principal.

Para ello, añade estas líneas al final del fichero style.css:

.single-post .custom-logo  {
    display: none;
}

.custom-logo-alt {
	max-width: 250px;
    padding: 20px;
}

Conclusiones

Si deseas mostrar un logotipo distinto en las entradas del blog 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).

Cabecera Entrada Genesis Framework PHP

Nahuai Badiola - CEO

Desarrollador web especializado en WordPress y Genesis Framework. Me encanta contribuir a la comunidad de WordPress y Genesis dando charlas en WordCamps, organizando eventos, traduciendo temas y plugins… más sobre mí.

Para dejar dudas o preguntas sobre este código,
puedes identificarte o suscribirte.

  • Empieza aquí
  • Sobre Código Genesis
  • Preguntas frecuentes
  • Contacto
  • Legal

¿Has olvidado tu contraseña?