Découvrez 2 plugins WordPress pour éditer son thème sans toucher aux fichiers CSS

Le 05/07/2016

Dans WordPress

Aujourd'hui, le BlogDuWebdesign a testé pour vous trois plugins permettant de simplifier le développement de thèmes WordPress en vous fournissant un moyen graphique d'éditer votre CSS.

CSS Hero

Cssherohome

 

CSS Hero est un plugin permettant de simplifier l'édition de thème WordPress pour les personnes avec un très faible background technique. Ici, pas la peine d'écrire de HTML/CSS, tout peut se faire à la souris ! Attention, de rapides connaissances en HTML (qu'est-ce qu'un p, une div, que veut dire a.blue.button par exemple) ainsi qu'en CSS (color, font-size, qu'est-ce qu'un padding, un margin, …) seront tout de même nécessaires.

 

Csshero

 

Parmi les points très positifs, nous pouvons citer une fonctionnalité retour arrière, qui n'est pas fréquente sur ce type d'outil et vraiment bienvenue. De plus, un outil permettant de tester le responsive est inclut dans l'interface et a au moins le mérite d'être présent et simple à utiliser.

 

Pseudo classed css 1024x576

 

Ce plugin fonctionne avec un abonnement annuel, et il n'existe aucune version gratuite d'essai, j'ai donc dû me contenter de la page de démo (disponible sur leur site a cette adresse) pour me faire une idée.

Visual CSS Style Editor

2023 07 06 14h36 40

 

Visual CSS Style editor est un plugiciel très proche de CSS Hero dans l'idée. Ici aussi, tout peut se faire à la souris, avec un outil très semblable aux analyseurs de dom des grands navigateurs, puis une interface wysiwyg avec des jauges et des boutons. Le fonctionnement est intuitif et la courbe d'apprentissage très basse.

 

L'option la plus intéressante selon moi reste l'affichage du CSS influant sur l'objet que nous sommes en train d'observer, ainsi que la possibilité de l'éditer à travers une interface bien agréable.  Bien sur, l'utilisation de cette fonctionnalité demande une certaine maîtrise du CSS, mais même si vous êtes encore en période d'apprentissage cela pourrait vous aider à progresser.

 

Styleeditor

Ce plugin est payant (un seul paiement, pas d'abonnement), mais dispose d'un plan gratuit tronque de quelques options. En revanche, si vous avez pour habitude de n'utiliser que des plugins open source passez votre chemin. Si vous n'avez pas envie de l'installer pour l'essayer, le site propose une démo en ligne.

Mon avis global

Très clairement, je ne suis pas la cible de ces plugins et mon avis est donc à prendre avec des pincettes, mais je pense que le plus intéressant des trois restes sans doute Visual CSS Style editor, car il permet d'évoluer dans sa maîtrise du CSS tout en simplifiant l'utilisation des fonctions les plus complexes de ce dernier. Pour tout dire, je trouve le panneau latéral tellement pratique que je me demande s'il ne serait pas possible de l'adapter pour ne garder que lui sur mes propres projets.

Néanmoins, en l'état je ne recommande pas vraiment ce genre de plugins à des personnes maîtrisant déjà le CSS, car je ne pense pas vraiment qu'ils fassent gagner du temps. Bien sur, je n'en ai testé que trois, il y en a d'autres sur le marché (dont Tailor, sorti il y a peu, et que je vais essayer de tester dans les jours qui viennent), mon avis évoluera donc sûrement !