Changement de logo pour des pages spécifiques sur le site WordPress en éditant le thème enfant Avada logo.php

Publié par Jean-Michel le

J’essaie de faire en sorte que des pages spécifiques utilisent un logo différent dans l’en-tête. J’ai copié le fichier logo.php du thème Avada dans le dossier de mon thème enfant (Avada-Child-Theme/templates/logo.php).

J’ai ajouté:

    if (is_page(array (194, 248)))
{
  $standard_logo = 'http://nac.flywheelsites.com/wp-content/uploads/2018/05/broadway-binghamton-logo.png';
}

        if (is_page(array (194, 248)))
{
  $retina_logo = 'http://nac.flywheelsites.com/wp-content/uploads/2018/05/broadway-binghamton-logo.png';
}

Voici donc le nouveau fichier logo.php dans son intégralité :

<?php
/**
 * Logo template.
 *
 * @author     ThemeFusion
 * @copyright  (c) Copyright by ThemeFusion
 * @link       http://theme-fusion.com
 * @package    Avada
 * @subpackage Core
 */

// Do not allow directly accessing this file.
if ( ! defined( 'ABSPATH' ) ) {
    exit( 'Direct script access denied.' );
}
$logo_opening_markup = '<div class="';
$logo_closing_markup = '</div>';
if ( 'v7' === Avada()->settings->get( 'header_layout' ) && ! Avada()->settings->get( 'logo_background' ) ) {
    $logo_opening_markup = '<li class="fusion-middle-logo-menu-logo ';
    $logo_closing_markup = '</li>';
} elseif ( 'v7' === Avada()->settings->get( 'header_layout' ) && Avada()->settings->get( 'logo_background' ) && 'Top' === Avada()->settings->get( 'header_position' ) ) {
    $logo_opening_markup = '<li class="fusion-logo-background fusion-middle-logo-menu-logo"><div class="';
    $logo_closing_markup = '</div></li>';
} elseif ( Avada()->settings->get( 'logo_background' ) && 'v4' !== Avada()->settings->get( 'header_layout' ) && 'v5' !== Avada()->settings->get( 'header_layout' ) && 'Top' === Avada()->settings->get( 'header_position' ) ) {
    $logo_opening_markup = '<div class="fusion-logo-background"><div class="';
    $logo_closing_markup = '</div></div>';
}
?>
<?php if ( '' !== Avada()->settings->get( 'logo', 'url' ) || '' !== Avada()->settings->get( 'logo_retina', 'url' ) ) : ?>
    <?php echo $logo_opening_markup; // WPCS: XSS ok. ?>fusion-logo" data-margin-top="<?php echo esc_attr( Avada()->settings->get( 'logo_margin', 'top' ) ); ?>" data-margin-bottom="<?php echo esc_attr( Avada()->settings->get( 'logo_margin', 'bottom' ) ); ?>" data-margin-left="<?php echo esc_attr( Avada()->settings->get( 'logo_margin', 'left' ) ); ?>" data-margin-right="<?php echo esc_attr( Avada()->settings->get( 'logo_margin', 'right' ) ); ?>">
<?php else : ?>
    <?php echo $logo_opening_markup; // WPCS: XSS ok. ?>fusion-logo" data-margin-top="0px" data-margin-bottom="0px" data-margin-left="0px" data-margin-right="0px">
