Conseils pour démarrer avec WPBakery Page Builder
WPBakery Page Builder est le constructeur de pages WordPress le plus populaire qui alimente plus de 2 millions de sites dans le monde et l’un des plugins les plus vendus en 2018. Cet éditeur frontend et backend par glisser-déposer, anciennement connu sous le nom de Visual Composer Page Builder, est livré avec un large éventail de fonctionnalités qui vous aideront à créer la mise en page de votre choix en toute simplicité.
Dans cet article détaillé de WPBakery Page Builder, vous découvrirez :
Avantages et fonctionnalités du plugin WPBakery
Outre le fait qu’il est approuvé par des millions de personnes dans le monde, ce plugin apporte un large éventail d’options professionnelles. L’avantage est que vous pouvez accéder à l’éditeur Frontend ou à l’éditeur Backend en fonction de vos besoins. Cela signifie que vous pouvez choisir votre vue préférée – soit vous pouvez gérer les éléments avec l’éditeur de schémas backend, soit voir vos résultats en direct.
Grande réactivité
Si vous voulez que votre site Web ait fière allure sur n’importe quel type d’appareil ou taille d’écran, WPBakery vous aidera à le gérer facilement. Avec lui, vous aurez un contrôle total sur la réactivité. Cela signifie essentiellement que ce plugin est livré avec tout ce qu’il faut pour créer un site Web réactif. WPBakery Page Builder Responsive Preview est disponible pour des ajustements rapides et pratiques.
Mappeur de codes courts
Dans le cas où vous auriez besoin d’ajouter des shortcodes tiers à votre site Web et que vous ne pouvez pas ou ne voulez pas coder, WPBakery Page Builder propose Shortcode Mapper. C’est ainsi que vous pouvez modifier les paramètres, les valeurs et les descriptions sans effort.
Fonctionne avec n’importe quel thème
Un autre avantage incroyable de l’utilisation de ce plugin est qu’il fonctionne avec n’importe quel thème WordPress. Contrairement aux constructeurs de pages conçus pour des thèmes spécifiques, WPBakery Page Builder fonctionne parfaitement avec chaque type de thème et chaque type de conception.
Prise en charge des types de publication personnalisés
Si vous exploitez un site WordPress, vous savez probablement que vous pouvez créer des types de publication personnalisés. Vous pouvez le faire manuellement ou à l’aide d’un plugin. La bonne chose à propos de WPBakery Page Builder est qu’il fonctionne avec n’importe quel type de publication, même avec ceux personnalisés. De plus, vous pouvez contrôler l’apparence de chaque élément, y compris les bordures, les marges et l’arrière-plan, en quelques clics seulement. Vous pouvez également définir les couleurs à votre guise.
Prise en charge multilingue et WooCommerce
Vous ne pouvez pas imaginer votre entreprise sans une boutique en ligne propulsée par WooCommerce? Aucun problème. Installez d’ abord le plugin WooCommerce, puis gérez les options en fonction de vos besoins. Tous les plugins WooCommerce sont disponibles dans le menu WPBakery Page Builder Element, vous pouvez donc en tirer le meilleur parti. De plus, WPBakery Page Builder est compatible avec le plug-in WPML afin que vous puissiez exécuter un site Web dans la langue de votre choix.
Arrière-plan vidéo et parallaxe
L’effet de parallaxe est un excellent moyen de rendre le contenu de votre site Web plus ludique et amusant. Donc, si vous envisagez de l’ajouter à vos histoires, la bonne nouvelle est que vous pouvez facilement ajouter un arrière-plan de parallaxe aux lignes et aux colonnes de WPBakery Page Builder. Pour un résultat optimal et une apparence de site Web captivante, combinez la vidéo et l’arrière-plan de parallaxe pour créer des mises en page plus avancées. Insérez simplement des vidéos YouTube dans l’arrière-plan de la ligne et surprenez les visiteurs du site Web avec des effets attrayants.
Installation du plug-in WPBakery
Si vous souhaitez utiliser spécifiquement WPBakery Page Builder pour WordPress, la première chose à faire est de l’installer. Bien que le plugin WPBakery ne puisse pas être installé directement via le répertoire des plugins WordPress, cela peut être facilement fait en quelques clics.
En fait, ce processus d’installation fonctionne de la même manière pour tous les plugins premium qui ne s’appuient pas sur les versions de plugin gratuites. Dans ce cas, après avoir acheté le plugin premium souhaité, vous obtiendrez un fichier zip avec tout ce dont vous avez besoin pour une installation réussie et sans stress. Vous n’avez rien à connaître de la structure de zip et de ses éléments – tout ce que vous avez à faire est de l’ajouter à votre site Web WordPress. Suivez ces étapes simples pour installer le plugin WordPress sans effort.
- Dans votre tableau de bord WordPress, cliquez sur Plugins > Ajouter un nouveau.
- Cliquez sur le bouton Télécharger le lien (il est placé dans le coin supérieur gauche).
- Maintenant, choisissez le fichier zip – trouvez-le via le bouton qui vous permet de le localiser sur votre ordinateur (il se trouve dans l’archive que vous avez téléchargée après l’achat).
- Cliquez sur le bouton Installer maintenant.
- Attendez que le plugin soit téléchargé sur votre serveur.
- Enfin, cliquez sur le bouton Activer le plugin pour procéder à l’activation.
Comment activer WPBakery Page Builder
Le plus grand nombre de plugins premium (et de thèmes également) nécessite une sorte d’activation. Cela se fait généralement avec une sorte de code. L’activation garantit que le plugin payant ne sera utilisé qu’une seule fois. Cette étape protège les auteurs et leur travail acharné. Grâce à cette étape, les caractéristiques et fonctionnalités exclusives sont réservées uniquement aux versions payantes du plugin. En d’autres termes, les personnes qui achètent un plugin premium ne peuvent l’utiliser que pour leurs besoins personnels – personne d’autre ne pourra activer le plugin.
Selon l’activation, c’est aussi simple que possible. Après avoir installé le plug-in, accédez au générateur de pages WPBakery déposé sur votre tableau de bord d’administration. Cliquez maintenant sur Paramètres généraux.
Vous trouverez ici le bouton Licence du produit. Après avoir cliqué sur Activer WPBakery Page Builder, vous serez redirigé vers le portail de support WPBakery.
Lorsque vous avez acheté la licence, vous avez également créé votre compte. Il est maintenant temps de vous connecter à ce compte avec les données requises.
Chaque achat via votre compte est documenté. Si vous devez acheter plusieurs licences (lorsque vous devez utiliser ce plugin pour différents sites), chaque licence apparaîtra sur votre compte. Bien sûr, si vous avez besoin d’un constructeur de pages WPBakery pour un seul site, vous n’achèterez la licence qu’une seule fois. Lorsque vous avez acheté plusieurs licences, elles seront répertoriées dans un menu déroulant (illustré dans l’image ci-dessous). Vous ne pouvez activer que les licences qui n’ont pas encore été activées. Pour faire simple: une licence – une activation.
Enfin, cliquez sur Activer pour commencer à utiliser le plugin.
Paramètres de base de WPBakery
WPBakery Page Builder apporte de nombreuses fonctionnalités utiles. La plupart des utilisateurs optent pour ses paramètres automatiques, mais si vous avez des besoins spécifiques, vous pouvez ajuster davantage les fonctionnalités.
Comme nous l’avons déjà mentionné, lorsque vous installez le plugin WPBakery, vous pouvez trouver l’option WPBakery Page builder dans votre tableau de bord d’administration. Ici, vous pouvez trouver différentes options de réglage sous différentes baignoires.
Nous vous recommandons de désactiver l’éditeur Gutenberg avant de commencer à utiliser le constructeur de pages WPBakery. Allez dans Paramètres généraux, recherchez la section Désactiver l’éditeur Gutenberg et marquez Désactiver.
L’éditeur Gutemberg s’active par défaut après la création d’une nouvelle page ou publication dans WordPress. Donc, assurez-vous de désactiver ceci si vous ne voulez pas perdre de temps et changer le type d’éditeur à chaque fois. Lorsque vous désactivez Gutenberg, vous pouvez facilement ajuster d’autres paramètres sans distractions.
Avant tout, rendez-vous dans le gestionnaire de rôles. Ici, vous pouvez configurer les rôles d’utilisateur qui peuvent accéder à vos paramètres WPBakery, ajouter des modèles, etc.
Ensuite, n’oubliez pas d’activer l’éditeur WPBakery pour les publications. Après l’installation, l’éditeur WPBakery est disponible sur vos pages uniquement. Mais vous voudrez probablement l’avoir sur vos publications et vos pages de produits, surtout si vous gérez une boutique en ligne. Accédez au champ Type de publication et cliquez sur Personnalisé. Cela vous permettra d’ activer l’éditeur quand vous le souhaitez.
Comment utiliser WPBakery Page Builder pour WordPress
WPBakery Page Builder est facile à utiliser. Il offre à la fois un éditeur frontal et un éditeur principal. L’éditeur frontal est considéré comme plus intuitif et convivial. Il vous permet de voir instantanément le contenu que vous ajoutez. L’éditeur backend est également simple. Certains utilisateurs pensent même que l’éditeur principal est l’option la plus simple. Choisissez ce qui vous convient le mieux en fonction de vos préférences.
Certains thèmes WordPress premium prenant en charge le constructeur de pages WPBakery peuvent uniquement proposer un éditeur backend ou frontend. La raison en est simple. Leurs auteurs pensent souvent qu’un seul éditeur suffit. Comme ils ont tendance à développer des fonctionnalités spéciales pour ce constructeur de pages, ils peuvent bloquer un certain type d’éditeur (frontend ou backend) directement dans le code.
Maintenant, regardons de plus près cet éditeur WordPress. Grâce à cet éditeur vous pouvez simplement ajouter des éléments WPBakery. Le même principe est utilisé dans le constructeur de pages Gutenberg mais ici vous pouvez ajouter différents blocs Gutenberg.
Si vous préférez un éditeur frontal, vous pouvez ajouter un nouvel élément en cliquant sur un + dans le coin supérieur gauche. Vous pouvez également cliquer sur le bouton Ajouter un élément.
Cependant, si vous optez pour un éditeur backend, l’ajout d’éléments est quasiment identique.
Après avoir cliqué sur l’élément Ajouter, tous les éléments disponibles apparaîtront. Notre conseil est d’ajouter d’abord la ligne. Lorsque vous essayez d’abord d’ajouter un autre élément, la ligne apparaîtra automatiquement et cet élément sera placé à l’intérieur de la ligne. Ce qui est caractéristique du constructeur de pages WPBakery, c’est le principe des lignes. Selon vos besoins, vous pouvez créer la page entière sur une seule ligne ou ajouter des éléments séparés sur différentes lignes. La deuxième approche vous permettra d’ organiser votre page beaucoup plus facilement. C’est pourquoi nous vous conseillons de toujours l’utiliser.
Mais pourquoi avez-vous besoin de placer votre contenu dans des lignes ? La raison en est simple. La ligne traite un certain groupe d’éléments comme une unité entière. Ainsi, si vous devez modifier quelque chose à l’avenir, il sera plus facile de le faire via Rows. Ce qui est également caractéristique pour Row, c’est le fait qu’il dispose de deux ensembles de paramètres – Options générales et de conception. Pour commencer, parcourez ces options pour en savoir plus sur toutes les possibilités qui vous sont offertes. Cela vous aidera à apprendre à ajuster Row pour répondre à vos besoins.
Une autre option importante à laquelle vous devez prêter attention est le nombre de colonnes. Le constructeur de pages WPBakery vous permet de diviser les lignes en colonnes de plusieurs façons.
Après avoir choisi un ordre de colonne spécifique, vous pouvez ajouter des éléments dans chaque colonne séparément.
Pour mieux illustrer cela, examinons cet exemple ci-dessous. Combien de lignes et de colonnes voyez-vous ici ? Quelle est la meilleure façon de créer ce genre de groupe? Voyons voir.
Cet exemple est assez simple. Il est évident que nous n’avons que deux lignes – la première a une colonne avec un élément de texte (titre) et la seconde se compose de trois colonnes (image et deux éléments de texte).
En général, lorsque l’on souhaite maîtriser un certain constructeur WordPress, le mieux est de le tester. Ajoutez simplement différents éléments et voyez le résultat après les avoir ajoutés à la page. Chaque élément a des paramètres spécifiques, le travail pratique est donc le meilleur moyen d’apprendre tout ce que vous souhaitez utiliser. Même si vous faites une erreur, vous pouvez facilement la changer, alors n’ayez pas peur d’expérimenter et de tester.
Un autre élément essentiel que vous ne devriez pas ignorer est un élément Separator.
Cet élément est crucial pour votre conception car il sert à ajuster l’espace entre deux éléments. Ci-dessous, vous pouvez voir la première colonne sans séparateur et les deux autres où le séparateur est utilisé. La différence est évidente.
Modèles WPBakery
Les modèles WPBakery, identiques aux modèles Elementor, nous permettent de créer facilement la page. Après avoir choisi un modèle, vous pouvez modifier son contenu ou supprimer/ajouter des éléments en fonction de vos besoins.
Dans ce champ, vous pouvez trouver tous les modèles disponibles. En outre, vous pouvez utiliser de nombreux modèles différents sur la même page.
Ce qui est également génial, c’est l’option qui vous permet d’ enregistrer vos pages ou vos lignes en tant que modèles. Si vous souhaitez utiliser ces sections plus tard, vous les aurez prêtes en un seul endroit. De plus, si votre page se compose d’éléments qui se répètent, vous n’avez pas besoin de les créer à chaque fois – trouvez-les simplement dans votre bibliothèque de modèles.
Pour enregistrer la page entière (après avoir ajouté le contenu), cliquez sur le champ dans le coin supérieur gauche de l’éditeur, nommez-le et cliquez sur le bouton Enregistrer le modèle.
Tous les modèles enregistrés apparaîtront dans Ma bibliothèque de modèles. Ici, vous pouvez sélectionner le modèle WPBakery que vous souhaitez utiliser ou supprimer celui dont vous n’avez plus besoin.
Si vous souhaitez enregistrer des modèles de ligne, le processus est identique. Chaque modèle que vous enregistrez peut être utilisé ultérieurement et est disponible dans la bibliothèque.
Résumons-le
WPBakery Page Builder est l’un des éditeurs WordPress les plus populaires grâce à sa facilité d’utilisation, ses options puissantes et son interface épurée. Si vous envisagez de l’utiliser, n’ayez pas peur de le tester et d’apprendre par expérience. Cet éditeur est basé sur le principe des Rows et une fois que vous maîtrisez leurs règles, vous pouvez créer n’importe quel élément de site Web. J’espère que notre tutoriel WPBakery Page Builder a été utile. Bonne chance avec la création de votre page !