Image de fond différente selon catégorie… (Créer un compte)

  • Statut : non résolu
11 sujets de 1 à 11 (sur un total de 11)
  • Auteur
    Messages
  • #464515
    Julobox
    Membre
    Chevalier WordPress
    138 contributions

    Bonjour,

    Je travaille actuellement sur la refonte de mon thème, et j’aimerai y apporter un petit plus.
    Ma page d’accueil de type se présente en images de prévisualisation et en extraits de début d’articles.

    Lors de ma refonte, j’ai calé un petit débord à droite des images pour y placer une languette avec la couleur et le nom de la catégorie qui convient. Ceci est placé dans le CSS avec une image de fond de la taille de l’image + le débord, du type:

    #introIMG {
    background:url(images/img.png) no-repeat;
    float:left;
    padding-right:10px;
    overflow:hidden;
    }

    #introIMG img {
    border:0;
    width:454px;
    height:120px;
    }

    Et voici ce que ça donne, ici avec l’exemple de la languette « électro »:

    cap.png

    L’image qui produit la languette est donc ici img.png. Ce que j’aimerai faire, c’est que cette image de fond (donc la languette) change automatiquement selon la catégorie de l’article présenté.

    Comment est-ce faisable?

    Merci.

    #650657
    piekes
    Membre
    Maître WordPress
    724 contributions

    Salut

    Le principe de base pour ce genre de réalisation est assez simple : tu mets un attribut id= » » sur le marqueur de ton code XHTML. Et tu crées les règles correspondantes dans ton fichier css.

    Pour créer ces attributs, un petit tour dans header.php, avec une condition du genre if(is_page(‘tartempion’)).
    Je n’ai hélas pas le temps de détailler ça davantage pour l’instant, et j’espère que cette piste te suffira.

    #650658
    Julobox
    Membre
    Chevalier WordPress
    138 contributions

    Oui je vois à peu près comment faire ça… Je vais m’y plonger… Merci!

    Bon, si d’aventure, quelqu’un passait par là et connaisse des bouts de codes, je suis toujours client :D

    #650659
    piekes
    Membre
    Maître WordPress
    724 contributions

    Hello

    Pas tout à fait ce que tu cherches, mais déjà pas mal de code à récupérer :
    http://www.wprecipes.com/how-to-display-a-random-header-image

    How to: Use multiple custom headers on a WordPress theme

    #650660
    Julobox
    Membre
    Chevalier WordPress
    138 contributions

    Merci bien.
    Je suis étonné de voir que les solutions proposées soient basées uniquement sur un fichier sans manipulation de la feuile de style… Néanmoins, je vois à peu près comment modifier les backgrounds de cette façon.

    Reste à mettre le tout en rapport avec les catégories … 😉

    #650661
    Maitre Mo
    Participant
    Maître WordPress
    1653 contributions

    Bonsoir Julobox,
    Je suis bien trop ignare pour te proposer le moindre bout de code php utile, mais en te lisant, je me disais que le plugin Category Icons propose quelque chose de très proche, affichant à côté du titre de chaque post l’image attribuée à une catégorie (en fonction sur mon blog si tu ne connaissais pas) : explorer son php t’aidera peut-être… 😕

    #650662
    Anonyme
    Inactif
    Padawan WordPress
    96 contributions
    Maître Mô wrote:
    Bonsoir Julobox,
    Je suis bien trop ignare pour te proposer le moindre bout de code php utile, mais en te lisant, je me disais que le plugin Category Icons propose quelque chose de très proche, affichant à côté du titre de chaque post l’image attribuée à une catégorie (en fonction sur mon blog si tu ne connaissais pas) : explorer son php t’aidera peut-être… 😕

    Toutefois, là il s’agit de background donc son application est totalement différente. De plus, ce qu’il souhaite réaliser est assez simple, pas besoin de s’embêter à éplucher un code lourd et mal fichu 😉.

    Il suffit de réaliser une classe différente pour chaque catégorie et de l’appeler avec un marqueur conditionnel.

    #650663
    Julobox
    Membre
    Chevalier WordPress
    138 contributions

    Merci Maître et Buzz.
    Je vais donc écarter la structure du plugin (c’est tout de même bien vu, merci d’y avoir pensé) pour me plonger dans les marqueurs conditionnels.
    J’arrive à comprendre le concept, et ça me permet de conditionner sur le php et de sélectionner une classe différente en css (j’ai bon, hein?).

    Je vais tenter le coup dans peu de temps, merci encore, chers amis wordpresseurs…

    #650664
    submarine
    Membre
    Initié WordPress
    44 contributions

    @Buzz

    Je suis l’auteur du plugin Category Icons et je voulais juste te remercier très chaleureusement pour mon ‘code lourd et mal fichu’. Ca fait toujours plaisir de lire ce genre de truc, et franchement, ça ne donne pas vraiment envie de continuer à se donner de la peine… Merci encore.

    #650665
    dlo
    Participant
    Maître WordPress
    1848 contributions

    Oupss, on dirait que l’abeille vient de se faire buzzer ! :fouet:

    #650666
    Maitre Mo
    Participant
    Maître WordPress
    1653 contributions

    Mieux vaut dard…
    Submarine, je t’en supplie continue : ce plugin est vraiment génial, mon blog est du caca sans, et à voir le nombre de fois où la question d’une identif des catégories par une icône a été posée, on est nombreux !!! Donc vive ton code et ne nous abandonne pas !!!!

11 sujets de 1 à 11 (sur un total de 11)
  • Le forum ‘Utilisation spécifique de WordPress’ est fermé à de nouveaux sujets et réponses.