Changer la couleur de fond de son blog wordpress
Comme c’est bizarre! Depuis quelques jours, pas mal d’internautes vont sur un de mes billets en faisant la requête Google « Changer couleur fond wordpress« . Et malheureusement pour eux, ils n’ont pas la réponse, car je n’en parle pas. Comme je ne désire pas vous laisser en rade, je me suis dis : « Allez, je vais leur pondre un article sur ce sujet! ».
Des lignes de codes css
Pour modifier votre couleur de fond, ce n’est pas très compliqué. Il suffit d’aller sur votre feuille de style, c’est elle qui définit les règles de votre « design ». Une feuille de style, c’est votre fichier « style.css » que vous retrouverez dans le dossier de votre thème (dans ce dossier, vous avez index.php, single.php, header.php, footer.php, etc… + style.css). Si vous ne travaillez pas en local, allez sur votre espace et dirigez vous vers : apparence-> thème-> éditeur de thème-> feuille de style.
Pour définir la couleur de fond, il faut utiliser la balise « background » sur votre corps de page (body) et lui donner une couleur :
[sourcecode language='css']body {
background: white;
}[/sourcecode]
Dans mon exemple, mon thème aura un fond blanc. Et voilà 
octobre 9th, 2008 at 20:13
Bonjour,
Déjà, j’ai eu beaucoup de souvenirs, en tombant sur ton blog. J’ai commencé par le ZX81, suivi du ZX spectrum et après je suis passé non sur amstrad, ni commodore, mais sur apple…
Et j’ai laissé tombé avant de revenir sur ces folles machines, il y a quelques années
Mais voilà ma question !
Je viens d’installer wordpress et je voudrais mettre un fond gris sur le chapeau de chacun de mes articles. Pour le moment je mets le chapeau en H2, mais il y a d’autres parties du site en H2. Je ne peux donc pas modifier dans la feuille de style H2, mais je n’arrive pas à en créer un nouveau
Pourrais tu m’aider ?
Merci d’avance.
Jérôme
octobre 9th, 2008 at 22:29
Bonjour Jérôme et bienvenue sur mon blog, je vois que l’on a des points en communs avec le ZX
Que veux tu dire par chapeau ?
En tous cas, c’est normal d’avoir plusieurs ‘catégories’ de balise H2. Par exemple, pour mon blog, j’ai attribué des H2 pour les titres de mes billets ainsi que les titres de la sidebar. Pour définir chaque H2, il est nécessaire de définir des div. Pour les titres de mes billets, j’utilise
dans mes templates. Et pour spécifier la couleur, j’indique dans ma feuille de style :
#content h2 {
background-color: yellow;
}
Mon div sera différent pour la sidebar, tu comprends ?
octobre 9th, 2008 at 23:15
oui le ZX avec sur ces touches les caractères pour faire de superbes dessins
Le chapeau d’un article, c’est lorsqu’on a un premier paragraphe qui résume l’article. On le différencie pour montrer que c’est le chapeau.
Je vais essayer d’appliquer tes conseils..
octobre 9th, 2008 at 23:16
Tu as un exemple de blog qui utilise ce type de chapeau pour que je me fasse une idée ?
octobre 9th, 2008 at 23:26
J’ai avancé sauf que je n’arrive pas à distinguer la zone du chapeau, de la zone de la date (je ne voudrais pas de fond sur la date)…
octobre 10th, 2008 at 9:26
Il suffit de supprimer la balise H2 à l’endroit ou tu mets la date, car tu as indiqué que dans la balise content, que toutes les H2 ont un fond gris. Et c’est pas la peine d’attribuer du H2 pour la date, on l’utilise comme je te disais pour les sous titres de ton blog (titre du billet et titres de la sidebar) ou alors, tu doit lui indiquer une « class ». Pour la date, généralement, elle fait partie de la class « postmetadata »
octobre 10th, 2008 at 12:28
ca marche !
j’ai passé tout simplement le H2 de la date en H3 !
Je suis aussi content que mon premier « Hello World » sur le ZX81
octobre 10th, 2008 at 12:29
d’ailleurs cela devait être du genre
10 print « Hello World »;
Non ?
octobre 10th, 2008 at 12:31
Salut Jérôme, content que tu t’en sortes ^^
Pour le ZX, ça remontre à trop loin pour m’en souvenir
janvier 25th, 2009 at 21:47
Salut tout le monde,
Nouveau venu sur la planète wordpresss, j’essare de modifier la couleur de fond de mon blog, et rien ne se passe …
voici le code de ma feuille de style, j’ai mis une couleur powderblue … or le fond reste blanc.
body {
font-size: 12px;
font-family: justinian;
color: #000;
text-align: center;
background: powderblue;
padding: 0;
margin: 0;
background: transparent url(images/bg_page.gif) repeat scroll 0 0;
border-top: 5px solid #191970;
}
T’a
janvier 27th, 2009 at 8:01
Salut Nico, c’est normal que ça ne fonctionne pas. En css, Il existe 17 couleurs qui peuvent être nommées directement par leur nom anglais :
* maroon ( #800000 )
* red ( #ff0000 )
* orange ( #ffA500 )
* yellow ( #ffff00 )
* olive ( #808000 )
* purple ( #800080 )
* fuchsia ( #ff00ff )
* white ( #ffffff )
* lime ( #00ff00 )
* green ( #008000 )
* navy ( #000080 )
* blue ( #0000ff )
* aqua ( #00ffff )
* teal ( #008080 )
* black ( #000000 )
* silver ( #c0c0c0 )
* gray ( #808080 )
Donc pas de powderblue.
janvier 29th, 2009 at 16:24
Merci David !
Tu éclaires le débutant que je suis.
janvier 29th, 2009 at 18:59
Oui ? Ca a marché ?
juin 10th, 2009 at 20:48
green #008000
juillet 10th, 2009 at 14:20
Bonjour, je tente de modifier mon thème… mais ça ne fonctionne pas. j’ai modifié ma feuille de style en changeant le background, et j’ai trouvé comment changer la couleur d’une bande en bas, mais le reste est toujours rouge. Je suis déprimmée. Malgré toutes mes recherches dans le codex. je n’y arrive pas.
Moi qui voulais changer la banière de page en plaçant notre logo et rajouter une animation flash dans la colonne de droite et en haut… je n’ai pas fini.
Voici l’adresse de mon site, si tu peux m’aider…
http://www.theatreeducation.qc.ca
juillet 11th, 2009 at 22:12
Salut Cynthia,
Si tu veux un fond rouge :
body {
background: #ecd8b3 url(images/html-bg.gif) repeat-x; (supprimes cette ligne)
et ajoute : background: red;
font: 75%/170% Arial, Helvetica, sans-serif;
padding: 0px;
margin: 0px;
color: #b19472;
je t’invite à lire :
http://blogityourself.net/css-wordpress-modifier-couleurs-blog-1/
juillet 12th, 2009 at 21:32
Merci David, mais c’est plutôt le contraire… j’aimerais avoir un site tout beige ou gris pâle. (je sais que ce n’est pas cette couleur qu’il y a pour l’instant, mais comme je ne parvenais pas à le faire maintenant, je n’ai pas trop cherché le numéro de couleur. Mon problème,ce n’est pas le corps de page, mais plutôt les deux cotés et la barre rouge en dessous.
J’ai réussi, en lisant le codex WP et en tatonnant à changer la couleur du background rouge en beige… mais pas le reste.
Une idée?
juillet 16th, 2009 at 7:46
Rebonjour Cynthia,
J’avoue que je ne comprends pas très bien ta demande ^^Tu peux reformuler ta question ?