[Résolu] entête différente pour chaque section de mon blog (Créer un compte)

  • Statut : non résolu
14 sujets de 1 à 14 (sur un total de 14)
  • Auteur
    Messages
  • #451406
    radiCarl
    Membre
    Chevalier WordPress
    137 contributions

    Bonjour à tous,

    Je me demandais si quelqu’un aurait un truc à me suggérer pour faire en sorte de pouvoir changer l’image d’entête de mon blog en fonction de chaque section ?

    Merci

    #596991
    radiCarl
    Membre
    Chevalier WordPress
    137 contributions

    Est-il vraiment si difficile d’avoir plusieurs bannières distinctes dans WordPress?

    #596992
    everwind
    Participant
    Initié WordPress
    15 contributions

    Qu’entends-tu comme section ? une catégorie ?

    #596993
    radiCarl
    Membre
    Chevalier WordPress
    137 contributions

    Non.
    Je voulais plutot parler de l’idée de créer une bannière différente pour chacune des pages de mon blogue. A titre d’exemple, mon portefolio aurait sa propre bannière ainsi que la page étalant les “tags” de mon blogue.

    #596994
    radiCarl
    Membre
    Chevalier WordPress
    137 contributions

    Excellent, je sens être sur une piste.
    Cependant, ce code ci-dessus, dois-je le placer dans le header ? Et si c’est le cas, je me demande bien ou exactement.

    Merci encore

    <meta http-equiv="Content-Type" content="; charset=” />

    <meta name="generator" content="WordPress ” />

    @import url( );

    <link rel="alternate" type="application/rss+xml" title="RSS 2.0" href="” />
    <link rel="alternate" type="text/xml" title="RSS .92" href="” />
    <link rel="alternate" type="application/atom+xml" title="Atom 0.3" href="” />
    <link rel="pingback" href="” />

    #596995
    Qwindoo
    Modérateur
    Maître WordPress
    2862 contributions

    Hello 🙂

    
    
    
        <meta http-equiv="Content-Type" content="; charset=” />
        <title></title>
        <meta name="generator" content="WordPress ” /> <!-- leave this for stats please -->
        
            @import url(  );
    /* Début du code */
           //image de l’index –> attention aux “:” !
          #header {background:url(‘image1.jpg’);}
           //image des catégories –> attention aux “:” !
          #header {background:url(‘image2.jpg’);}
           // image des pages –> attention aux “:” !
          #header {background:url(‘image3.jpg’);}
           //image des commentaires –> attention aux “:” !
          #header {background:url(‘image4.jpg’);}
           //image des résultats de recherche
          #header {background:url(‘image5.jpg’);}
          
    /* Fin du code */
        
        <link rel="alternate" type="application/rss+xml" title="RSS 2.0" href="” />
        <link rel="alternate" type="text/xml" title="RSS .92" href="” />
        <link rel="alternate" type="application/atom+xml" title="Atom 0.3" href="” />
        <link rel="pingback" href="” />
        
        
        
        
        
    
    
    
      <a name="top"></a>
    <div id="container" class="clearfix">
       <div id="header">
    
       <div style="float:left">
    
    <a href="”>
    <img src="/images/radicarltop.jpg” width=”966″ height=”131″ align=”center” alt=”radiCarl – Web Log” border=”0″ /></a></div>
       </div>

    A noter que tu peux encore plus personnaliser l’affichage en mettant, par exemple, un test supplémentaire pour afficher une autre image pour la page 3 comme ceci :

    […]
           // image des pages –> attention aux “:” !
          #header {background:url(‘image3.jpg’);}
           // image pour la page d’id “3”
          #header {background:url(‘image_page3.jpg’);}
          […]

    Bye 🙂

    #596996
    radiCarl
    Membre
    Chevalier WordPress
    137 contributions

    Vous êtes bien sympathique de m’aider…
    … mais je dois vous admettre que j’essaye encore de faire fonctionner le code en question. :boulet:

    En effet, n’étant pas programmeur, je ne comprends pas encore le sens exact de toutes les petites ponctuations dans le code; or, j’avance à tatillon par la loi des essais et erreurs. Cela dit, voici ou j’en suis rendu. J’ai donc bien appliqué le code à l’endroit indiqué,

    
    
    
    	<meta http-equiv="Content-Type" content="; charset=” />
    	<title></title>
    	<meta name="generator" content="WordPress ” /> <!-- leave this for stats please -->
    	
    		@import url(  );
    		
    		
    /* Début du code */		
     //image de l’index –> attention aux “:” !
          #header {background:url(‘/images/radicarltop.jpg’);}  
    
    
           // image des pages –> attention aux “:” !
           #header {background:url(‘images/top-qui.gif’);}
           // image pour la page d’id “9”
          #header {background:url(‘images/top-qui.gif’);}
    
           //image des commentaires –> attention aux “:” !
           #header {background:url(‘/images/radicarltop.jpg’);}
    	  
    	   // image des tags –> attention aux “:” !
           #header {background:url(‘/images/top-tag.gif’);}
    
    
    
          
    
    /* Fin du code */
    
    		
    		
    		
    		
    		
    	
    	<link rel="alternate" type="application/rss+xml" title="RSS 2.0" href="” />
    	<link rel="alternate" type="text/xml" title="RSS .92" href="” />
    	<link rel="alternate" type="application/atom+xml" title="Atom 0.3" href="” />
    	<link rel="pingback" href="” />
        
    	
    	
    	
    	
    
    
     
      <a name="top"></a>
     <div id="container" class="clearfix">
       <div id="header">
    
       <div style="float:left">
    
    <a href="”>
    <img src="/images/radicarltop.jpg” width=”966″ height=”131″ align=”center” alt=”radiCarl – Web Log” border=”0″ /></a></div>
       </div>

    mais concrètement, rien n’est modifié sur mon blogue… et j’ai pourtant bien vidé la cache de mon navigateur et ma bannière test est accessible sur mon serveur ici http://radicarl.net/wp-content/themes/ego/images/top-qui.gif

    Alors, je me pose les questions.

    Le code est-il à la bonne place ?
    Dois-je modifier aussi ma feuille de style (car la balise #header m’apparait bizarrement en couleur rose dans Dreamweaver, donc possiblement comme non reconnu)
    Dois-je mettre une URL relative comme dans le code ou dois-je indiquer le chemin exact?
    Et surtout, quel est le sens exact de cet avertissement : attention aux “:” ! :rolleyes:

    Merci encore pour l’attention.

    #596997
    Qwindoo
    Modérateur
    Maître WordPress
    2862 contributions

    Hello 🙂

    Ah, je sais, c’est tout simplement car avec notre code on modifie l’image d’arrière-plan du header grâce aux css. Cette méthode marche bien, mais tu ne la vois pas car tu déclares une image directement avec la balise dans ton bloc header, elle passe donc en premier plan et masque les changements 😕

    Il y a donc deux solutions : ou bien tu vires le et tu le migre vers les commandes css juste au-dessus (mais alors tu perds ton lien 😕 ) ou bien tu migres les commandes css pour qu’elles prennent la forme de balises (ce que je te conseillerais)

    Le code modifié donc (sauf erreurs de ma part) :

    
    
      
        <meta http-equiv="Content-Type" content="; charset=” />
        <title></title>
        <meta name="generator" content="WordPress ” /> <!-- leave this for stats please -->
        
            @import url(  );
        
        <link rel="alternate" type="application/rss+xml" title="RSS 2.0" href="” />
        <link rel="alternate" type="text/xml" title="RSS .92" href="” />
        <link rel="alternate" type="application/atom+xml" title="Atom 0.3" href="” />
        <link rel="pingback" href="” />
        
        
        
        
        
      
      
        <a name="top"></a>
        <div id="container" class="clearfix">
       <div id="header">
         <div style="float:left">
           <a href="”>
             /* Début du code */
             
             <img src="/images/radicarltop.jpg” style=”width: 966px; height: 131px” alt=”radiCarl – Web Log” />
             
             <img src="/images/top-qui.gif” style=”width: 966px; height: 131px” alt=”radiCarl – Web Log” />
             
             <img src="/images/top-tag.gif” style=”width: 966px; height: 131px” alt=”radiCarl – Web Log” />
             
             <img src="/images/radicarltop.jpg” style=”width: 966px; height: 131px” alt=”radiCarl – Web Log” />
             
             /* Fin du code */
    
           </a>
         </div>
       </div>

    En ce qui concerne mon avertissement, c’est tout simplement parce qu’Aaxane avait mis des “;” à la fin des “if (…)”, chose qu’il ne faut pas faire en PHP, car le “;” a pour but de terminer une instruction, alors qu’ici on fait des tests conditionnels. On doit donc mettre ou bien des accolades, ou bien la forme adoptée par WordPress qui est :

    ici du code pour la home page
    … ou …
    ici du code pour la home page

    Bonne continuation 🙂

    #596998
    radiCarl
    Membre
    Chevalier WordPress
    137 contributions

    Tout baigne dans l’huile !!! ✅

    WOW!!!

    Merci MS-DOS !!!

    Depuis l’ouverture de mon blog en mai dernier, je fantasmais sur cette possibilité d’exposer plusieurs bannières distinctes. Dorénavant, non seulement je peux exprimer davantage d’imagination visuelle sur mon blog, mais toute la communauté WP pourra tirer profit de ce code personnalisant l’utilisation de WP.

    Encore merci, je te suis très reconnaissant

    🍺

    #596999
    Qwindoo
    Modérateur
    Maître WordPress
    2862 contributions

    Pas de quoi 😉

    Si je puis me permettre une dernière remarque : utilise des permaliens pour les articles / pages de ton blog, ça plaira plus aux moteurs de recherche et augmentera donc ton positionnement dans ses derniers (sans parler du confort pour tes utilisateurs)

    Ex: [c]http://radicarl.net/?page_id=9[/c] deviendrait [c]http://radicarl.net/qui-suis-je/[/c] 😉

    Bonne continuation en tout cas 🍺

    #597000
    radiCarl
    Membre
    Chevalier WordPress
    137 contributions

    Merci pour le conseil… mais je pense qu’après un an d’existence, je ne veux pas risquer de briser les hyperliens référant à mon blogue. Par ailleurs, comment le plugin “simpletag” réagirait à l’arrivée des permaliens ?

    #597001
    Rmatt
    Membre
    Padawan WordPress
    73 contributions

    Merci pour ces explications, moi je me sers de cette fonction pour insérer du Javacript particulier dans une page, sans avoir à charger la fonction pour les autres pages ! 😉

    #597002
    AmO
    Participant
    Maître WordPress
    4451 contributions
    radiCarl wrote:
    Merci pour le conseil… mais je pense qu’après un an d’existence, je ne veux pas risquer de briser les hyperliens référant à mon blogue. Par ailleurs, comment le plugin “simpletag” réagirait à l’arrivée des permaliens ?

    A mon avis, prend le risque d’activer les permaliens, tu auras 2 semaines dures, et ensuite ton référencement sera bien mieux qu’actuellement !

    #597003
    fumlb
    Participant
    Initié WordPress
    14 contributions

    Bonjour,
    Vos messages sont plutôt anciens (5 ans déjà…) mais je suis tombée sur votre discussion car j’ai le même problème actuellement.

    J’utilise la Version 3.4.1 de WordPress et le thème Furniture (http://themegratuit.wordpress.com/2010/ … furniture/).
    Je voudrais insérer une image différence en en-tête mais je n’ai pas de compétences en html (je le comprends à peu près mais je ne l’écris pas, je n’utilise d’ailleurs pas dreamweaver..)

    J’aimerais connaitre, si elle existe, la marche à suivre (détaillée au plus possible, par exemple, quel codage mettre dans quel fichier .php etc…) pour insérer une image d’en tête différence à chaque page de mon site (http://dev.mockupfactory.com)
    J’ai essayé pas mal de truc (suivre des explications sur un site, plugin etc) mais j’aimerais passer par le codage pour être sur du résultat.

    Merci de votre aide.

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