Añadir soporte para logo personalizado en temas WordPress

El soporte para añadir un logo a un sitio creado con WordPress lo ofrecían (y lo ofrecen) una gran cantidad de temas. Sin embargo WordPress no disponía de forma nativa de una función para añadir y mostrar un logo. A partir de la versión 4.5 de WordPress se introduce la característica ‘Custom Logo’ que permite añadir al personalizador de WordPress un control para seleccionar un logo y luego mostrarlo en el front-end.

Control en el personalizador para añadir el logo personalizado.

Control en el personalizador para añadir el logo personalizado.

Para ello sólo habrá que decirle a WordPress que el tema está preparado para mostrar logos personalizados, lo que haremos mediante add_theme_support( 'custom-logo' ):

<?php
add_action( 'after_setup_theme', 'galusso_custom_logo' );
function galusso_custom_logo() {
	
	add_theme_support( 'custom-logo' );

}
?>

Además, como se muestra a continuación, pueden personalizarse ciertos parámetros:

<?php
add_action( 'after_setup_theme', 'galusso_custom_logo' );
function galusso_custom_logo() {
	
	add_theme_support( 'custom-logo', array(
	    'height'      => 100,
	    'width'       => 400,
	    'flex-height' => true,
	    'flex-width'  => true,
	    'header-text' => array( 'site-title', 'site-description' ),
        ) );

}
?>

Finalmente, para mostrar el logo en nuestra plantilla utilizaremos la función the_custom_logo():

<?php
if ( function_exists( 'the_custom_logo' ) ) {
	the_custom_logo();
}
?>

1 comment on “Añadir soporte para logo personalizado en temas WordPress

Leave a Reply

Your email address will not be published. Required fields are marked *