fond de page d'un seul article en couleur

koragerkorager Member

salutations amicales,

j'ai cherché, j'ai pas trouvé, j'ai recherché et je n'ai toujours pas trouvé : normal, je suis néophyte en la matière,
j'essaie en vain de colorer en bleu le fond d'un seul article (thème par défaut) pour qu'il ressorte mieux de tous les articles, j'ai cherché dans les plugins et autres, je pense que ce n'est pas possible de le faire...
qu'en pensez-vous, il y a une solution ?

merci pour vos conseils éclairés, cordialement, G

Réponses

  • Bonsoir,

    chaque article est, dans le thème par défaut (ou variant) affublé d'un ID correspondant à son numéro.
    ex: <article class="article" id="post-5"> donc si tu fais dans les styles article#post-5 {background:blue;} , cette article sera le seul à avoir un fond blue .

    cdt

    Mon site PluXml: https://re7net.com
    | Mes plugins : https://github.com/gcyrillus
    | PluXml 5.8.7 sur free ? oui c'est possible : http://gcyrillus.free.fr/new , version 5.8.9 ici https://kazimentou.fr/static8/download /
    | des thèmes @ https://pluxthemes.com

  • koragerkorager Member
    27 janv. modifié

    merci beaucoup pour la réponse [gcyrillus-nomade], c'est très sympa,
    j'ai bien trouvé, en regardant le code source de la page de mon article,

    <

    article class="article" id="post-288"> mais je ne sais pas où je peux trouver le fichier correspondant pour le modifier et lui adjoindre {background:blue;}
    merci encore, cordialement, K.

  • FrancisFrancis Member

    Tu n'as pas besoin de modifier le fichier xml de ton article.

    L'attribution de l'identifiant s'effectue dans le thème, fichier themes/defaut/article.php :
    <article class="article" id="post-<?php echo $plxShow->artId(); ?>">

    La mise en forme est à ajouter dans la feuille de style, fichier themes/defaut/css/theme.css, par exemple pour l'article 5 et pour une couleur de fond bleue :
    article#post-5 { background-color: blue; }

  • koragerkorager Member
    28 janv. modifié

    Merci [Francis] pour ces précisions très appréciables,
    j'ai bien mis ? l'article#post en fin de paragraphe (article) sous cette forme dans le fichier theme.css :

    (...)
    .article img.art_thumbnail {
    padding: 30px 15px 15px 0;
    float: left;
    }
    .page.mode-article .article footer {
    border-top: 1px solid #dedede;
    border-bottom: 1px solid #dedede;
    }

    /* ------- colorer un article ------------------------------------------------ /
    .article#post-294 { background-color: blue; }
    /
    --------------------------------------------------------------------------- */

    (...)

    malheureusement, cela ne donne rien, :'(

    RECTIFICATION
    finalement j'ai mis le code sous cette forme : article#post-294 { background-color: blue; }
    au début du code de la page theme.css, juste après le body

    body {
    --header-height: 7rem;
    --header-padding-top: 1.3rem;
    --bg-height: 250px;
    font-family: 'open_sansregular', sans-serif;
    font-size: 1.7em;
    line-height: 1.6em;
    color: #3A4145;
    background-color: #fff;
    }
    article#post-294 { background-color: blue; }
    /* ---------- Header ---------- */

    ET CELA FONCTIONNE, :3 GRAND MERCI !!!

  • bazooka07bazooka07 PluXml Project Manager

    Bonjour,
    Tu peux même mettre simplement :

    #post-294 { background-color: blue; }
    

    C'est la valeur id de ton article et elle est prioritaire sur toutes les autres règles.
    Et pour ne pas modifier ton thème, si tu peux éditer le contenu HTML de ton article, tu peux mettre à la fin :

    <style>
      #post-294 { background-color: blue; }
    </style>
    
  • koragerkorager Member
    28 janv. modifié

    merci à tous,
    j'ai trouvé aussi cela à mettre directement dans l'éditeur de l'article : fond rouge, texte blanc...
    ( difficultés pour inscrire cela dans ce commentaire, d'où cette image... )
    https://postimg.cc/vcQRV0ym
    à voir l'effet que ça donne sur le site : https://royanlitteraire.fr/

  • 28 janv. modifié

    @bazooka07 t'indique que tu peut en allant au plus simple, mettre dans le chapo(ou content si tu n'y a rien mis) de ton article (edition article dans l'admin) le code suivant :

    <style>
      #post-294 { background-color: blue; }
    </style>
    

    Cela ne t'imposera pas d'éditer les fichiers de ton thème et en plus, si tu changes de thème, ton article N°294 aura toujours un fond bleu ;)

    Mon site PluXml: https://re7net.com
    | Mes plugins : https://github.com/gcyrillus
    | PluXml 5.8.7 sur free ? oui c'est possible : http://gcyrillus.free.fr/new , version 5.8.9 ici https://kazimentou.fr/static8/download /
    | des thèmes @ https://pluxthemes.com

  • bazooka07bazooka07 PluXml Project Manager

    @gcyrillus-nomade ,
    Je pars de l'hypothèse que ce fond bleu est pour mettre en avant de façon temporaire cet article. Ou peut-être d'ajouter d'autres articles avec un fond bleu. Cela obligera à modifier le thème en permanence.
    Le mieux serait d'ajouter une class au contenu de l'article, ou de changer les règles CSS quand un article appartient à une catégorie particulière. Cela sent l'article épinglé pour être mis en valeur.

    Voir nouvelle catégorie "pin" dans le PR#628 sur Github

  • @bazooka07 , oui j'imaginais aussi une raison similaire à ce besoin.

    La prochaine version stable que tu peaufines se présente comme une évolution majeure dans plusieurs domaines :) Merci !

    Mon site PluXml: https://re7net.com
    | Mes plugins : https://github.com/gcyrillus
    | PluXml 5.8.7 sur free ? oui c'est possible : http://gcyrillus.free.fr/new , version 5.8.9 ici https://kazimentou.fr/static8/download /
    | des thèmes @ https://pluxthemes.com

Connectez-vous ou Inscrivez-vous pour répondre.