Guide et révision du plugin WordPress Beaver Builder

Guide et révision du plugin WordPress Beaver Builder

Les constructeurs de pages sont le sujet de discussion 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é dans quelle mesure ils étaient toujours pertinents..


Bien que l’éditeur de blocs soit une nouvelle fonctionnalité intrigante, rien ne vaut les plugins de création de page lorsqu’il s’agit de concevoir des pages et des publications personnalisées. le Plugin WordPress pour Beaver Builder est un parfait exemple des avantages qu’offre ce type d’outil – à la fois facile à utiliser et étonnamment puissant.

Dans cet article, nous allons examiner de près Beaver Builder. Nous discuterons de ses principales fonctionnalités et de son prix, puis vous montrerons comment cela fonctionne en action, afin que vous puissiez décider par vous-même s’il s’agit de la bonne solution de création de page pour votre site Web.

Passons directement à notre nouveau guide amélioré du générateur de pages Beaver Build WordPress!

Pourquoi vous pourriez avoir besoin d’un constructeur de page WordPress

À moins que vous ne soyez nouveau sur la plateforme, vous connaissez probablement l’éditeur WordPress classique:

L'éditeur WordPress classique

Bien que fonctionnel, il s’agissait toujours d’un système sans système d’exploitation. 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.

Récemment cependant, les développeurs de WordPress ont sorti une toute nouvelle version de l’éditeur désormais propulsé par Gutenberg:

Éditeur WordPress Gutenberg

Ce changement a été long à venir, mais il n’a rien de particulièrement nouveau. L’éditeur de blocs est une version simplifiée d’un constructeur de page – une solution qui est populaire auprès des utilisateurs de WordPress depuis un certain temps.

Bien que chaque constructeur de page WordPress soit différent, au 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 de conception ou de 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 d’une manière plus visuelle, mais offre une petite bibliothèque de blocs et peu de support pour des mises en page complexes. C’est pourquoi il vaut toujours la peine d’examiner vos autres options de création de page, telles que le plugin dont nous parlerons dans le reste de ce post.

Les bases de Beaver Builder

Beaver Builder pour WordPress

Info et téléchargementVoir la démo

Beaver Builder est l’un des plugins de création de pages les plus populaires, et pour une bonne raison. Il est simple à comprendre pour les débutants, mais il propose 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 publications et des pages, comme tout autre constructeur de page. Cependant, il offre également de nombreuses fonctionnalités supplémentaires.

Certaines des fonctionnalités clés de ce plugin incluent:

  • Une grande bibliothèque de «modules» de contenu, allant des options de base (comme les modules de texte et d’image) aux 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 immédiatement vos modifications.
  • La possibilité de créer des dispositions multi-colonnes complexes et d’ajuster les tailles, l’espacement, etc..
  • Sections et modèles de page prédéfinis qui vous permettent de démarrer le processus de conception, que vous pouvez modifier si nécessaire.
  • 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. S’il existe un Beaver Builder Lite version gratuite, elle ne propose que quelques modules de base et ne comprend pas de nombreuses fonctionnalités de base tels que les modèles et les options d’importation / exportation. Cependant, la version lite est utile pour donner à ce générateur de pages un test et voir si vous aimez comment cela fonctionne..

Si vous prévoyez d’utiliser Beaver Builder pour de bon, vous voudrez acheter une licence premium pour avoir accès au package complet. Ceux-ci commencent à 99 $ pour une utilisation sur des sites Web illimités et un an de support:

Prix ​​Beaver Builder

Cet outil particulier Est-ce que nécessitent un investissement initial. Le coût initial peut être rentable en temps gagné et un site Web plus efficace à long terme, cependant, ce n’est pas une mauvaise affaire si cela correspond à votre budget.

Comment démarrer avec Beaver Builder

Lorsque vous êtes sur le point de choisir ou non 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, découvrons à quoi ressemble la prise de Beaver Builder et commençons à l’utiliser pour créer des publications et des pages. Naturellement, la première chose à faire est d’installer et d’activer le plugin.

De plus, vous souhaiterez activer votre clé de licence si vous avez acheté la version premium (que nous utiliserons dans ce didacticiel). Ensuite, vous pouvez vous mettre au travail.

Étape 1: accéder à l’éditeur Beaver Builder

Lorsque vous installez le plug-in, 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 accédant à 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:

