Comment créer des mises en page WordPress personnalisées avec Beaver Builder

Voulez-vous apprendre à créer des mises en page personnalisées dans WordPress? Beaver Builder vous permet de créer vos propres mises en page sans écrire de code. Dans cet article, nous passerons en revue Beaver Builder et vous montrerons comment créer des mises en page personnalisées dans WordPress avec Beaver Builder..

Pourquoi et quand avez-vous besoin de présentations de page personnalisées?

De nombreux thèmes WordPress premium sont livrés avec des mises en page prêtes à l'emploi pour différentes sections d'un site Web. Cependant, parfois, une mise en page intégrée peut ne pas répondre à vos besoins.

Vous pouvez créer des modèles de page personnalisés dans WordPress en créant un thème enfant, puis en ajoutant vos propres modèles de page. Mais vous aurez besoin de connaissances en PHP, HTML et CSS pour que cela fonctionne..

C’est là que Beaver Builder entre en jeu. Il s’agit d’un plugin de création de page glisser-déposer pour WordPress. Il vous aide à créer vos propres mises en page personnalisées sans écrire de code..

Examen des bâtisseurs de castors

Beaver Builder est très facile à utiliser et convient aux débutants. Dans le même temps, il est chargé avec des fonctionnalités incroyables pour créer des pages d'aspect professionnel.

Il fonctionne avec tous les thèmes WordPress et contient des tonnes de modules que vous pouvez simplement glisser-déposer sur votre page. Vous pouvez créer n’importe quel type de mise en page et le configurer comme vous le souhaitez..

Dans cette revue de Beaver Builder, nous allons vous montrer comment utiliser Beaver Builder pour créer des mises en page personnalisées dans WordPress..

Commençons.

Configuration du plugin Beaver Builder

Vous devez d’abord acheter le plugin Beaver Builder. C'est un plugin payant, à partir de 99 $ pour un nombre illimité de sites.

Ensuite, vous devez installer et activer le plugin Beaver Builder. Pour plus de détails, consultez notre guide étape par étape pour installer un plugin WordPress..

Lors de l'activation, vous devez visiter Paramètres »Page Builder page pour entrer votre clé de licence.

Après avoir entré votre clé de licence, vous êtes maintenant prêt à créer de superbes mises en page..

Création de votre première mise en page personnalisée avec Beaver Builder

Créez simplement une nouvelle page dans WordPress en visitant Pages »Ajouter un nouveau. Vous remarquerez un nouvel onglet Générateur de page dans l'éditeur WordPress..

Cliquez sur l'onglet 'Générateur de pages' pour lancer Beaver Builder..

Si vous utilisez Beaver Builder pour la première fois, vous verrez apparaître une fenêtre de bienvenue vous proposant une visite guidée..

À ce stade, vous pouvez cliquer sur le bouton No Thanks pour ignorer la visite. Depuis, nous allons vous présenter les différentes fonctionnalités de ce guide, vous n’avez donc pas besoin de la visite..

Après cela, vous devez cliquer sur le bouton Modèles bouton dans le menu du haut.

Beaver Builder est livré avec des modèles conçus par des professionnels pour vous aider à démarrer immédiatement.

Ne vous inquiétez pas, vous pouvez personnaliser le modèle autant que vous le souhaitez. C'est juste un moyen rapide de commencer avec une mise en page.

Lorsque vous sélectionnez une mise en page, Beaver Builder la charge dans la fenêtre d’aperçu. Amenez votre souris sur un objet et Beaver Builder le mettra en surbrillance.

Vous pouvez simplement cliquer sur l'icône de la clé sur n'importe quel élément en surbrillance pour le modifier..

Beaver Builder affichera une fenêtre contextuelle avec différents paramètres que vous pouvez modifier. Vous pouvez modifier le texte, la couleur, l’arrière-plan, la police, le remplissage, la marge, etc..

Vous pouvez également simplement cliquer sur un élément de l'aperçu en direct et le faire glisser pour le déplacer sur la page..

Les mises en page de Beaver Builder sont basées sur des lignes. Vous pouvez faire glisser et déposer pour réorganiser les lignes. Vous pouvez également supprimer ou ajouter une nouvelle ligne.

Cliquez simplement sur le Disposition des lignes menu puis sélectionnez le nombre de colonnes que vous voulez dans votre ligne.

Beaver Builder ajoutera la ligne à la prévisualisation en direct sur votre site..

Vous pouvez ajouter des éléments à votre ligne à l'aide des modules et widgets de base ou avancés. Ces modules vous permettent d’ajouter les éléments les plus couramment utilisés tels que des boutons, des en-têtes, du texte, des images, des diaporamas, de l’audio, de la vidéo, etc..

Il suffit de sélectionner un élément et de le faire glisser vers la ligne que vous venez d'ajouter. Cliquez sur un élément pour modifier ses propriétés.

Vous pouvez également enregistrer une ligne ou un module pour les réutiliser ultérieurement sur d'autres pages. Cliquer sur Enregistrer sous bouton lors de l'édition d'une ligne ou d'un module.

Cliquez sur le bouton Terminé lorsque vous avez terminé de modifier votre page. Beaver Builder affichera une fenêtre contextuelle avec des boutons pour publier ou enregistrer votre page en tant que brouillon..

Vous pouvez également réutiliser une mise en page entière pour d'autres pages sur votre site WordPress. Ouvrez simplement la page avec Page Builder, puis cliquez sur le bouton Outils dans la barre du haut..

Beaver Builder va vous montrer un popup. Vous pouvez enregistrer la page en tant que modèle ou créer rapidement une page en double avec le même modèle..

Gestion des modèles de mise en page dans Beaver Builder

Chaque licence Beaver Builder vous autorise à l'utiliser sur un nombre illimité de sites Web. Mais comment déplacer vos modèles de page d'un site WordPress à un autre?

Beaver Builder stocke les modèles créés par l'utilisateur dans un type d'article personnalisé appelé modèles. Il est masqué par défaut, mais vous pouvez le rendre visible en allant à Paramètres »Page Builder et en cliquant sur l'onglet Modèles.

Cochez simplement la case en regard de l'option "Activer l'administrateur de modèles" et cliquez sur le bouton Enregistrer les paramètres du modèle..

Vous remarquerez qu'un nouvel élément de menu intitulé Modèles apparaît dans la barre d'administration de WordPress. Toutes les mises en page que vous enregistrez en tant que modèle apparaissent sur cette page..

Comme il s'agit d'un type de publication personnalisé, vous pouvez facilement exporter vos modèles Beaver Builder à l'aide de la fonctionnalité d'exportation intégrée dans WordPress..

Visite Outils »Export page et sélectionnez Modèles. Cliquez sur le bouton 'Télécharger le fichier d'exportation' et WordPress vous enverra un fichier XML à télécharger..

Connectez-vous maintenant au site WordPress où vous souhaitez importer les modèles. Visite Paramètres »Importer page et cliquez sur WordPress.

Il vous sera demandé de télécharger et d'installer le plugin d'importation WordPress. Après quoi, vous pourrez simplement télécharger votre fichier XML de modèles et l’importer..

C’est tout, nous espérons que cet article vous a aidé à créer des mises en page personnalisées dans WordPress à l’aide de Beaver Builder. Vous voudrez peut-être aussi consulter notre guide sur la façon de masquer les éléments inutiles de l'administrateur WordPress avec Adminimize.

Si vous avez aimé cet article, abonnez-vous à nos tutoriels vidéo sur la chaîne YouTube pour WordPress. Vous pouvez aussi nous trouver sur Twitter et Facebook.