WordPress simplifie assez la conception de site Web unique et visuellement attrayant. Pourtant, il faudra un certain travail et quelques outils bien choisis si vous voulez avoir un résultat impressionnant. Par défaut WordPress offre des fonctionnalités qui vous aideront – comme une option de prévisualisation en direct – mais elle est encore un peu limité.

Heureusement, vous pouvez obtenir beaucoup plus de contrôle sur le processus de conception en utilisant un constructeur de page. Ce type de plugin vous permet généralement de glisser-déposer divers éléments de conception sur vos pages web, élargir vos options de personnalisation sans avoir à vous amuser avec le code. Certains thèmes WordPress vous donnent tout ce dont vous avez besoin dans un package pratique.

Dans ce tutoriel, nous avons fait le travail initial pour vous en recensant quelques plugins de construction de page pour votre blog WordPress.

Mais avant, découvrons ensemble Comment installer un blog WordPress en 7 étapes et Comment rechercher, installer et activer un thème WordPress sur votre blog.

Ensuite, revenons vers ce pourquoi nous sommes là.

1. Page Builder by SiteOrigin

Page Builder by SiteOrigin a été conçu pour durer. Et dans cette « éternité », il a réussi à collecter plus d’un million d’installations actives sur WordPress.org, ce qui en fait le plugin le plus populaire des constructeurs visuels de page de cette liste. Bien que SiteOrigin Page Builder soit un peu plus léger que la plupart des autres options de cette liste, il offre d’excellentes performances et des tonnes de contrôles CSS.

Siteorigin page builder plugin e1544278344165

SiteOrigin a deux interfaces que vous pouvez utiliser pour créer votre mise en page. Vous pourrez faire glisser et déposer des blocs ou cliquer sur un bloc spécifique pour le modifier. Cet éditeur vous donne le plus d’espace de travail, mais il manque un aperçu en temps réel.

Découvrez également nos 10 plugins WordPress pour recevoir des dons sur votre blog

Ce n’est pas la même chose que les autres constructeurs de pages de cette liste, car vous ne pourrez pas réellement faire du glisser-déposer dans l’aperçu. Vous ne pouvez pas enregistrer vos conceptions en tant que modèles, mais vous pouvez facilement cloner des pages existantes pour obtenir des fonctionnalités similaires.

Découvrez notre guide sur Comment ajouter correctement du code jQuery sur WordPress

Les options de style de SiteOrigin Page Builder vont être décevantes par rapport aux autres constructeurs visuels de page si vous ne connaissez pas le CSS. Mais si vous êtes à l’aise avec, ils sont en fait très utiles. Le générateur de pages de SiteOrigin laisse derrière lui un mélange de code HTML et de shortcodes.

Télécharger | Démo | Hébergement Web

2. Elementor

Lancé à l’origine en 2016, le plugin WordPress Elementor est l’un des plus jeunes constructeurs de pages de cette liste. Malgré son démarrage tardif, Elementor a rapidement accumulé plus de 1 000 000 installations actives sur WordPress.org, ce qui en fait l’un des constructeurs visuels de pages WordPress les plus populaires.

Elementor pro e1544277036401
Ce qui fait sa réputation est son interface visuelle fluide, ses différentes options de style et d’autres fonctionnalités puissantes telles que la création complète de thèmes WordPress.

Lire aussi : 6 plugins WordPress pour ajouter l’auto-complétion sur vos formulaires

Son interface est divisée en deux parties principales, avec une troisième zone pour certains paramètres. La version gratuite, de Elementor propose 28 widgets gratuits. La version Pro apporte environ 30 autres widgets, soit un total de 58 widgets dans la version Pro.

Consultez également nos 23 outils indispensables pour réussir dans le blogging

La version gratuite comprend environ 40 modèles gratuits, alors que la version Pro apporte des centaines de modèles supplémentaires.

 Télécharger | Démo | Hébergement Web

3. Beaver Constructor

Beaver Builder est un pilier du marché des constructeurs visuel de pages depuis un certain temps déjà. Il génère du code épuré (pour un constructeur de page), et est populaire auprès des utilisateurs et des développeurs. Il reçoit une attention régulière sous la forme de nouvelles fonctionnalités et mises à jour.

Beaver builder e1544277075691
Il possède des extensions officielles que vous pourrez associer pour plus de flexibilité. Beaver Builder offre une interface unique pour son constructeur visuel. L’essentiel du travail sera fait dans la barre latérale droite, mais les options de la barre latérale n’apparaissent que lorsque vous cliquez sur un bouton de la barre supérieure. Il est donc possible d’afficher un aperçu en plein écran à tout moment.

