SiteOrigin CSS

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 Firefox

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 instantané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

Abon­­nez-vous par mail à l’Écho des Plugins
Vous rece­vrez un mail pour vous préve­nir de chaque nouvel article publié sur ce blog

Ceci peut vous intéresser

Laisser un commentaire

Votre adresse e-mail ne sera pas publiée. Les champs obligatoires sont indiqués avec *

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

Ce site embarque des cookies pour vous offrir la meilleur expérience possible

Spelling error report

The following text will be sent to our editors: