WordPress est génial, et pouvoir personnaliser votre site Web géré par WordPress n’est que la cerise sur le gâteau. Cependant, nous ne sommes pas tous des gourous du codage. Heck, certains amateurs de WordPress ne connaissent rien au HTML ou au CSS. Mais cela ne devrait pas vous empêcher de pouvoir personnaliser votre thème WordPress. C’est là qu’interviennent les constructeurs de pages.
Les constructeurs de pages par glisser-déposer sont largement disponibles sous forme de plugins et sont intégrés à de nombreux thèmes populaires. Ils permettent aux utilisateurs de tous niveaux d’apporter des modifications à la disposition générale d’un thème, et cela peut rendre l’ajout de fioritures supplémentaires (icônes, barres de compétences, tableaux de prix, etc.) super facile. Plus précisément, nous souhaitons vous présenter notre nouveau plugin WordPress de création de pages préféré – le WPBakery Visual Builder.
Vous voulez en savoir plus ? Lisez et suivez notre guide WPBakery mis à jour ! Cette visite plus détaillée vous montre les tenants et les aboutissants de ce constructeur de pages populaire ainsi qu’un exemple d’utilisation.
Qu’est-ce que WPBakery ? (Anciennement nommé Visual Composer)
Le WPBakery Visual Builder est un plugin fantastique développé par WP Bakery qui ajoute un générateur de page par glisser-déposer à votre thème WordPress. Nous l’avons inséré dans notre thème WordPress polyvalent total, mais vous pouvez également le voir dans presque tous les nouveaux best-sellers sur Themeforest. Il vous donne les outils dont vous avez besoin pour créer des mises en page complexes sans avoir à toucher une seule ligne de code.
Comment fonctionne le constructeur visuel de WPBakery et ce qu’il peut faire
C’est un plugin, il suffit donc de l’installer et de l’activer pour profiter de toutes ses merveilleuses fonctionnalités. Une fois activé, le WPBakery Visual Builder vous permet de contrôler la mise en page de vos pages. Ajoutez simplement une nouvelle page et vous verrez de nouveaux boutons afin que vous puissiez basculer entre le mode classique et le mode constructeur ainsi qu’un bouton pour vous amener à l’éditeur frontal en direct.
À partir de là, les possibilités ne sont limitées que par votre imagination (ou celle de vos clients). Vous pouvez ajouter des lignes, des colonnes, des boutons, du texte, des images et bien plus encore en utilisant toutes les options de WPBakery Visual Builder. De plus, il existe une option pour enregistrer vos mises en page en tant que modèles à réutiliser encore et encore.
Lignes
Le constructeur comprend des éléments de construction de page. Vous pouvez utiliser ces éléments comme blocs de construction littéraux pour votre page. D’abord Ajouter une ligne. Les lignes permettent d’ajouter des colonnes en un clic. Survolez simplement l’onglet de paragraphe jaune dans le coin supérieur gauche de votre ligne et sélectionnez une mise en page. La ligne se divise automatiquement en colonnes selon la disposition que vous choisissez.
Éléments de page
L’étape suivante consiste à commencer à ajouter les fonctionnalités de votre page. Cliquez simplement sur le Ajouter un élément bouton pour ouvrir un menu contextuel. Il existe de nombreuses options pour ajouter des zones de texte, des titres, des partages sociaux, des images et des galeries, des bascules ou des onglets, des accordéons, des articles récents (qui fonctionnent également avec les types d’articles personnalisés de votre thème en plus des articles de blog), des boutons et même widgets de la barre latérale.
De plus, selon le thème WordPress et les plugins compatibles que vous utilisez avec WPBakery Visual Builder, vous verrez plus ou moins d’éléments de page. L’exemple ci-dessus est tiré de notre Thème WordPress Total Drag & Drop, il y a donc 30 autres éléments de création de pages que nous avons créés et stylisés exclusivement pour Total. Cela inclut des séparateurs personnalisés, des boîtes d’icônes, des jalons, des carrousels et plus encore.
Cliquez sur n’importe quel élément pour ouvrir les options de cet élément. Vous trouverez ci-dessous un exemple des « options » pour notre module Icon Box dans le thème Total. Comme vous pouvez le voir, chaque module peut avoir de nombreux paramètres et même plusieurs onglets de paramètres.
Le constructeur prend également en charge quatre plugins tiers impressionnants : Layer Slider, Revolution Slider, Gravity Forms et Contact Form 7. Si vous avez installé l’un de ces plugins, un élément de page apparaîtra automatiquement pour le thème. Lorsque vous choisissez d’insérer un élément de page pour l’un de ces plugins, WPBakery Visual Builder affiche une liste déroulante des curseurs/formulaires respectifs que vous avez créés, ou affiche une zone de saisie pour vous permettre d’ajouter votre ID de curseur. Plus besoin de copier-coller de shortcodes !
Glisser-déposer
À tout moment du processus de conception, vous pouvez faire glisser et déposer n’importe quel élément de ligne ou de page pour les réorganiser. Vous pouvez également dupliquer n’importe quelle ligne ou élément, ce qui rend l’ajout de contenu répétitif rapide et facile (idéal pour les colonnes similaires, les FAQ, les bascules, etc.).
Une fois que vous avez créé un design que vous aimez, vous pouvez l’enregistrer en tant que modèle. Cela s’avère pratique lors de la création d’une mise en page personnalisée ou d’une barre latérale que vous souhaitez réutiliser. Cliquez simplement sur le Modèles , donnez un nom à votre mise en page et appuyez sur Enregistrer. Lorsque vous utilisez votre modèle, il remplira automatiquement votre page avec la mise en page et les éléments que vous avez enregistrés.
Options de ligne : formater, cloner et supprimer des lignes
Il y a trois fonctionnalités ajoutées dans le coin le plus à gauche de chaque ligne qui peuvent être utilisées pour cloner ou dupliquer une ligne entière et tout son contenu, ajouter de nouveaux modules, éditer les colonnes, etc. Survolez simplement n’importe quelle ligne que vous devez éditer pour accéder à ces paramètres :
Encore une fois, selon le thème que vous utilisez, les options de formatage disponibles peuvent être différentes. Alors que certains développeurs de thèmes choisissent de laisser WPBakery Visual Builder tel quel, beaucoup personnalisent le plugin pour l’adapter aux besoins ou au style de leur thème.
Éditeur frontal
Le puissant WPBakery Visual Builder comprend désormais un éditeur frontal, ce qui facilite plus que jamais la création de vos propres pages et mises en page. Le seul inconvénient est que tous les thèmes ne prennent pas encore en charge l’éditeur frontal. Assurez-vous de vérifier la liste des fonctionnalités d’un thème ou de contacter directement le développeur du thème pour voir si l’éditeur frontal Visual Composer est compatible avec votre thème WordPress. Notre Le thème Total WordPress est 100% compatible avec l’éditeur frontal Donc, si votre thème actuel ne l’est pas, vous pouvez envisager de « mettre à niveau » vers notre thème.
Rallonges
La dernière fonctionnalité que j’aimerais aborder est l’extensibilité de WPBakery Visual Builder. Si vous êtes un codeur avancé ou un développeur de thèmes, vous pouvez intégrer vos propres shortcodes dans le plugin. En fait, nous avons ajouté notre propre Symple Shortcodes Premium pour donner aux utilisateurs de Total des éléments de création de page supplémentaires. Cela donne aux utilisateurs encore plus d’options lors de la création de pages !
Si vous n’êtes pas un codeur, consultez CodeCanyon et effectuez une recherche rapide sur WPBakery ou le module complémentaire Visual Composer. Il existe de nombreux plugins premium qui ajoutent des fonctionnalités supplémentaires à WPBakery Visual Builder et même de bons plugins gratuits tels que notre plugin Symple Shortcodes.
Options des paramètres de Visual Composer
Je continue à faire référence à WPBakery en tant que constructeur de pages, mais cela fonctionne également très bien avec les publications et les types de publication personnalisés. Tout ce que vous avez à faire est d’activer l’option. Aller vers Paramètres > WPBakery. Vous devriez voir un écran similaire à celui-ci (remarque : le plugin s’appelait auparavant Visual Composer, donc selon la version que vous utilisez, votre barre latérale peut dire Visual Composer ou WPBakery) :
Le plugin affichera automatiquement les différents types de contenu inclus dans votre thème WordPress. Sélectionnez simplement celui que vous souhaitez utiliser avec le générateur de page WPBakery. L’exemple ci-dessus provient de notre thème Total, c’est pourquoi il y a des options ajoutées pour le portfolio, le personnel et les témoignages (tous les types de messages personnalisés) ainsi que des forums, des sujets, des réponses et des produits (liés aux plugins bbPress et WooCommerce pris en charge par Total) .
Vous pouvez également mapper tous les plugins de shortcode au WPBakery Visual Builder que vous avez déjà installé sur votre site WordPress. Sous la page des paramètres, cliquez sur l’onglet Mes codes courts en haut et cliquez sur le bouton pour mapper le code court. Cela devrait ajouter vos shortcodes tiers à vos éléments de composition. Facile!
Voyez-le en action
Comme je l’ai dit, nous aimons tellement le WPBakery Visual Builder que nous l’avons intégré à notre produit le plus vendu Thème WordPress total (inclus gratuitement avec votre achat). Jetez un œil aux différentes pages de l’une de nos démos en direct pour le thème total. La plupart des pages que vous verrez dans nos démos en direct ont été créées avec WPBakery Visual Builder ! Ajout d’arrière-plans, de titres, de texte, d’images, d’icônes…etc. C’est tout un « morceau de gâteau ».
Guide d’utilisation complet de WPBakery Visual Builder
Si vous possédez déjà le plugin et que vous recherchez un guide sur son utilisation, consultez notre guide d’utilisation complet de WPBakery (anciennement Visual Composer) qui vous guidera pas à pas et vous montrera comment utiliser le plugin.
Où vous pouvez l’obtenir
WPBakery Visual Builder (anciennement Visual Composer) est disponible sur CodeCanyon si vous souhaitez l’obtenir vous-même. Il a également été complètement intégré à notre thème WordPress premium Total (avec deux autres plugins premium pour une valeur totale de 67 $ – ce qui est plus que ce que vous payez pour le thème !).
Obtenir le total OBTENIR LE CONSTRUCTEUR VISUEL WPBAKERY
Faites-nous savoir ce que vous pensez du plugin ci-dessous. Nous sommes vraiment impressionnés par WPBakery Visual Composer, et nous serions ravis d’avoir votre avis à ce sujet !