Lire aussi : 8 plugins WordPress pour traduire votre site web ou blog

L’utilisation de l’édition en ligne avec le popup est un peu gênante, pour être honnête. Mais vous pourrez facilement épingler l’éditeur dans la barre latérale pour résoudre ce problème. Dans la version gratuite, Beaver Builder ne vous donne accès qu’à 6 modules, mais vous pourrez utiliser des widgets standards de WordPress.

A découvrir aussi : 8 plugins WordPress pour verrouiller le contenu d’un site Web

La version premium, en revanche, vous donne accès à 30 modules et tous sont également modulaires, pour pouvoir les activer ou les désactiver à votre guise.

Télécharger | Démo | Hébergement Web

4. WPBakery Page Builder

WPBakery Page Builder, anciennement connu sous le nom de Visual Composer, est un autre constructeur de pages premium et extrêmement populaire. Une grande partie de cette popularité provient du fait que WPBakery Page Builder est livré avec près de 99% des thèmes WordPress de ThemeForest. Mais il n’en reste pas moins qu’il est utilisé sur un très grand nombre de sites web.

Wpbakery page builder for wordpress plugin
A l’instar de Divi Builder, WPBakery Page Builder vous permet à la fois une édition visuelle et une édition dans le back-end. Comparé à quelque chose comme Elementor ou Divi Builder, les options de style de WPBakery Page Builder sont un peu limitées. Vous avez un bon contrôle sur les lignes, mais les options de style pour les éléments individuels sont un peu plus limitées. Allez plus loin en découvrant notre tutoriel sur Visual composer et Comment créer une page Web professionnel avec ce dernier

Si vous souhaitez utiliser votre propre CSS, vous pourrez ajouter une classe ou un identifiant CSS personnalisé à des éléments individuels, ou vous pourrez ajouter des styles réels au niveau de la page.

Je ne suis pas sûr que WPBakery Page Builder possède des fonctionnalités uniques particulièrement remarquables. Mais ce qu’il a, c’est une énorme communauté d’extensions.

Télécharger | Démo | Hébergement Web

5. Divi Builder

Divi Builder est un constructeur de pages de grande qualité très apprécié par Elegant Themes. Bien qu’il soit généralement utilisé dans le cadre du thème WordPress Divi, Divi Builder est également un plugin autonome que vous pourrez utiliser sur d’autres thèmes WordPress.

Divi e1544278044306

Contrairement aux deux constructeurs précédents, Divi Builder vous permet de modifier votre contenu à l’aide d’une interface visuelle sur le front-end ainsi que d’une interface sur le back-end, bien que la plupart des utilisateurs préfèrent la première interface.

Fondamentalement, au lieu des barres latérales, tout est dans des popups et des boutons flottants. Il vous donne accès à 316 modèles prédéfinis répartis sur 40 différents packs de présentation, ainsi qu’à la possibilité d’enregistrer vos propres conceptions en tant que modèles.

L’un des traits de Divi a toujours été le contrôle des styles qu’il vous donne. Sur trois onglets différents, vous avez la possibilité de configurer divers paramètres, notamment des contrôles responsive, un espacement personnalisable, etc…

Consultez nos 10 plugins WordPress pour protéger efficacement votre blog

Vous pourrez même ajouter du CSS personnalisé, car son éditeur CSS intègre la validation de base et l’auto-complétion. L’une des critiques de Divi Builder a toujours été qu’il repose sur des shortcodes. Ce qui signifie que si vous le désactivez un jour, il laissera un tas de shortcodes dans votre contenu. Bien que cela soit un peu déprimant, cela pose moins de problème maintenant que des plugins comme Shortcode Cleaner existent.

Télécharger | Démo | Hébergement Web

Ressources recommandées

Découvrez d’autres ressources recommandées qui vous accompagneront dans la création et la gestion de votre site web.

Conclusion

Voilà ! C’est tout pour cet article dédié aux meilleurs plugins WordPress de constructeur visuel de pages, conçus pour vous aider à créer de manière rapide et facile tout mise en page sans avoir à saisir la moindre ligne de code. 

Cependant, vous pourrez aussi consulter nos ressources, si vous avez besoin de plus d’éléments pour mener à bien vos projets de création de sites internet, en consultant notre guide sur la création de blog WordPress ou celui sur Divi : le meilleur thème WordPress de tous les temps.

Si vous avez aimé cet article, n’hésitez surtout pas à le partager sur vos réseaux sociaux préférés. Si vous avez des commentaires ou des suggestions, n’hésitez pas à nous en faire part dans la section réservée.

…