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 mises en 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 quelques connaissances en PHP, HTML et CSS pour que cela fonctionne.
C’est là qu’intervient Beaver Builder. Il s’agit d’un plugin de création de page par glisser-déposer pour WordPress. Il vous aide à créer vos propres mises en page personnalisées sans écrire de code.
Examen du constructeur de castor
Beaver Builder est très facile à utiliser et convivial pour les débutants. En même temps, il regorge de 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 faire glisser et déposer sur votre page. Vous pouvez créer n’importe quel type de mise en page que vous voulez et le configurer comme vous l’avez imaginé.
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, avec un prix à partir de 99 $ pour des sites illimités.
Ensuite, vous devez installer et activer le plugin Beaver Builder. Pour plus de détails, consultez notre guide étape par étape sur la façon d’installer un plugin WordPress.
Lors de l’activation, vous devez visiter Paramètres » Générateur de pages page pour saisir votre clé de licence.
Après avoir entré votre clé de licence, vous êtes maintenant prêt à créer de belles 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 Page Builder dans l’éditeur WordPress.
Cliquez sur l’onglet ‘Page Builder’ pour lancer Beaver Builder.
Si c’est la première fois que vous utilisez Beaver Builder, vous verrez une fenêtre contextuelle de bienvenue vous proposant une visite guidée.
À ce stade, vous pouvez cliquer sur le bouton Non merci pour sauter la visite. Depuis, nous vous expliquerons différentes fonctionnalités dans ce guide, vous n’avez donc pas besoin de la visite.
Après cela, vous devez cliquer sur le Modèles bouton dans le menu du haut.
Beaver Builder est fourni avec des modèles conçus par des professionnels pour vous permettre de 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 vous lancer dans une mise en page.
Lorsque vous sélectionnez une mise en page, Beaver Builder la chargera dans la fenêtre d’aperçu. Amenez votre souris sur un élément et Beaver Builder le mettra en surbrillance.
Vous pouvez simplement cliquer sur l’icône de 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 dans l’aperçu en direct et le glisser-déposer pour le déplacer sur la page.
Les dispositions 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 Dispositions de lignes menu, puis sélectionnez le nombre de colonnes que vous voulez dans votre ligne.
Beaver Builder ajoutera la ligne à l’aperçu 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 comme des boutons, des titres, du texte, des images, des diaporamas, de l’audio, de la vidéo, etc.
Sélectionnez simplement un élément et faites-le 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 le réutiliser ultérieurement sur d’autres pages. Cliquer sur Enregistrer sous 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 de votre site WordPress. Ouvrez simplement la page avec Page Builder, puis cliquez sur le bouton Outils dans la barre supérieure.
Beaver Builder vous montrera une fenêtre contextuelle. Vous pouvez enregistrer la page en tant que modèle ou créer rapidement une page en double avec la même mise en page.
Gestion des modèles de mise en page dans Beaver Builder
Chaque licence Beaver Builder vous permet de l’utiliser sur un nombre illimité de sites Web. Mais comment déplacer vos modèles de pages d’un site WordPress à un autre ?
Beaver Builder stocke les modèles créés par les utilisateurs dans un type de publication personnalisé appelé modèles. Il est masqué par défaut, mais vous pouvez le rendre visible en allant dans Paramètres » Générateur de pages et en cliquant sur l’onglet Modèles.
Cochez simplement la case à côté de l’option « Activer l’administration des 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îtra dans votre barre d’administration WordPress. Toutes les mises en page que vous enregistrez en tant que modèle apparaîtront 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 fonction d’exportation intégrée dans WordPress.
Visite Outils » Exporter 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 sur lequel 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 pouvez également consulter notre guide sur la façon de masquer les éléments inutiles de l’administrateur WordPress avec Adminimize.