Changer la couleur de fond des articles en fonction de la catégorie (Créer un compte)

  • Statut : non résolu
5 sujets de 1 à 5 (sur un total de 5)
  • Auteur
    Messages
  • #547891
    Animasport
    Participant
    Initié WordPress
    12 contributions

    Bonjour à tous,

    Ma configuration WP actuelle
    – Version de WordPress : 4.1.1
    – Version de PHP/MySQL : 5.4
    – Thème utilisé : Motif
    – Extensions en place :
    – Nom de l’hebergeur : OVH
    – Adresse du site : http://www.garr.fr

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

    J’ai deux grandes catégories d’articles dans mon blog : des billets, courts, et des articles, longs. Ils sont différenciés par leur catégorie (« coups de gueule » pour les billets, « articles » pour les articles, avec des sous catégories pour les thématiques).

    J’aimerai pouvoir les différencier visuellement sur la page d’accueil, là où il y a seulement les extraits. Par exemple, un léger fond de couleur pour les billets et laisser blanc les articles… mais quand on lit le billet en entier le fond redeviendrait normal, blanc.

    Savez-vous si c’est possible ? et surtout comment faire…..

    Merci !!!

    #997707
    Flobogo
    Modérateur
    Maître WordPress
    18605 contributions

    Bonjour,

    Oui, c’est faisable, en ajoutant une ligne ou deux dans votre fichier index.php ou dans le fichier gérant l’affichage des extraits, sous forme pour imposer un dic avec une class xxxx pour les « billets » et une class yyyy pour les articles.
    Puis le CSs adapté dans le fichier style.css

    Avant toute chose, commencez par créé un thème-enfant, car il ne faut pas modifier directement les fichiers du thème, car sinon, vos modifications seront perdues lors d’une mise à jour de thème … Et ne pas faire les mises à jour expose à des problèmes de sécurité éventuels ou des incompatibilités avec les versions futures de WP !

    Pour faire un thème-enfant, consultez les explications sur WpChannel et/ou celles du site les-doigts-dans-le-net ou encore celles du Journal du Net
    Ensuite, si vous voulez aller plus loin, consultez les infos du Codex qui propose une méthode plus complexe mais plus « propre ».

    #997708
    blogob
    Participant
    Chevalier WordPress
    237 contributions

    hello
    en faisant control maj i sur ta page index tu verra que pour chaque article tu as des classes spécifiques du type
    category-coups-de-gueule , category-critiques-litteraires etc…
    dans ton fichier style.css tu cible chaque article avec ces classes en leur donnant la couleur de ton choix…il faudra aussi préciser la classe .home pour que ces modif ne prennent effet que sur la page d’accueil :exemple
    .home .category-coups-de-gueule{background:#eee}

    #997709
    Animasport
    Participant
    Initié WordPress
    12 contributions

    Aaaaaaaaaaaaah merci beaucoup à vous deux !

    Merci Blogob, j’ai opté pour ta solution, plus simple, ça m’a permis de comprendre beaucoup sur le fonctionnement des styles. J’ai pu mettre en forme les cadres bien plus en profondeur que je ne le pensais initialement. Et je n’en ai pas terminé avec ça 🙂

    Merci beaucoup 🙂 🙂 🙂

    #997710
    Flobogo
    Modérateur
    Maître WordPress
    18605 contributions

    Effectivement, je prenais peut-être un marteau pour écraser une mouche 😕

    Par contre, la suggestion du thème-enfant reste valable, car si vous modifiez le fichier style.css du thème principal, vos modif’ seront perdues lors d’une mise à jour de thème 😡

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