Les constructeurs de pages sont le sujet de conversation de la communauté WordPress depuis un certain temps maintenant. Ces outils sont populaires depuis longtemps, mais avec l’introduction du nouvel éditeur de blocs, beaucoup se sont demandé à quel point ils étaient toujours pertinents.
Bien que l’éditeur de blocs soit une nouvelle fonctionnalité intrigante, cependant, rien ne vaut les plugins de création de pages lorsqu’il s’agit de concevoir des pages et des publications personnalisées. Les Plugin WordPress Beaver Builder est un parfait exemple des avantages offerts par ce type d’outil – à la fois facile à utiliser et étonnamment puissant.
Dans cet article, nous examinerons de près Beaver Builder. Nous discuterons de ses principales fonctionnalités et de ses tarifs, puis vous montrerons comment cela fonctionne en action, afin que vous puissiez décider vous-même s’il s’agit de la bonne solution de création de pages pour votre site Web.
Passons directement à notre nouveau guide amélioré et mis à jour du constructeur de pages WordPress Beaver Build !
Pourquoi vous pourriez avoir besoin d’un constructeur de pages WordPress
À moins que vous ne soyez tout nouveau sur la plate-forme, vous êtes probablement familier avec l’éditeur WordPress classique :
Bien que fonctionnel, il s’agissait toujours d’un système rudimentaire. Presque tout votre contenu a été ajouté à un seul champ, y compris le texte, les médias, etc. La création de mises en page uniques et l’ajout de fonctionnalités intéressantes étaient possibles, mais nécessitaient souvent un savoir-faire en matière de codage et/ou des plugins supplémentaires.
Cependant, récemment, les développeurs WordPress ont sorti une toute nouvelle version de l’éditeur désormais alimenté par Gutenberg :
Ce changement a été long à venir, mais ce n’est pas non plus particulièrement nouveau. L’éditeur de blocs est une version simplifiée d’un constructeur de pages – une solution populaire auprès des utilisateurs de WordPress depuis un certain temps.
Bien que chaque constructeur de pages WordPress soit différent, à un niveau de base, ils sont presque tous basés sur le même concept fondamental. Ils vous fournissent une sélection d’éléments prédéfinis et vous permettent de créer du contenu à partir de ces éléments. L’objectif est de rendre plus facile et plus intuitif la création de contenu avec des mises en page et des fonctionnalités uniques, même si vous n’avez aucune expérience en conception ou en codage.
Cependant, il convient de noter que l’éditeur de blocs est une fonctionnalité très limitée. Il vous permet de concevoir des articles et des pages de manière plus visuelle, mais offre une petite bibliothèque de blocs et peu de prise en charge des mises en page complexes. C’est pourquoi il vaut toujours la peine d’examiner vos autres options de création de pages, telles que le plugin dont nous discuterons dans le reste de cet article.
Notions de base sur le bâtisseur de castor
Beaver Builder est l’un des plugins de création de pages les plus populaires, et pour une bonne raison. C’est simple à prendre en main pour les débutants, mais il est livré avec un large éventail d’options pour jouer. À un niveau fondamental, il s’agit d’un système de glisser-déposer pour créer des articles et des pages, comme n’importe quel autre constructeur de pages. Cependant, il offre également de nombreuses fonctionnalités supplémentaires.
Certaines des fonctionnalités clés de ce plugin incluent :
- Une vaste bibliothèque de « modules » de contenu, allant des options de base (telles que les modules de texte et d’image) à des fonctionnalités plus avancées (appel à l’action, modules de carte et de galerie, etc.).
- Une interface d’édition personnalisée qui vous permet de créer visuellement des pages, des publications et des types de publication personnalisés et de voir vos modifications immédiatement.
- La possibilité de créer des mises en page complexes à plusieurs colonnes et d’ajuster les tailles, l’espacement, etc.
- Des sections et des modèles de page prédéfinis qui vous permettent de démarrer le processus de conception, que vous pouvez modifier selon vos besoins.
- La possibilité de créer et d’enregistrer vos propres modèles pour une utilisation ultérieure.
- Options pour ajouter du HTML personnalisé et vos propres classes CSS, pour les utilisateurs plus avancés.
Bien sûr, toutes ces fonctionnalités ont un coût. Alors qu’il y a un Castor Builder Lite version disponible gratuitement, il ne propose que quelques modules de base, et n’inclut pas de nombreuses fonctionnalités de base tels que les modèles et les options d’importation/exportation. Cependant, la version allégée est utile pour tester ce générateur de pages et voir si vous aimez son fonctionnement.
Si vous envisagez d’utiliser Beaver Builder pour de bon, vous voudrez vous procurer une licence premium pour accéder au package complet. Ceux-ci commencent à 99 $ pour une utilisation sur des sites Web illimités et un an d’assistance :
Cet outil particulier Est-ce que nécessitent un investissement initial. Cependant, le coût initial peut vous faire gagner du temps et un site Web plus efficace à long terme, ce n’est donc pas une mauvaise affaire si cela respecte votre budget.
Comment démarrer avec Beaver Builder
Lorsque vous ne savez pas si vous devez ou non choisir un nouveau plugin pour votre site Web, la meilleure chose à faire est d’apprendre tout ce que vous pouvez à ce sujet. En ce qui concerne les constructeurs de pages, cela inclut à quoi ils ressemblent, comment ils fonctionnent et quelles options ils offrent.
Dans cet esprit, passons en revue ce que c’est que de prendre Beaver Builder et de commencer à l’utiliser pour créer des articles et des pages. Naturellement, cette première chose que vous devrez faire est d’installer et d’activer le plugin.
De plus, vous voudrez activer votre clé de licence si vous avez acheté la version premium (que nous utiliserons dans ce didacticiel). Ensuite, vous pouvez vous mettre directement au travail.
Étape 1 : Accédez à l’éditeur de Beaver Builder
Lorsque vous installez le plugin, vous verrez un nouvel onglet Beaver Builder dans votre tableau de bord. C’est là que votre contenu personnalisé sera enregistré – par exemple, si vous créez vos propres modèles uniques.
Vous pouvez également créer du contenu avec le générateur de page en allant sur Beaver Builder > Ajouter un nouveau. Alternativement, vous pouvez simplement aller à Pages > Ajouter un nouveau (ou l’équivalent pour les publications et les types de publication personnalisés). Vous verrez une nouvelle option :
Cela signifie que vous pouvez soit créer votre contenu dans l’éditeur WordPress par défaut, soit dans le générateur de pages. Frappons le Lancer Beaver Builder bouton:
Comme vous pouvez le voir, vous serez redirigé vers une toute nouvelle interface. Ici, vous pouvez créer du contenu et voir exactement à quoi il ressemblera sur la page.
Étape 2 : sélectionnez un modèle de départ
Il convient de noter que vous n’êtes pas obligé d’utiliser des modèles si vous ne le souhaitez pas. Vous pouvez créer vos pages et vos publications entièrement à partir de zéro, en ajoutant les modules de votre choix. La façon la plus simple d’apprendre est de commencer avec un modèle, cependant, c’est ce que nous allons démontrer ici.
Dans le menu à droite de l’éditeur, sélectionnez le Modèles onglet en haut, et vous verrez beaucoup d’options. Cliquez simplement sur un modèle ou faites-le glisser sur la page, et vous verrez la version complète :
Cela vous fournit une mise en page de départ, ainsi que du texte et des images d’espace réservé. Heureusement, chaque élément ici peut être remplacé et modifié à volonté, vous pouvez donc créer quelque chose d’unique pour votre site Web.
Étape 3 : Modifier les modules individuels
Chaque élément individuel de l’éditeur Beaver Builder est un module autonome. Pour voir ce que nous voulons dire, vous pouvez survoler un texte, une image ou une fonctionnalité sur votre modèle de départ. Vous verrez le module entouré en bleu, et si vous cliquez dessus, vous verrez un nouveau menu :
Il s’agit de la boîte de paramètres pour ce module. Il contient toutes les options de personnalisation pour le contenu sélectionné. Ce qu’il comprend exactement dépendra donc du type de contenu avec lequel vous travaillez.
Par exemple, le photo module vous permet de changer le fichier utilisé et d’ajouter une légende et/ou un lien. Vous pouvez également passer au Style onglet pour modifier l’alignement, la bordure, etc. de l’image :
La plupart des modules comportent également un Avancée onglet, où vous pouvez modifier ses marges, le rendre visible uniquement sur certains types d’appareils, ajouter du code HTML personnalisé, etc. :
Comme vous pouvez le voir, la personnalisation de vos modules Beaver Builder est un jeu d’enfant. Il faudra un peu d’expérience pour se familiariser avec les options offertes par chaque type de module, mais une fois que vous l’aurez fait, vous vous retrouverez à ajouter votre propre contenu en un rien de temps.
Étape 4 : Personnalisez l’organisation et la mise en page de votre contenu
En plus d’apporter des modifications à des modules individuels, vous pouvez également personnaliser votre page dans son ensemble. L’une des façons de le faire est d’ajouter et de supprimer des modules. Pour ajouter un module, sélectionnez-en un dans le menu principal de l’éditeur et faites-le glisser en place sur la page :
D’autre part, vous pouvez supprimer des modules en appuyant sur le bouton X qui apparaît lorsque vous les survolez. Vous pouvez également faire glisser les modules de haut en bas ou d’un côté à l’autre, afin de les réorganiser à volonté.
De plus, vous pouvez modifier la mise en page globale de votre page. Pour voir un exemple de ceci en action, survolez un module et appuyez sur Modifier la colonne > Paramètres de colonne:
Ici, vous pouvez trouver des options concernant tous les modules dans la colonne particulière. Vous pouvez par exemple modifier la couleur de fond et l’espacement de la colonne et même ajouter une bordure.
Passez maintenant la souris sur l’arrière-plan de la page et sélectionnez Paramètres de ligne dans le coin en haut à droite :
Vous verrez un menu similaire, mais cette fois les options s’appliquent à la rangée de modules concernée. Vous pouvez définir la ligne sur une largeur fixe ou pleine largeur, personnaliser les couleurs et effectuer bon nombre des mêmes modifications que celles disponibles avec les colonnes.
Enfin, sélectionnez à nouveau le menu principal de l’éditeur et accédez au Lignes languette:
C’est ici que vous pouvez ajouter de nouvelles lignes et colonnes à votre page, ce qui vous permet de modifier radicalement sa mise en page. De plus, c’est le premier endroit où vous voudrez aller si vous créez une page ou publiez à partir de zéro. Vous pouvez d’abord déterminer la mise en page de votre contenu, puis ajouter des modules où vous le souhaitez.
Étape 5 : développez l’ensemble de fonctionnalités du générateur de page (facultatif)
Il est à noter qu’il existe beaucoup d’autres fonctionnalités et options dans Beaver Builder – nous n’avons fait qu’effleurer la surface ici. Cependant, nous avons parcouru les fonctionnalités clés que vous devez comprendre pour commencer. Après, l’approche pratique est le meilleur moyen d’apprendre les ficelles du métier.
Avant de conclure, cependant, nous devons souligner qu’il existe plusieurs façons de tirer le meilleur parti de ce constructeur de page particulier. D’abord, il y a un fonctionnaire Thème Castor Builder, que vous obtenez gratuitement avec les deux premiers niveaux de licence :
Vous pouvez utiliser Beaver Builder avec le thème de votre choix. Cependant, celui-ci est construit à partir de zéro pour fonctionner aux côtés du constructeur de pages. Il fournit un cadre de base que vous pouvez façonner dans de nombreux types et styles de sites Web.
Il existe également un module complémentaire optionnel, le Beaver Themer :
Avec ce plugin supplémentaire, vous pouvez également utiliser le générateur de pages par glisser-déposer de Beaver Builder sur les en-têtes et pieds de page de votre site, les pages d’archives, les pages 404 et de recherche, etc. Cela vous permet de concevoir la quasi-totalité de votre site Web en utilisant le même système.
À 147 $, il ne convient peut-être pas à tous les budgets, mais c’est un ajout utile pour un site Web que vous avez l’intention de monétiser ou pour les développeurs et les concepteurs travaillant sur plusieurs sites.
Choisir un constructeur de pages pour votre site Web est un engagement important. Changer la façon dont vous créez et concevez du contenu peut entraîner des problèmes de compatibilité, il est donc préférable de commencer avec un outil que vous savez que vous serez heureux d’utiliser à long terme.
Heureusement, Bâtisseur de castor est une option solide pour les débutants et les utilisateurs plus avancés. De plus, il est facile de commencer comme vous l’avez vu ci-dessus.
Avez-vous déjà utilisé Beaver Builder et quelle a été votre expérience ? Partagez avec nous dans la section commentaires ci-dessous!