Une aide pour personnaliser le CSS de votre thème

Pour modi­fier le CSS de votre thème, il est conseillé d’utiliser l’outil inté­gré à votre navi­ga­teur (clic droit > exami­ner l’élément/inspecter/outil de déve­lop­pe­ment suivant le navi­ga­teur). Mais la hiérar­chie des classes n’est pas une chose facile à comprendre si on n’est pas un spécia­liste du CSS.

socss-firefox

exami­ner l’élément sous Fire­fox

socss-chrome

outil de déve­lop­pe­ment sous Webkit

SiteO­ri­gin CSS est une exten­sion qui va vous simpli­fier la vie. Après avoir ouvert la page d’analyse de l’extension, vous cliquez sur l’icône “œil” pour pouvoir modi­fier d’un clic des proprié­tés CSS simples (cela ne néces­site pas de connais­sance parti­cu­lière en CSS) ou sur l’icône “expan­sion” pour affi­cher d’un clic les classes des éléments qui vous inté­ressent et entrer le code CSS utile. Comme vous inter­agis­sez avec une fenêtre de prévi­sua­li­sa­tion, vous êtes sûr que les classes CSS sont bien celles dont vous avez besoin puisque les modi­fi­ca­tions s’affichent instan­ta­né­ment.
Vous pouvez conser­ver l’extension acti­vée pour appli­quer les chan­ge­ments sur votre thème ou copier le code pour le coller à l’endroit où vous en avez besoin.

siteorigincss-css

Œil

siteorigincss-changetexte

siteorigincss-changeanimation

siteorigincss-changepage

Expansion

siteorigincss-applique

siteorigincss-ajout

siteorigincss-select

siteorigincss-go


site de l’extension sur word​press​.org : https://​word​press​.org/​p​l​u​g​i​n​s​/​s​o​-​css ‑ version testée : 1.1.3

Si vous avez trou­vé une faute d’orthographe, infor­mez-nous en sélec­tion­nant le texte en ques­tion et en appuyant sur Ctrl + Entrée.

Dernière modification: 3 avril 2017

Commentaires

Écrire une réponse ou un commentaire

Votre adresse email ne sera pas publiée.

Notifiez-moi les commentaires à venir via email. Vous pouvez aussi vous abonner sans commenter.