Changer la css sur une catégorie précise WP

Publié le 18 février 2012 par Drine

Bonjour,

Alors, j’avais préparé cela il y a quelques temps déjà, avec l’aide précieuse de mon ami @fetard. On m’a quelques fois reproché un manque de lisibilité de mes articles écrits. C’est vrai que le violet clair sur le noir, c’est pas extraordinaire pour la lisibilité. Par contre, la couleur sombre du fond, c’est top pour faire ressortir les photos. Cruel dilemme. Je publie 95% de photos, donc je sacrifiais mes quelques articles écrits au profits de mes photos.

Puis, j’ai eu une idée, ce doit pas être si compliqué à mettre en place, une css qui ne s’applique qu’à certaines catégories. Je sais qu’il existe des tags spécifiques dans le code pour s’appliquer juste sur une catégorie, donc je cherche un plugin, rien ne correspond. Puis je tombe sur cet article (en anglais) : Change CSS Styles with Different Categories in WordPress. Je suis pas très douée en anglais, mais c’est exactement ce qu’il me faut

Alors, petite différence avec ce bout de code, je ne veux pas mettre en place plusieurs css correspondant chacune à une catégorie, mais une seule css différente de celle de base pour toutes les catégories où je cause beaucoup.

Hop, @fetard a le malheur de traîner sur twitter et il est réquisitionné pour coder

Donc voilà ce que je vais ajouter dans mon header.php :

<?php
if(in_category(array(‘humeur’,'pour-la-nature’,'humour’,'mode-minigeek’,'contes-et-legendes’)))
{
?>
<link rel= »stylesheet » href= »<?php bloginfo(‘template_url’)?>/cat.css » type= »text/css » media= »screen » />

<?php } ?>

Petit souci, déjà, je pense que wampserver, dont je me sers en local pour faire mes tests, doit avoir un genre de système de cache, des moments, les modifications n’apparaissent pas de suite. Des moments tout marche bien quand j’éteins le pc le soir, et quand je rallume le lendemain, j’ai un gros plantage.

Donc mon principal problème est venu de ma page d’accueil, qui prenait la css modifiée, alors que non, je la trouve très bien comme elle est !

-Hop, allo fetard ?
-Yep, remplace la première ligne par ça :

<?php
if((in_category(array(‘humeur’,'pour-la-nature’,'humour’,'mode-minigeek’,'contes-et-legendes’)))&(!is_home()) )
{
?>

Et ça marche ! Donc normalement, vous lisez cette page avec des couleurs beaucoup plus claires, je vais sans doute faire d’autres modifs, mais pour l’instant ça me plait comme ça

J’ai changé d’autres bricoles, à vous de voir, mais c’est pas grand chose