Design

Top 3 des meilleurs plugins d’éditeur design de thème WordPress sans toucher aux codes et fichiers CSS

Meilleurs plugins d’éditeur design de thème WordPress

Hey, les amis,wedilas vous proposes 3 plugins permettant de simplifier le développement de thèmes WordPress en vous fournissant un moyen graphique d’éditer votre CSS.

Visual Developper

En quelques mots, Visual Developper est une version entièrement gratuite et tout simplement moins bien de Visual CSS Style editor, et c’est une grosse déception pour moi. Ce plugiciel a été le dernier de ma série de tests et je pensais que ce serait celui qui me séduirait le plus (principalement a cause de la base line « A WordPress Plugin, crafted for developers. » qui fait que je pensais être la cible du plugin).

Visual Developper

Attention, je ne dis pas que le plugin est mauvais. Il fournit les fonctionnalités attendues, permet de customiser entièrement son CSS sans ouvrir le moindre fichier, etc. Mais cet outil n’a clairement pas su choisir son positionnement.

Par exemple, il faut comprendre que les options de personnalisations sont très peu explicites. Des trois, c’est celui qui vous demandera le plus de connaissances en web design pour pouvoir vous en sortir avec les menus. Néanmoins, impossible ici de passer par du code CSS pour éditer un élément. De même, il est tout simplement impossible de retrouver toutes les règles CSS associées à un élément.

Entièrement gratuit, le plugiciel n’est malheureusement pas open-source. Vous pourrez le tester en l’installant simplement sur votre WordPress ou en passant par la demo en ligne.

CSS Hero

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.

css hero wedilas

Parmi les points très positifs, nous pouvons citer une fonctionnalité retour arrière, qui n’est pas fréquent 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.

Ce plugin fonctionne avec un abonement 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.

CSS HERO Wedilas

css hero wedilas

Visual CSS Style Editor

Visual CSS Style editor est un plugins d’éditeur designl 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.

Visual CSS Style editor

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 maitrise du CSS, mais même si vous êtes encore en période d’apprentissage cela pourrait vous aider à progresser.

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 en demo.

Au finish

A déjà de ces 3 plugins ci-haut évoquer,il en existe tant d’autres qu’on a pas pu développer dans ce site.

Sur ce,nous vous recommandons ceux dont nous venons de mettre sur cette page,tout en ayant un minimum de connaissance de leur fonctionnalité.

Il n’existe pas les meilleurs en ces trois hélas leur mode d’utilisation donne l’appréciation.

Lisez notre prochain article sur le design;c’est du top sur wedilas.com.

Laisser un commentaire

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

Bouton retour en haut de la page
Fermer