Bonjour à tous,

J'utilise Wordpress et j'ai parfois besoin de modifier quelques lignes de CSS (quelques couleurs notamment) mais n'y connais pas grand chose.

J'ouvre l'outil "inspecter" de Google Chrome mais malgré tout, je ne comprends pas quoi copier pour modifier ce que je souhaite.

Pouvez-vous m'indiquer où exactement cette info apparaît que je puisse la copier et la modifier ?

Merci d'avance.

Salut utilise l'inspecteur d'élément :

Ensuite tu cliques sur ta page sur l'élément qui t'intéresse, cela va t'afficher dans  la première section le code html, et dans la seconde section le CSS associé.

Tu peux ensuite modifier directement la source (soit le html soit le css) de ton élément : rajouter des classes / id, changer des propriétes css, etc...

Merci pour ta réponse.

Mais ce qui m'intéresse, c'est de trouver le chemin de l'élément à modifier pour de vrai et non uniquement sur l'outil d'inspection.

Salut,

Pour modifier le CSS d'un thème wordpress il suffit de te connecter en tant qu'admin sur le site. Puis une fois dans le tableau de bord tu vas dans "Apparence" puis "Editeur". T'auras tout le CSS du site qui va s'afficher. En suite, il suffit simple de repérer la .class ou l'#ID que tu souhaites changer (tu peux trouver la .class ou l'#id associé en HMTL grâce à l'inspecteur de ton navigateur). Une fois les nouvelles valeurs changées tu cliques sur "mettre à jour le fichier".

Astuces : Une fois que tu connais l'#ID ou la .class associé à l'élément que tu souhaites changer. Tu peux utiliser 'CTRL+F' pour taper le nom de l'élément histoire de pas avoir à scroll trop longtemps dans le fichier CSS qui peut être très long.

Sinon tu peux passer directement par le FTP. Tu récupères le fichier css de ton thème wordpress (en général 'style.css') et t'apportes les modifications et tu reupload le fichier changé.

A noté : une fois la modification faite sur le CSS, tu ne pourras pas mettre ton thème à jour car tu perdrais toutes tes modifications. Il est donc préférable d'utiliser un thème enfant.

Salut,

Je suis pénible mais ça ne fonctionne pas car j'ai justement un thème enfant et voici ce que j'ai dans l'éditeur : 

/*

Theme Name: Sydney Enfant

Description: Theme enfant du theme Sydney. Vous pouvez desormais le personnaliser sans risquer de perdre vos modifications

Author: WPMarmite

Author URI: https://wpmarmite.com

Template: sydney

Version: 1.0

*/

Plutôt bref ! Et par ailleurs, les CSS des plugins (qui sont souvent les coupables à modifier) n'apparaissent pas ici.

Par contre j'ai un plugin éditeur de CSS qui me permet d'ajouter n'importe quelle ligne pour écraser une existante. Le seul souci c'est que je ne sais jamais quoi écrire dedans. 

Quand j'ouvre l'inspection de Chrome je suis perdu et je ne trouve pas quoi copier. background-color oui d'accord, mais il y a forcément des choses avant...

N'y a-t-il pas une sorte de "chemin" à simplement copier/coller ?

Merci.

Ah si tu as déjà le thème enfant c'est normal qu'il soit vide alors.

C'est simple, tu ouvres le CSS du thème normal (Sydney), tu cherches l'élement à changer et tu apportes les modifications dans l'éditeur du thème enfant (Sydeny Enfant).

Imaginons que tu veuilles modifier l'apparence d'un élément, par exemple un sous-titre.

- Tu cherches, dans le HTML, ton sous-titre.  Exemple :

<h2 class=partie1>Première partie</h2>

- Dans le CSS parent (Sydney dans ton cas) tu cherches les modifications CSS apportées à ce titre histoire de savoir ce qui a déjà été fait. Tu vas donc trouver un truc du genre :

.partie1 {
  font-weight: normal;
  font-size: 2em;
}

- Et du coup dans l'éditeur de ton thème enfant (en dessous du commentaire CSS que tu as copié/collé) tu mets:

.partie1 {
  font-size: 1.8em
}

Par exemple, apres tu changes, t'ajoutes, etc... les propriétés/valeurs souhaitées. Ca devrait marcher.

PS : Par défaut, tu peux trouver ton fichier CSS via l'inspecteur avec l'onglet 'Sources' puis dans le dossier wp-content/themes/nomdutheme tu trouveras ton style.css actuel. Mais les valeurs que tu changes ici s'annuleront une fois une actualisation de la page. Il faut que tu passes par le FTP ou par l'éditeur de worpress si tu veux faire des changements définitifs pour tous les visiteurs du site.

-
Edité par Grandioz 18 octobre 2017 à 13:50:31

Bonjour,

J'ai le même problème mais avec le html de mon site

je n'arrive pas à trouver le chemin pour modifier "Featured" en En vedette sur mes images...

Si vous pouvez m'aiguiller...

merci par avance 

David