<?php endif; ?>
<?php
    /**
     * The avada_logo_prepend hook.
     */
    do_action( 'avada_logo_prepend' );

    $logo_anchor_tag_attributes = '';
    $logo_anchor_tag_attributes_array = apply_filters( 'avada_logo_anchor_tag_attributes',
        array(
            'class' => 'fusion-logo-link',
            'href'  => ( $custom_link = Avada()->settings->get( 'logo_custom_link' ) ) ? esc_url( $custom_link ) : esc_url( home_url( '/' ) ),
        )
    );

    foreach ( $logo_anchor_tag_attributes_array as $attribute => $value ) {
        if ( 'href' === $attribute ) {
            $value = esc_url( $value );
        } else {
            $value = esc_attr( $value );
        }

        $logo_anchor_tag_attributes .= ' ' . $attribute . '="' . $value . '" ';
    }

        if (is_page(array (194, 248)))
    {
      $standard_logo = 'http://nac.flywheelsites.com/wp-content/uploads/2018/05/broadway-binghamton-logo.png';
    }

            if (is_page(array (194, 248)))
    {
      $retina_logo = 'http://nac.flywheelsites.com/wp-content/uploads/2018/05/broadway-binghamton-logo.png';
    }

    $logo_alt_attribute = apply_filters( 'avada_logo_alt_tag', get_bloginfo( 'name', 'display' ) . ' ' . __( 'Logo', 'Avada' ) );
    ?>
    <?php if ( ( Avada()->settings->get( 'logo', 'url' ) && '' !== Avada()->settings->get( 'logo', 'url' ) ) || ( Avada()->settings->get( 'logo_retina', 'url' ) && '' !== Avada()->settings->get( 'logo_retina', 'url' ) ) ) : ?>
        <a<?php echo $logo_anchor_tag_attributes; // WPCS: XSS ok. ?>>

            <?php $standard_logo = Avada()->images->get_logo_image_srcset( 'logo', 'logo_retina' ); ?>
            <!-- standard logo -->
            <img src="<?php echo esc_url_raw( $standard_logo['url'] ); ?>" srcset="<?php echo esc_attr( $standard_logo['srcset'] ); ?>" width="<?php echo esc_attr( $standard_logo['width'] ); ?>" height="<?php echo esc_attr( $standard_logo['height'] ); ?>"<?php echo $standard_logo['style']; // WPCS: XSS ok. ?> alt="<?php echo esc_attr( $logo_alt_attribute ); ?>" retina_logo_url="<?php echo esc_url_raw( $standard_logo['is_retina'] ); ?>" class="fusion-standard-logo" />

            <?php
            if ( Avada()->settings->get( 'mobile_logo', 'url' ) && '' !== Avada()->settings->get( 'mobile_logo', 'url' ) ) {
                $mobile_logo = Avada()->images->get_logo_image_srcset( 'mobile_logo', 'mobile_logo_retina' );
            ?>
                <!-- mobile logo -->
                <img src="<?php echo esc_url_raw( $mobile_logo['url'] ); ?>" srcset="<?php echo esc_attr( $mobile_logo['srcset'] ); ?>" width="<?php echo esc_attr( $mobile_logo['width'] ); ?>" height="<?php echo esc_attr( $mobile_logo['height'] ); ?>"<?php echo $mobile_logo['style']; // WPCS: XSS ok. ?> alt="<?php echo esc_attr( $logo_alt_attribute ); ?>" retina_logo_url="<?php echo esc_url_raw( $mobile_logo['is_retina'] ); ?>" class="fusion-mobile-logo" />
            <?php } ?>

            <?php
            if ( Avada()->settings->get( 'sticky_header_logo', 'url' ) && '' !== Avada()->settings->get( 'sticky_header_logo', 'url' ) && ( in_array( Avada()->settings->get( 'header_layout' ), array( 'v1', 'v2', 'v3', 'v6', 'v7' ) ) || ( ( in_array( Avada()->settings->get( 'header_layout' ), array( 'v4', 'v5' ) ) && 'menu_and_logo' === Avada()->settings->get( 'header_sticky_type2_layout' ) ) ) ) ) {
                $sticky_logo = Avada()->images->get_logo_image_srcset( 'sticky_header_logo', 'sticky_header_logo_retina' );
            ?>
                <!-- sticky header logo -->
                <img src="<?php echo esc_url_raw( $sticky_logo['url'] ); ?>" srcset="<?php echo esc_attr( $sticky_logo['srcset'] ); ?>" width="<?php echo esc_attr( $sticky_logo['width'] ); ?>" height="<?php echo esc_attr( $sticky_logo['height'] ); ?>"<?php echo $sticky_logo['style']; // WPCS: XSS ok. ?> alt="<?php echo esc_attr( $logo_alt_attribute ); ?>" retina_logo_url="<?php echo esc_url_raw( $sticky_logo['is_retina'] ); ?>" class="fusion-sticky-logo" />
            <?php } ?>
        </a>
    <?php endif; ?>
    <?php
    /**
     * The avada_logo_append hook.
     *
     * @hooked avada_header_content_3 - 10.
     */
    do_action( 'avada_logo_append' );

    ?>
<?php
echo $logo_closing_markup; // WPCS: XSS ok.

/* Omit closing PHP tag to avoid "Headers already sent" issues. */

J’ai essayé:

$standard_logo[‘url’] = ‘/wp-content/uploads/2018/05/broadway-binghamton-logo.png’;

aussi bien. Le fichier actuel s’applique uniquement aux pages spécifiées, mais je vois cette erreur en haut de ces pages :

Avertissement : Décalage de chaîne illégal ‘url’ dans /www/wp-content/themes/Avada-Child-Theme/templates/logo.php à la ligne 73

