Blog sobre desarrollo WordPress en Español Desarrollo WordPress en Español
WordPress

Logo de tema, nueva característica en WordPress 4.5

WordPress 4.5, entre otras mejoras y resolución de incidencias y vulnerabilidades, introduce una nueva característica para agregar un logo de tema de forma nativa. Ya en la versión 4.3 se añadió el Site Icon, y ahora en la misma opción del personalizador podemos definir también una imagen para el logotipo de nuestro sitio.

Para activar esta característica en nuestro tema, debemos indicarlo en el functions.php. Normalmente los temas tienen una función de setup en éste archivo, simplemente tendríamos que indicar que nuestro tema soporta la nueva característica custom-logo:

Como vemos, podemos establecer unas dimensiones por defecto. Ahora ya podemos dirigirnos a Apariencia => Personalizar y pinchar en la opción Identidad del sitio y subir la imagen para el logotipo de nuestro sitio.

custom logo

Para mostrarlo en el front de nuestro sitio disponemos de unas nuevas funciones llamadas the_custom_logo() y get_custom_logo() que pintan o devuelven un html como el siguiente:

Como podemos ver es una etiqueta imagen con enlace a la home de nuestro sitio. En la etiqueta a nos añade la clase custom-logo-link y en la etiqueta img la clase custom-logo, para poder trabajar con ellas en nuestra hoja de estilos y personalizar su apariencia, posición, etc…

Con esto ya tendremos el tema preparado para poder establecer una imagen para el logotipo, facilitando la creación de sitios corporativos tanto para el usuario final, que se beneficiará de tener esta opción integrada dentro del panel de personalización de WordPress, como para los desarrolladores que no tendremos que inventar nada nuevo ya que a partir de ahora esta opción la tendremos disponible de forma nativa.

Puede que también te interese

Cómo eliminar los Shortcodes huérfanos en WordPress
Cómo eliminar los Shortcodes huérfanos en WordPress
Los shortcodes son códigos cortos que habitualmente utilizamos en el editor de texto para obtener una funcionalidad avanzada en el contenido de nuestras entradas, páginas,…
Mejora la puntuación de Google PageSpeed Insights: Eliminar el CSS que bloquea la visualización del contenido de la mitad superior de la página
Mejora la puntuación de Google PageSpeed Insights: Eliminar el CSS que bloquea la visualización del contenido de la mitad superior de la página
1. Optimizar imágenes 2. Minificar CSS y JS 3. Especificar caché de navegador 4. Habilita la compresión 5. Reducir el tiempo de respuesta del servidor…
Evitar la enumeración de usuarios en WordPress parte 2
Evitar la enumeración de usuarios en WordPress parte 2
En el artículo anterior veíamos lo que era la enumeración de usuarios y cómo un atacante malintencionado podría conseguir nuestro nombre de usuario a través…
Cómo crear un formulario de log-in/log-out personalizado con WordPress
Cómo crear un formulario de log-in/log-out personalizado con WordPress
En la anterior entrada Cómo restringir el acceso al back-end de WordPress a usuarios no administradores vimos como limitar el acceso al panel de control…