¿Cómo cambiar el logotipo en determinadas páginas?

Esta útil guía le mostrará cómo cambiar el logotipo habitual por su propio logotipo personalizado en determinadas páginas de su sitio web WordPress. Esta personalización puede hacer que tu sitio se vea mejor y ayudar con tu marca, dando a tus visitantes una experiencia especial.

Antes de empezar, asegúrate de que dispones de lo siguiente:

• Un sitio web WordPress: Asegúrese de que dispone de un sitio web WordPress activo.
• Conocimientos básicos de PHP y desarrollo de temas para WordPress: Se valorarán los conocimientos básicos de PHP y de desarrollo de temas para WordPress.

Cómo cambiar el logotipo de una página específica

Antes de realizar cualquier personalización, es recomendable crear un archivo tema hijo para evitar que afecte al tema principal. Si ya tienes un tema hijo, puedes saltarte este paso. Ahora, siga estos pasos para cambiar el logotipo en páginas específicas:

1. Inicie sesión en su sitio web WordPress.
2. Vaya a Apariencia > Editor de temas.
3. Seleccione el tema hijo en el menú desplegable de la esquina superior derecha.
4. Abre el `funciones.php` e Inserte el siguiente fragmento de código al final del archivo.
5. Después de añadir el código, haga clic en "Actualizar archivo".

function custom_astra_logo_output($html) {

    // Check if the current page has a specific slug (e.g., "example-page").
    if (is_page('example-page')) {

        // Replace this URL with the URL of the custom logo for the specific page.
        $custom_logo_url = 'URL_OF_YOUR_CUSTOM_LOGO_FOR_THIS_PAGE';
    } else {


        // Get the default custom logo set in WordPress.
        $custom_logo_id = get_theme_mod('custom_logo');
        $custom_logo_url = wp_get_attachment_image_url($custom_logo_id, 'full');
    }

    // Customize the logo HTML output.
    $html = sprintf(
        '<a href="%1$s" class="custom-logo-link" rel="home" itemprop="url"><img src="%2$s" class="custom-logo" alt="%3$s"></a>',
        esc_url(home_url('/')),
        esc_url($custom_logo_url),
        esc_attr(get_bloginfo('name'))
    );

    return $html;
}

add_filter('get_custom_logo', 'custom_astra_logo_output');

Este código le permitirá mostrar un logotipo personalizado en páginas específicas. Asegúrese de sustituir `URL_DE_TU_LOGO_PERSONALIZADO_PARA_ESTA_PAGINA` con la URL real del logotipo personalizado que desea mostrar en la página específica.

Por último, visite la página específica (por ejemplo, "página de ejemplo") de su sitio web para ver el logotipo personalizado. Las demás páginas deberían seguir mostrando el logotipo predeterminado.

Esperamos que este documento le haya sido útil. No dude en dejarnos un comentario a continuación si tiene alguna duda.