WordPress : masquer des billets seulement sur la "home" avec Sandbox

Rigueur. Et passion !

Ne dites pas à ma mère que je suis artisan en architecture de l'information appliquée aux sites web : elle croit que je suis webdesigner, intégrateur HTML & CSS, rédacteur web, formateur NTIC et consultant en webmarketing depuis 2001 ! Voulez-vous en savoir plus ?

Le blog de l'intégrateur web

WordPress : masquer des billets seulement sur la "home" avec Sandbox

Vous n’êtes pas sans ignorer que je participe à un petit concours de référencement sur le mot-clé zobibi. Pour ne pas (trop) gêner la lecture « normale » du blog, j’ai décidé de masquer les billets de la catégorie zobibi. A la demande de Plouf, j’ai fait en sorte que les billets de cette catégorie soient masqués sur la Home tout en restant visible lorsqu’on affiche le billet seul ou lorsqu’on clique sur la catégorie idoine.

Bon, évidemment, ce n’est pas très sorcier quand on utilise le thème Sandbox : au lieu de cibler les billets par la classe CSS .category-zobibi, j’ai ajouté la classe .home, soit :

body.home div.category-zobibi {
    display: none;
}
Note du 6/01/2008 : suite au commentaire de Luc, j’ai remplacé le display:none par un position:absolute et un left: -50000px, soit :
body.home div.category-zobibi {
    position: absolute;
    left: -50000px;
}
Maintenant, si vous avez un peu de temps à perdre, vous pouvez voir l’ensemble des billets « zobibi » en cliquant sur la catégorie zobibi ;)

Articles sur le même sujet

PS : Le respect de la vie privée sur internet est important : j'ai décidé d'échanger mon bouton Like de Facebook par un bouton Faire un don de Paypal car
Il n'y pas d'amour, il n'y a que des preuves d'amour (Jean Cocteau) ;) Merci d'avance.



9 commentaires pour “WordPress : masquer des billets seulement sur la "home" avec Sandbox”

  1. Plouf dit :

    Merci !

  2. Luc dit :

    Il y’aurais une rumeur qui dirait qu’un jour google pourrai comprendre le display:none;

    et comme le display:none, n’est pas interprété par certains lecteurs vocaux, pour « masquer » quelque chose dans une page, il vaudrait mieux utiliser ce genre de propriété CSS :

    body.home div.category-zobibi { position:absolute; top:-50000px; left:-50000px; }

    ce qui permet accessoirement, de ne pas afficher le contenu, mais dans garder la porté textuelle, peut être utile notamment dans des menu graphique accessoirement ;)

  3. Tix dit :

    Oui merci d’areter ce truc de zobibi c’est vraiment n’importe quoi. tout le crédit que j’apportai a ton blog est en train de disparaître.

  4. bruno bichet dit :

    @Tix > Ce truc de zobibi comme tu dis c’est un concours de référencement et ce blog traite également de ce sujet. Je comprends que globalement voir des zobibis partout est un peu agaçant quand on ne participe pas.

    Tu vois au début j’avais masqué les billets partout (sauf ds le flux RSS) et un lecteur (Plouf) m’a demandé de les rendre visible (sauf sur la Home) histoire de rigoler. Difficile de plaire à tout le monde ^^

    Je dirais que l’idéal serait de me soutenir pour que ça serve au moins à quelque chose ;)

    @Luc > oui merci pour l’astuce de la position:absolute qui peut avoir son intérêt ici, je vais mettre ça en place.

  5. Tix dit :

    Oui bien sur, je comprend la démarche. J’etais un peu énervé sur le moment de voir partout sur mon netvibes des post « zobibi ». Maintenant avec ton acharnement j’esper que tu gagnera ce concours ^^

  6. bruno bichet dit :

    @Tix > Bah, c’est normal, moi aussi quand je ne participe pas, je trouve ça plutôt agaçant, en fait ^_^v

  7. Excellent cet article, Mais ouep LE GRAND GG risque de ne pas être content !

  8. Julien Vernet dit :

    Merci pour l’excellente astuce !

  9. TimeLapse dit :

    Est-ce la solution la plus accessible?

Laissez un commentaire

Vous pouvez utiliser les balises HTML suivantes : <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>

Les commentaires sont publiés sous votre pleine et entière responsabilité et ne doivent pas contrevenir aux lois et règlementations en vigueur. Les propos racistes ou antisémites, diffamatoire ou injurieux, divulguant des informations fausses, relatives à la vie privée d'une personne ou utilisant des oeuvres protégées par les droits d'auteurs ne sont pas les bienvenus et seront modérés sans modération.

Merci d'être constructif et n'oubliez pas : « sans la liberté de ramer il n'est point d'éloge flotteur ! »



Colophon

CSS & Webdesign est une publication irrégulomadaire à tendance hebdomadaire
éditée par Bruno Bichet qui carbure à WordPress et au café équitable.
Tous droits réservés © 2006 - 2011.

Contactez l'auteur du site