• 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

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 1803 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

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?