Annonce

Faites la différence entre le service WordPress.com et l'application libre WordPress.

Mettez-vous à jour ! WordPress 3.3.2 est disponible en français.

Annonce 1 : Le Codex en français a besoin de vous pour avancer !
Annonce 2 : Avant de poster, n'oubliez pas de faire une petite recherche et de lire les règles de ce forum.
Annonce 3 : Lisez notre blog, il regorge de bonnes informations.
Annonce 4 : Rejoignez-nous sur Facebook, Google + et sur Twitter
  • Index
  •  » Thèmes
  •  » [Résolu] Comment donner un body class (page id) à ma page des articles

#1 23-01-2012 23:21:12

igorlaszlo
Connaisseur WP
Date d'inscription: 20-12-2011
Messages: 49

[Résolu] Comment donner un body class (page id) à ma page des articles

Bonjour,

Ma configuration WP actuelle
- Version de WordPress : 3.3.1
- Version de PHP/MySQL : 5.2.17/5.1.49
- Thème utilisé : Twenty Eleven
- Extensions en place : s2member, WP-Symposium
- Nom de l'hebergeur : 1&1
- Adresse du site : http://www.vihegay.com

Problème(s) rencontré(s) :

Bonjour,

j'ai personnalisé complètement la barre de navigation (menu) de mon site...

j'ai mis les icônes de mon menu dans le header :

Code: html

<div id="menu">   
            <ul>  
            <li id="page612"><a href=""><img src="" /></a></li>
            <li id="page92"><a href=""><img src="" /></a></li> 
            </ul>
 </div>

puis je voulais surligner (highlight) le bouton approprié à sa page avec une image background (un cadre rouge autour de l'icône, le css donne ça :

Code: html

#menu {
	margin-left: auto;
	margin-right: auto;
	margin-top: 0px;
	width: 100%;
	height: 50px;
	background: #363739 url(http://www.vihegay.com/images/box_bg_top_l.jpg) top repeat-x;
	border:1px solid #18191a;
	-moz-box-shadow:0 0 5px #151b22;
}

#menu ul {
	width: 1100px;
	height: 40px;
	margin-top: 5px;
	margin-left: auto;
	margin-right: auto;
	padding: 0px;
	list-style-type:none;
}

#menu ul li {
	float: left;
	width: 40px;
	height: 40px;
	margin: 0px;
	padding: 0px;
}

#menu img {
	float: left;
	width: 40px;
	height: 40px;
	margin: 0px;
	padding: 0px;
}

#menu ul li a:link {
	float: left;
	width: 40px;
	height: 40px;
	margin: 0px;
	padding: 0px;
}

#menu ul li a:hover {
	float: left;
	width: 40px;
	height: 40px;
	margin: 0px;
	padding: 0px;
	background: url(http://www.vihegay.com/wp-content/themes/vihegay/images/icons/ibg40.png);
}


.page-id-612 #page612 {
	background: url(http://www.vihegay.com/images/ibg40.png);
}
.page-id-92 #page92 {
	background: url(http://www.vihegay.com/images/ibg40.png);
}

Mon souci c'est que ça marche partout, le cadre rouge reste autour de tous les icônes de menu quand on reste à leurs pages, sauf à l'icône de la page des articles.
Il faut savoir que j'ai créé une page statique pour mes artciles, l'accueil est sur une autre page statique.
J'ai regardé avec Firebug et j'ai vu que le système utilise le page-id-numéro dans le body class (par example : body class="home page page-id-612 page-template page-template-sidebar-page-php logged-in admin-bar single-author two-column right-sidebar", sauf la page des articles, au lieu d'utiliser l'ID de la page, il met : body class="blog logged-in admin-bar single-author two-column right-sidebar".

Qu'est-ce que je dois faire que le système donne le "body class=page page-id-lenumérodemapagedesarticles" et qu'après l'image de mon menu reste affichée quand on est sur la page des articles ?

Si je n'étais pas claire, n'hésitez pas me poser vos questiosn !

Hors ligne

 

#2 24-01-2012 00:25:21

Guy
Blogueur
Date d'inscription: 07-04-2011
Messages: 6772

Re: [Résolu] Comment donner un body class (page id) à ma page des articles

il met la classe blog sur la page des articles, ce n'est pas suffisant pour le repérer?

supposons que l'id de ta page d'article soit 212, cela ferait .blog #page212 { bla bla } si on veut garder ton architecture des css.

Hors ligne

 

#3 24-01-2012 00:59:29

igorlaszlo
Connaisseur WP
Date d'inscription: 20-12-2011
Messages: 49

Re: [Résolu] Comment donner un body class (page id) à ma page des articles

Guy a écrit:

il met la classe blog sur la page des articles, ce n'est pas suffisant pour le repérer?

supposons que l'id de ta page d'article soit 212, cela ferait .blog #page212 { bla bla } si on veut garder ton architecture des css.

L'ide de ma page statique des articles est 317. Mais le système ne récupère pas l'image de fond du css :

Code: html

.page-id-317 #page317 {
	background: url(http://www.vihegay.com/wp-content/themes/vihegay/images/icons/ibg40.png);
}

Par contre, je peux utiliser le body class que le système utilise :

Code: html

.logged-in #page317 {
	background: url(http://www.vihegay.com/wp-content/themes/vihegay/images/icons/ibg40.png);
}

...mais dans ce cas, l'image (le cadrage rouge) reste tout le temps autour de mon icône, même quand tu es sur une autre page...

Hors ligne

 

#4 24-01-2012 01:03:44

igorlaszlo
Connaisseur WP
Date d'inscription: 20-12-2011
Messages: 49

Re: [Résolu] Comment donner un body class (page id) à ma page des articles

Guy a écrit:

il met la classe blog sur la page des articles, ce n'est pas suffisant pour le repérer?

supposons que l'id de ta page d'article soit 212, cela ferait .blog #page212 { bla bla } si on veut garder ton architecture des css.

T'ES GENIAL ! j'ai relu mieux ta suggestion et avec le .blog, ça marche. Je ne sais pas à quelle consideration j'ai utilisé .logged-in class...

Un grand MERCI pour toi !!!!

Hors ligne

 
  • Index
  •  » Thèmes
  •  » [Résolu] Comment donner un body class (page id) à ma page des articles

Pied de page des forums

Propulsé par PunBB 1.2.23
© Copyright 2005-2006 WordPress France

[ Generated in 0.024 seconds, 11 queries executed ]