WordPress est génial, et pouvoir personnaliser votre site Web sous 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 voulons vous présenter notre nouveau plugin WordPress de création de pages préféré – le WPBakery Visual Builder.

Obtenez gratuitement WPBakery (anciennement Visual Composer) ! Le plugin WPBakery est inclus gratuitement avec l'achat de notre Thème WordPress total et il comprend de superbes extensions pour le plugin à utiliser avec le thème.

Vous voulez en savoir plus ? Lisez et suivez notre guide WPBakery mis à jour ! Cette présentation plus détaillée vous montre les tenants et les aboutissants de ce constructeur de pages populaire ainsi que des exemples 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 constructeur de page par glisser-déposer à votre thème WordPress. Nous l'avons intégré à notre thème WordPress Total Multipurpose, mais vous pouvez également le voir dans presque tous les nouveaux best-sellers de 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 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 vous permettant de basculer entre le mode classique et le mode constructeur ainsi qu'un bouton pour vous emmener à l'éditeur frontal en direct.

bouton-compositeur-visuel

À 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. Première 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.

total-ajouter-ligne

Éléments de page

total-ajouter-éléments

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 en-têtes, des partages sociaux, des images et des galeries, des bascules ou des onglets, des accordéons, des publications récentes (qui fonctionnent également avec les types de publication personnalisés de votre thème en plus des publications 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 provient de notre Thème WordPress Glisser-déposer total, il y a donc 30 éléments de création de pages supplémentaires que nous avons créés et stylisés exclusivement pour Total. Cela inclut des séparateurs personnalisés, des boîtes à 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” de 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.

icon-box-settings

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 vous permettant d'ajouter votre ID de curseur. Plus besoin de copier-coller de shortcodes !

Glisser-déposer

éditeur-compositeur-visuel

À 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 facilite et accélère l'ajout de contenu répétitif (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 est 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 remplit 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 supplémentaires ajoutées au coin extrême 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, modifier les colonnes, etc. Survolez simplement n'importe quelle ligne que vous devez modifier pour accéder à ces paramètres :

total-visual-composer-row-settings

Encore une fois, selon le thème que vous utilisez, les options de formatage à votre disposition peuvent être différentes. Alors que certains développeurs de thèmes choisissent de laisser WPBakery Visual Builder tel quel, beaucoup personnalisent le plugin en fonction des besoins ou du style de leur thème.

Éditeur frontal

Le puissant WPBakery Visual Builder inclut désormais un éditeur frontal, ce qui facilite plus que jamais la création de vos propres pages et mises en page. La seule mise en garde 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 voudrez peut-être envisager une «mise à 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ème, vous pouvez intégrer vos propres shortcodes dans le plugin. En fait, nous avons ajouté dans notre propre Symple Shortcodes Premium pour donner aux utilisateurs de Total des éléments de construction de page supplémentaires. Cela donne aux utilisateurs encore plus d'options lors de la création de pages !

Si vous n'êtes pas codeur, consultez CodeCanyon et effectuez une recherche rapide sur WPBakery ou Visual Composer Add-on. Il existe de nombreux excellents plugins premium qui ajoutent des fonctionnalités supplémentaires au WPBakery Visual Builder et même de bons plugins gratuits tels que notre plugin Symple Shortcodes.

Options de paramètres de Visual Composer

Je continue de 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 indiquer Visual Composer ou WPBakery):

Paramètres du compositeur visuel

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 constructeur de pages WPBakery. L'exemple ci-dessus provient de notre thème Total, c'est pourquoi il y a des options supplémentaires pour le portfolio, le personnel et les témoignages (tous les types de publication personnalisés) ainsi que les forums, les sujets, la réponse et les produits (liés aux plugins bbPress et WooCommerce pris en charge par Total) .

Vous pouvez également mapper tous les plug-ins de code court sur le 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 codes abrégés tiers à vos éléments de composition. Facile!

Voir en action

Comme je l'ai dit, nous aimons tellement WPBakery Visual Builder que nous l'avons intégré à nos meilleures ventes 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émonstrations en direct ont été créées avec le WPBakery Visual Builder ! Ajout d'arrière-plans, d'en-têtes, de texte, d'images, d'icônes… etc. C'est tout un “morceau de gâteau”.

Nombre total de démos thématiques

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 étape par étape 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 WordPress Theme Total premium (ainsi qu'à 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 OBTENEZ 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 aimerions connaître votre avis !

Laisser un commentaire