Insérer un logo ET un titre dans le thème SAVANT

  • WordPress :4.9.4
  • Statut : non résolu
15 sujets de 1 à 15 (sur un total de 16)
  • Auteur
    Messages
  • #2151778
    Ingrid_b
    Participant
    Initié WordPress
    12 contributions

    Bonjour,

    Ma configuration WP actuelle

    • Version de PHP/MySQL : 5.6.38
    • Thème utilisé : Savant
    • Extensions en place :
    • Nom de l’hébergeur : Aucun
    • Adresse du site : local

    Problème(s) rencontré(s) : Bonjour à tous!

    Après plusieurs essais (et échecs) je poste ici mon problème en espérant que vous pourrez m’aider: voilà, j’essaie de mettre un logo ET un titre dans le header du thème SAVANT (qui est lui-même un thème enfant du thème AVANT), mais je n’y arrive pas. Apparemment, il est possible soit de mettre un logo, soit de mettre un titre mais pas les deux.

    1. J’ai donc tenté de contourner le problème en insérant ce code dans le header.php:

    <p>

    <span class= »Apple-converted-space »>   </span>photo du logo :<br />

    <span class= »Apple-converted-space »>    </span>logo

    </p>

    Mais peu importe où je le place dans le fichier, il est soit tout en haut du site, soit en-dessous de la barre des menus, mais je n’arrive pas à placer mon logo dans l’en-tête à gauche du titre…

    2. J’ai aussi tenté d’insérer un widget dans le header pour insérer mon image. J’ai donc insérer ce code dans le functions.php:

    function header_widgets_init() {

    <span class= »Apple-converted-space »> </span>register_sidebar( array(

    <span class= »Apple-converted-space »> </span>’name’ => ‘Ma nouvelle zone de widget’,

    <span class= »Apple-converted-space »> </span>’id’ => ‘new-widget-area’,

    <span class= »Apple-converted-space »> </span>’before_widget’ => ‘<div class= »nwa-widget »>’,

    <span class= »Apple-converted-space »> </span>’after_widget’ => ‘</div>’,

    <span class= »Apple-converted-space »> </span>’before_title’ => ‘<h2 class= »nwa-title »>’,

    <span class= »Apple-converted-space »> </span>’after_title’ => ‘</h2>’,

    <span class= »Apple-converted-space »> </span>) );

    }

    add_action( ‘widgets_init’, ‘header_widgets_init’ );

    J’ai ensuite insérer ce code dans le header.php:

     

    <!– ajout de ma nouvelle widget area –>

    <span class= »Apple-converted-space »> </span><?php if ( is_active_sidebar( ‘new-widget-area’ ) ) : ?>

    <span class= »Apple-converted-space »> </span><div id= »header-widget-area » class= »nwa-header-widget widget-area » role= »complementary »>

    <span class= »Apple-converted-space »> </span><?php dynamic_sidebar( ‘new-widget-area’ ); ?>

    <span class= »Apple-converted-space »> </span></div>

    <span class= »Apple-converted-space »> </span><?php endif; ?>

    <span class= »Apple-converted-space »> </span><!– fin nouvelle widget area –>

    Mais là aussi ça n’a pas fonctionné. Je vois le widget dans apparences/widgets mais par contre impossible de voir l’image sur le site lorsque je l’insère.

    Du coup, je ne sais pas trop quoi faire… Auriez-vous des idées stp?

    Je vous précise que je suis novice en la matière! Merci d’avance pour votre aide 🙂

     

     

    #2151784
    PhiLyon
    Modérateur
    Maître WordPress
    19355 contributions

    Bonjour.

    La seule modif qui fonctionne est à faire dans le thème parent, alors à la prochaine mise à jour cela sautera.

    🙂

    #2151791
    PhiLyon
    Modérateur
    Maître WordPress
    19355 contributions

    Bon, je viens de voir qu’il y a une autre possibilité, mais il faut manipuler les fichiers et le code, à toi de voir si le jeu en vaut la chandelle.

    🙂

    #2151799
    Ingrid_b
    Participant
    Initié WordPress
    12 contributions

    Alors je veux bien essayer parce que j’aime vraiment bien ce thème… 😀

    #2151911
    PhiLyon
    Modérateur
    Maître WordPress
    19355 contributions

    Ouais, alors déjà il faut savoir quel style de header tu as choisi dans la personnalisation.

    Ensuite on pourra continuer.

    🙂

    #2151942
    Ingrid_b
    Participant
    Initié WordPress
    12 contributions

    Merci beaucoup de m’aider!

    Alors comme style de header j’ai choisi le header centré.

    #2151960
    PhiLyon
    Modérateur
    Maître WordPress
    19355 contributions

    On y va, il faut que tu copies le fichier header-layout-two qui se trouve dans avant/templates/header.

    Ce fichier tu le mets dans le dossier de Savant et tu supprimes la ligne 60 qui contient ce code

    <?php else : ?>

    Dans savant/templates/header tu ouvres le fichier header et tu modifies la ligne 23 comme ci-dessous.

    	<?php get_template_part( '/header-layout-two' ); ?>

    Il faut bien entendu faire ces modifs avec Notepad++ ou équivalent.

    🙂

    #2152013
    Ingrid_b
    Participant
    Initié WordPress
    12 contributions

    Alors j’ai suivi tes indications, mais par contre ça enlève carrément tout le header, c’est à dire la partie du haut (concernant le « nous contacter » et la localisation, les liens sociaux et la zone de recherche), la partie pour le logo et le titre et la partie pour le menu.

    Est ce qu’il y a quelque chose que je fais mal?

    #2152229
    PhiLyon
    Modérateur
    Maître WordPress
    19355 contributions

    Bonjour.

    Normal ce n’est pas le bon header, c’est le three, recommences la manip si c’est bien le même que dans mon image.

    🙂

    Fichiers joints :
    Vous devez être connecté pour voir les fichiers joints.
    #2152351
    Ingrid_b
    Participant
    Initié WordPress
    12 contributions

    Merci pour ta réponse!

    Alors en fait j’avais mis le header two (centered header) et ça n’a pas fonctionné. Du coup, j’ai voulu essayé en refaisant la manip et en mettant le header three (centered header social), mais le header s’en va aussi. Du coup je suis assez perdue…

    C’est vraiment étonnant car j’arrive à déplacer le logo partout sauf dans l’encart souhaité!

    J’envoie une photo de l’endroit précis où je souhaite le placer en vain…

    En tout cas merci beaucoup de prendre le temps de me répondre!

    Fichiers joints :
    Vous devez être connecté pour voir les fichiers joints.
    #2152356
    PhiLyon
    Modérateur
    Maître WordPress
    19355 contributions

    Si tu ne dis pas tout en même temps, ou plutôt si tu ne t’expliques pas clairement…

    Je regarde demain.

    🙂

    #2152535
    Ingrid_b
    Participant
    Initié WordPress
    12 contributions

    Oui, c’est vrai que je n’ai pas été très claire dans mes réponses, désolée! 🙂

    #2152570
    PhiLyon
    Modérateur
    Maître WordPress
    19355 contributions

    Bonjour.

    Cette disposition n’existe pas dans le réglages du thème et de loin, cela va être compliqué à réaliser.

    C’est possible, bien sûr.

    🙂

    #2152610
    PhiLyon
    Modérateur
    Maître WordPress
    19355 contributions

    Alors une solution pas trop compliquée, tu prends le header three et tu fais les mêmes manips que précédemment.

    Dans Apparence/Personnaliser/CSS additionnel tu colles ce code et tu essaies.

    .site-branding {
        width: 100%;
    }
    
    .site-branding a.custom-logo-link {
        float: left;
        position: absolute;
    }
    
    
    @media screen and (max-width: 780px)
    {
    .site-branding a.custom-logo-link {
        float: none;
        position: relative;
    }
    }

    🙂

    #2152626
    Ingrid_b
    Participant
    Initié WordPress
    12 contributions

    Bon j’ai essayé, mais ça ne fonctionne pas…

    Tant pis c’est pas grave, je vais me résigner à mettre soit le logo soit le titre!

    En tout cas merci d’avoir pris le temps de regarder tout ça pour moi 🙂

    Bonne soirée

15 sujets de 1 à 15 (sur un total de 16)
  • Vous devez être connecté pour répondre à ce sujet.