Je n’arrive pas à comprendre comment le faire fonctionner. Le site est http://nac.flywheelsites.com/ et pour voir, UN : volant d’inertie PW : ideakraft

Sous Villes dans la navigation principale, j’essaie de modifier le logo de Binghamton.

L’URL de l’image est correcte.

Est-ce que je place cela au mauvais endroit dans le fichier PHP ? J’ai essayé quelques endroits différents. S’il vous plaît donnez votre avis. Merci beaucoup.

Solution n°1 trouvée

La réponse était de placer les logos personnalisés au- dessus de la fonction esc_url_raw() de la source d’image pour chaque type de logo (standard, mobile, etc.)

<?php $standard_logo = Avada()->images->get_logo_image_srcset( 'logo', 'logo_retina' ); ?>
        <!-- custom standard logos -->
        <?php
        //Binghamton
        if (is_page( 194 ))
        {
          $standard_logo['srcset'] = 'http://nac.flywheelsites.com/wp-content/uploads/2018/05/broadway-binghamton-logo.png';
          $standard_logo['url'] = $standard_logo['srcset'];
          $retina_logo['srcset'] = 'http://nac.flywheelsites.com/wp-content/uploads/2018/05/broadway-binghamton-logo-retina.png';
          $retina_logo['url'] = $standard_logo['srcset'];
        }
        //Erie
        if (is_page( 248 ))
        {
          $standard_logo['srcset'] = 'http://nac.flywheelsites.com/wp-content/uploads/2018/05/broadway-erie-logo.png';
          $standard_logo['url'] = $standard_logo['srcset'];
          $retina_logo['srcset'] = 'http://nac.flywheelsites.com/wp-content/uploads/2018/05/broadway-erie-logo.png';
          $retina_logo['url'] = $standard_logo['srcset'];
        }
        //Scranton
        if (is_page( 250 ))
        {
          $standard_logo['srcset'] = 'http://nac.flywheelsites.com/wp-content/uploads/2018/05/broadway-scranton-logo.png';
          $standard_logo['url'] = $standard_logo['srcset'];
          $retina_logo['srcset'] = 'http://nac.flywheelsites.com/wp-content/uploads/2018/05/broadway-scranton-logo.png';
          $retina_logo['url'] = $standard_logo['srcset'];
        }
        ?>
        <!-- standard logo -->
        <img src="<?php echo esc_url_raw( $standard_logo['url'] ); ?>" srcset="<?php echo esc_attr( $standard_logo['srcset'] ); ?>" width="<?php echo esc_attr( $standard_logo['width'] ); ?>" height="<?php echo esc_attr( $standard_logo['height'] ); ?>"<?php echo $standard_logo['style']; // WPCS: XSS ok. ?> alt="<?php echo esc_attr( $logo_alt_attribute ); ?>" retina_logo_url="<?php echo esc_url_raw( $standard_logo['is_retina'] ); ?>" class="fusion-standard-logo" />

Les conditions de la page ont bien fonctionné, testées par écho. Juste besoin d’exécuter un code personnalisé avant l’impression des images de logo.

Solution n°2 trouvée

Ne le définissez pas comme une chaîne – vous étiez sur la bonne voie avec le tableau.

Je pense que vous devrez définir à la fois « url » et « srcset »:

// fetch logo normally
$standard_logo = Avada()->images->get_logo_image_srcset( 'logo', 'logo_retina' );

// see what that logo structure is like so you know what to override
// echo "<pre>"; print_r($standard_logo); echo "</pre>";


// if on these pages, override the srcset and url
        if (is_page(array (194, 248)))
        {
          $standard_logo['srcset'] = 'http://nac.flywheelsites.com/wp-content/uploads/2018/05/broadway-binghamton-logo.png';
          $standard_logo['url'] = $standard_logo['srcset'];
          $retina_logo['srcset'] = 'http://nac.flywheelsites.com/wp-content/uploads/2018/05/broadway-binghamton-logo.png';
          $retina_logo['url'] = $retinal_logo['srcset'];
        }

Sinon, je ne vois pas de problèmes tout de suite. . . Assurez-vous que les ID de votre tableau sont corrects. Et assurez-vous de mettre la condition IF après que le logo est récupéré normalement avec les fonctions d’Avada, sinon la fonction d’Avada remplacera vos nouvelles variables.

Catégories : Wordpress

Jean-Michel

Jean-Michel est en charge de la partie blog du site. Il met en place la stratégie de contenu et répond aux questions fréquentes sur Wordpress.

0 commentaire

Laisser un commentaire

Avatar placeholder

Votre adresse e-mail ne sera pas publiée. Les champs obligatoires sont indiqués avec *