fond de page d'un seul article en couleur

korager · janvier 2023

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

gcyrillus-nomade · janvier 2023

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

korager · janvier 2023

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.

Francis · janvier 2023

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; }

korager · janvier 2023

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, GRAND MERCI !!!

bazooka07 · janvier 2023

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>

korager · janvier 2023

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/

gcyrillus-nomade · janvier 2023

@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

bazooka07 · janvier 2023

@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

gcyrillus-nomade · janvier 2023

@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 !

fond de page d'un seul article en couleur

Réponses