Lancement de Beaver Builder

Cela signifie que vous pouvez soit créer votre contenu dans l’éditeur WordPress par défaut, soit dans le générateur de page. Frappons le Lancez Beaver Builder bouton:

Éditeur de pages Beaver Builder

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’avez pas à utiliser de modèles si vous ne le souhaitez pas. Vous pouvez créer vos pages et publications entièrement à partir de zéro, en ajoutant les modules que vous aimez. La façon la plus simple d’apprendre est de commencer par un modèle, cependant, ce que nous allons démontrer ici.

Dans le menu sur le côté droit de l’éditeur, sélectionnez le Modèles onglet en haut, et vous verrez de nombreuses options. Cliquez simplement sur un modèle ou faites-le glisser sur la page, et vous verrez la version complète:

Modèles Beaver Builder

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é, afin que vous puissiez créer quelque chose d’unique à votre site Web.

Étape 3: Modifier des 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 morceau de texte, une image ou une fonctionnalité sur votre modèle de départ. Vous verrez le module encadré en bleu, et si vous cliquez dessus, vous verrez un nouveau menu:

Paramètres du module Beaver Builder

Il s’agit de la boîte de paramètres de ce module. Il contient toutes les options de personnalisation pour le contenu sélectionné. Par conséquent, ce qu’il comprend dépendra du type de contenu avec lequel vous travaillez..

Par exemple, le Photo Le module vous permet de changer le fichier utilisé et d’ajouter une légende et / ou un lien. Vous pouvez également passer au Style pour modifier l’alignement, la bordure et plus encore de l’image:

Paramètres de style Beaver Builder

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.:

Paramètres avancés de Beaver Builder

Comme vous pouvez le voir, la personnalisation de vos modules Beaver Builder est un jeu d’enfant. Il vous faudra un peu d’expérience pour vous familiariser avec les options offertes par chaque type de module, mais une fois que vous l’avez fait, vous vous retrouverez à ajouter votre propre contenu en un rien de temps.

Étape 4: personnaliser 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 procéder consiste à ajouter et supprimer des modules. Pour ajouter un module, sélectionnez-en simplement un dans le menu principal de l’éditeur et faites-le glisser en place sur la page:

Module de formulaire de contact Beaver Builder

D’autre part, vous pouvez supprimer des modules en appuyant sur la touche 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:

Colonnes Beaver Builder

Ici, vous pouvez trouver des options relatives à tous les modules dans la colonne particulière. Vous pouvez modifier la couleur d’arrière-plan et l’espacement de la colonne, par exemple, 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 supérieur droit:

Beaver Builder Rows

Vous verrez un menu similaire, mais cette fois, les options s’appliquent à la ligne de modules appropriée. Vous pouvez définir la ligne sur une largeur fixe ou pleine largeur, personnaliser les couleurs et apporter un grand 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:

Options de la colonne Beaver Builder

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 un article à 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 le jeu de fonctionnalités du générateur de page (facultatif)

Il convient de 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 devrez comprendre pour commencer. Après, l’approche pratique est la meilleure façon d’apprendre les cordes.

Avant de conclure, cependant, nous devons souligner qu’il existe plusieurs façons de tirer le meilleur parti de ce constructeur de page particulier. Tout d’abord, il y a un fonctionnaire Thème Beaver Builder, que vous obtenez gratuitement avec les deux premiers niveaux de licence:

Thème du framework Beaver Builder

Vous pouvez utiliser Beaver Builder avec le thème que vous aimez. Cependant, celui-ci est construit à partir de zéro pour fonctionner aux côtés du générateur de pages. Il fournit un cadre de base que vous pouvez façonner en de nombreux types et styles de sites Web différents..

Il existe également un module complémentaire facultatif, le Beaver Themer:

Beaver Themer Addon

Avec ce plugin supplémentaire, vous pouvez également utiliser le générateur de pages glisser-déposer de Beaver Builder sur les en-têtes et pieds de page de votre site, les pages d’archive, 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 peut ne pas convenir à 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..


Le choix d’un constructeur de page pour votre site Web est un gros engagement. Changer la façon dont vous créez et concevez le contenu en cours de route 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, Beaver Builder 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!

Jeffrey Wilson Administrator
Sorry! The Author has not filled his profile.
follow me
    Like this post? Please share to your friends:
    Adblock
    detector
    map