- Statut : non résolu
- Ce sujet contient 13 réponses, 6 participants et a été mis à jour pour la dernière fois par fumlb, le il y a 12 années.
-
AuteurMessages
-
3 avril 2007 à 15 h 24 min #451406
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
18 avril 2007 à 18 h 39 min #596991Est-il vraiment si difficile d’avoir plusieurs bannières distinctes dans WordPress?
18 avril 2007 à 19 h 14 min #596992Qu’entends-tu comme section ? une catégorie ?
18 avril 2007 à 19 h 38 min #596993Non.
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.18 avril 2007 à 20 h 30 min #596994Excellent, 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=" » /><a href=" »>
<img src="/images/radicarltop.jpg » width= »966″ height= »131″ align= »center » alt= »radiCarl – Web Log » border= »0″ />18 avril 2007 à 20 h 46 min #596995Hello 🙂
<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 🙂
18 avril 2007 à 22 h 12 min #596996Vous ê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.
19 avril 2007 à 10 h 37 min #596997Hello 🙂
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 pageBonne continuation 🙂
19 avril 2007 à 21 h 17 min #596998Tout 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
🍺
20 avril 2007 à 7 h 06 min #596999Pas 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 🍺
20 avril 2007 à 14 h 42 min #597000Merci 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 ?
27 juillet 2007 à 14 h 07 min #597001Merci 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 ! 😉
28 juillet 2007 à 13 h 43 min #597002radiCarl 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 !
13 août 2012 à 9 h 47 min #597003Bonjour,
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.
-
AuteurMessages
- Vous devez être connecté pour répondre à ce sujet.