Qui devrait l'utiliser et pourquoi • WPShout

By | septembre 24, 2019

tuto wordpress

Dans cet article, je passe en revue le thème Beaver Builder, le «thème de structure» officiel des développeurs du plug-in de création de page Beaver Builder.

Commençons par les choses rapides: le verdict général et qui devrait acheter ou non Beaver Builder Pro.

Thème Beaver Builder: Le verdict

Un thème de démarrage WordPress magnifiquement construit

"Et si les gars de Beaver Builder construisaient un thème?" La réponse est Beaver Builder Theme: un thème aussi propre, réfléchi et fiable que celui que nous avons vu dans WordPress.

Contrairement à de nombreux thèmes commerciaux, Beaver Builder Theme n’essaie pas d’avoir «une option pour tout», et ses options peuvent même être trop rares par endroits. Cela peut parfois frustrer les utilisateurs moins expérimentés, mais la focalisation et la simplicité rendent le thème Beaver Builder simple, robuste et constitue un excellent choix pour les utilisateurs et les développeurs expérimentés.

Tableau de révision de Beaver Builder Pro

Vous trouverez ci-dessous une analyse détaillée des forces et des faiblesses du thème Beaver Builder:

Thème Beaver Builder (fourni avec Beaver Builder Pro)
constructeur de castor pro | thème de démarrage wordpress
Convivial? 4.2 -Aussi propre et abordable que les thèmes WordPress deviennent.
-Interface d'options entièrement personnalisable.
-N'a pas un "bouton pour tout", ce qui peut défier les utilisateurs moins techniques.
Riche en fonctionnalités? 4.0 -Est-ce qu'un bon travail de couvrir la plupart des besoins que la plupart des utilisateurs devraient avoir.
-Les utilisateurs moins techniques peuvent se sentir bloqués lorsque les options qu'ils attendent sont manquantes.
-Les options mineures sont parfois présentes à un endroit et absentes à d'autres.
Bien construit? 4.9 -Un modèle d'architecture propre, réfléchie et digne de confiance, des choix de conception aux fichiers de modèle aux interfaces utilisateur.
-Un choix solide pour construire n'importe quel site WordPress.
Fiable? 4.9 -La construction de haute qualité signifie que cela fonctionne exactement comme annoncé.
Global 4,5 – À l’opposé du thème haut de gamme moyen «mal construit, bourré d’options», Beaver Themer est un thème de départ magnifiquement solide qui convient particulièrement aux monteurs et développeurs expérimentés.

A propos de la critique

Salut! Je suis Fred Meyer. Je parle de WordPress presque chaque semaine depuis plus de cinq ans ici sur WPShout. Je suis également co-fondateur de l’agence web boutique Press Up, où mon travail consiste à créer des sites Web WordPress destinés aux personnes, en particulier aux petites entreprises.

Je suis tombé amoureux du plugin Beaver Builder en 2017, pour des raisons que je détaille dans notre article sur Beaver Builder. La version courte est que j'ai trouvé Beaver Builder comme étant le premier constructeur de page WordPress assez bon à utiliser sur des projets clients. J’ai rédigé un long compte rendu des raisons pour lesquelles j’estime qu’il s’agissait du meilleur constructeur de pages WordPress sur le marché, à la fois d’aujourd’hui et à présent.

J’ai toutefois hésité à passer à Beaver Builder Pro, ce que vous devez faire pour obtenir le thème Beaver Builder. J’ai tendance à éviter les frameworks WordPress, y compris les frameworks de thème, parce que je n’aime pas être prisonnier de la façon dont une organisation fonctionne. J'ai finalement mordu la balle et mis à niveau. C’est donc la première fois que j’essaie le thème Beaver Builder et cherche à déterminer s’il vaut la peine de vaincre ma suspicion naturelle de solutions tout-en-un avec plug-in thème.

Cet article utilise des liens d’affiliation pour parler de Beaver Builder, car nous aimons, utilisons, avons construit de nombreux sites personnels et clients avec, et recommandons avec plaisir son produit. Ce message n’a pas été commandé ni modifié par Beaver Builder ni par aucun autre tiers. Il s’agit d’un examen honnête et impartial du niveau Beaver Builder Pro, et plus particulièrement du thème Beaver Builder, basé sur mon expérience personnelle de test du thème.

Qu'est-ce que le thème Beaver Builder?

Beaver Builder Theme est un «thème de structure» officiel des développeurs du plugin Beaver Builder.

Beaver Builder Theme est le thème officiel de Beaver Builder, créé par la même équipe que celle qui a créé le plugin Beaver Builder. Cette équipe souhaite que vous utilisiez les deux outils ensemble comme une approche combinée de la création de sites Web WordPress.

Il est possible de ne pas savoir comment les différentes offres de Beaver Builder s’harmonisent. Par conséquent, gardez à l’esprit les points suivants:

  • Il n’est pas nécessaire d’utiliser le thème Beaver Builder pour utiliser le plugin Beaver Builder: Beaver Builder fonctionnera sur n’importe quel site WordPress.
  • Inversement, vous pouvez utilisez le thème Beaver Builder sans le plugin Beaver Builder. Je ne vois pas pourquoi vous ne voudriez pas le faire, mais le fait est qu’il s’agit de logiciels totalement distincts que vous pouvez utiliser séparément.
  • Pour obtenir le thème Beaver Builder, vous devez passer de «Beaver Builder Standard» à «Beaver Builder Pro», ce qui représente 100 $ supplémentaires et, en fait, 100 $ supplémentaires. par an si vous voulez des mises à jour et un support continus.
  • Le thème Beaver Builder est ne pas identique à Beaver Themer, un plugin qui est une extension du plugin Beaver Builder. L'achat de Beaver Builder Pro ne vous donne pas accès à Beaver Themer non plus – vous devez l'acheter séparément. Cela m'a beaucoup dérouté: je pensais “Beaver Themer” était le thème jusqu’à peu avant la publication de cet article, c’est la raison pour laquelle vous verrez des références accidentelles à «Beaver Themer» dans certaines des captures d’écran ci-dessous.

Comment j'ai testé le thème Beaver Builder

Je me suis fixé un objectif: reproduire les éléments de conception clés d'un site Squarespace que j'ai construit en 2017.

Lorsque j'ai utilisé Squarespace pour la première fois, c'était une révélation: cette est ce à quoi devrait ressembler un générateur de disposition par glisser-déposer. Plus tard, Beaver Builder a surtout rattrapé son retard et je vois donc rarement une bonne raison d’utiliser la plate-forme beaucoup plus limitée de Squarespace.

Cependant, ce qui reste incroyablement bon pour moi à propos de Squarespace, c’est la conception. Je souhaitais donc tester ma capacité à reproduire un site de conception Squarespace dans WordPress à l’aide de Beaver Builder et du thème Beaver Builder. Je pensais aussi que je ferais le site avec mon épouse à l’esprit, au cas où elle commencerait une entreprise de conseil à but non lucratif, alors j’ai changé le sujet du site de mon propre sujet à celui-là.

Voici le résultat: wpshout.com/beaver-themer-test-site. J'ai ajouté quelques pages supplémentaires pour les tester (les pages «Test de modèle» et «Produits»), mais mon objectif était de dupliquer les éléments clés du site Squarespace, en particulier sa page d'accueil.

Test de Beaver Builder Pro: Résultats globaux

Comme vous pouvez le constater, dans l’ensemble, c’était vraiment une mission accomplie. Voici le site Squarespace et le site de démonstration Beaver Builder Theme côte à côte:

Comparaison de Beaver Themer Squarespace

Cliquez pour agrandir ou visitez le site Squarespace

démo thème de constructeur de castor

Cliquez pour agrandir ou visitez le site de démonstration de Beaver Builder Theme

La page d'accueil de Squarespace est plus longue. J'aurais facilement pu dupliquer tous les éléments de la page d'accueil de la démo de Beaver Builder Theme, mais une fois que j'avais fait quelque chose qui posait problème – image de héros, navigation, mises en page, typographie – je ne ressentais pas le besoin de répéter ce travail pour le remplacer. dans le reste.

La compilation totale m’a pris environ quatre heures, sans lire la documentation de Beaver Builder Theme (ce que je n’ai toujours pas). Il est réactif pour les mobiles, fiable et sans bogues, se charge rapidement et constitue à tous égards un excellent remplacement pour le site Squarespace – et, par rapport à un site Squarespace, disposer d’un site WordPress aussi beau tellement mieux en raison de l’architecture beaucoup plus puissante et flexible de WordPress.

Maintenant: quelle part de ce bon résultat a été le plugin Beaver Builder, et combien a été le thème Beaver Builder? Et quel était le thème avec lequel travailler en général? Examinons les avantages et les inconvénients.

Les avantages: Où le thème Beaver Builder excelle

C’était positif dans mon expérience de la mise à niveau vers Beaver Builder Pro et de l’utilisation du thème Beaver Builder.

Un bon thème de démarrage WordPress

Le point principal que je veux dire sur le thème Beaver Builder n’est pas lié à la façon dont il s’intègre au plug-in Beaver Builder, car à quelques petites exceptions près, le thème Beaver Builder et Beaver Builder fonctionnent de manière totalement séparée. C’est principalement ainsi qu’un thème et un plugin devrait être un principe fondamental de WordPress est que vous devriez pouvoir désactiver l’un et garder l’autre; mais pour les personnes qui attendent un ultra-framework magique, tout-parle-tout-tout, j’explique comment le plugin Beaver Builder et thème pourrait décevoir cette attente dans "Cons."

La plus grande force du thème Beaver Builder n’est donc pas: «Comment le thème Beaver Builder s’intègre à Beaver Builder pour rendre tout simple comme par magie.» Il s’agit plutôt de: «Comment le thème Beaver Builder constitue-t-il un excellent choix, d’une solidité sans faille, de WordPress thème ", peu importe ce que vous êtes capable de faire ou non avec Beaver Builder à partir de là.

Au moment où j'ai activé le thème, je me suis senti heureux parce que j'ai vu ceci:

démo thème de constructeur de castor
C’est tellement simple et épuré. Et cela me dit que l’équipe de Beaver Builder a, comme d’habitude, la tête bien droite: elle essaie de fournir quelque chose de propre et de personnalisable – un endroit sain pour commencer – pas trop encombré «Votre WordPRess de rêve en seulement deux clics !!! ”monstruosité.

Les décisions responsables continuent avec des options de thème entièrement basées sur le Customizer:

options de personnalisation de révision de thème de constructeur de castor

J'ai aimé non seulement la facilité et l'intuitivité du choix de l'interface, mais aussi les options de thème elles-mêmes, qui couvraient la plupart (mais pas toutes, voir Inconvénients ci-dessous) de ce que je voulais sans être trop fourrées.

J'ai eu besoin de plonger dans PHP une fois – pour créer un logo blanc sur la page d'accueil et un logo bleu partout ailleurs – et j'ai été très heureux d'apprendre que le thème utilise les crochets de manière appropriée et normale. Cela a rendu le codage très facile:

démo de code de thème de constructeur de castor

Si vous souhaitez programmer dans le thème Beaver Builder, cela vous aidera vraiment à connaître PHP orienté objet, mais il n'y a pas de bêtise «tout est une fonction de thème propriétaire», pas d'abstraction événementielle de style Genesis, ou quoi que ce soit d'autre vous empêcher de travailler avec elle comme vous le feriez dans n'importe quel thème WordPress solidement construit.

le thème Beaver Builder est un bon thème pour construire n'importe quoi quelle que soit votre utilisation du plugin Beaver Builder.

L’essentiel est que le thème Beaver Builder soit un bon thème à développer. n'importe quoi quelle que soit votre utilisation ou non du plugin Beaver Builder. J’ai toujours utilisé les options Comprendre et Autres options gratuites comme thèmes de départ, mais ces options permettent toujours de simplifier les choses. Ils supposent que vous êtes un nouveau-jouets, gulpfile.js genre de développeur, ce que je ne suis pas. Beaver Builder réalise un équilibre parfait: idéal pour les utilisateurs expérimentés, les développeurs expérimentés et pour tous les autres. Je n’aurais pas eu l’idée de dépenser 100 $ sur un thème de démarrage WordPress, mais maintenant que je l’ai, c’est mon thème de choix.

Options de thème qui rendent la vie facile

D'après mon expérience, chacune des fonctionnalités du thème Beaver Builder est ici et facilite la vie. Un bon exemple est le regroupement automatique de Google Fonts, qui signifie un plugin de moins que je dois installer. En fait, les choix de polices d'en-tête et de corps étaient en général un bon équilibre entre «tout ce dont j'avais besoin, rien que je n'ai pas fait»:

De même, j’ai bien aimé pouvoir personnaliser le menu de navigation du site en choisissant parmi quelques bonnes options, définir les couleurs des thèmes, les styles de boutons par défaut, etc.

J'ai particulièrement aimé le panneau "Mise en page", qui vous permet de définir une largeur de contenu principale, de contrôler les points d'arrêt sensibles, etc.

Beaver Builder Pro Review - Options de mise en page de l'examen du thème de Beaver Builder

Ce sont des choses formidables à maîtriser: les types de choix sous-jacents qu’un thème devrait vous permet de contrôler, plutôt que seulement des éléments superficiels autour de la couleur et de la police.

Avantages: résumer

L’histoire complète est que le thème Beaver Builder est un thème très puissant pour le démarrage de WordPress. Cela a très peu à voir avec le constructeur de pages Beaver Builder brancher: le thème est un logiciel entièrement séparé qui n'interagit que très légèrement avec le plugin. Il s’agit simplement de savoir «comment les gars de Beaver Builder construiraient un thème» et d’avoir cette même mentalité réfléchie, nette et fiable. C’est simplement un thème de départ qui apporte une bouffée d’air frais, ni plus ni moins.

Inconvénients: Où le thème Beaver Builder tombe à court

C’est là que le thème du thème Beaver Builder laisse des morceaux à désirer.

Ne vous attendez pas à de nombreuses intégrations strictes et magiques avec le plugin Beaver Builder

Le thème Beaver Builder est vraiment génial: la zone de contenu d’une page s’agrandit automatiquement sur toute la largeur si vous utilisez Beaver Builder sur cette page:

Mais si vous n'utilisez pas Beaver Builder sur la page, sa zone de contenu est automatiquement encadrée:

Pour la plupart, Beaver Builder et le thème Beaver Builder fonctionnent comme des logiciels entièrement séparés.

Ceci est un exemple d'intégration cool et transparente entre Beaver Builder et le thème Beaver Builder. C’est aussi à peu près tout le exemple, j’ai remarqué: à tous les égards que je connaissais, ils fonctionnaient comme des logiciels entièrement séparés.

Le langage promotionnel de Beaver Builder Pro (comme vous l’attendiez) n’explique pas tout cela clairement: par exemple, sa page sur le thème met en évidence tous les modèles Beaver Builder auxquels vous avez accès. Mais ce sont des caractéristiques de la brancher, pas le thème. J'ai testé ces modèles Beaver Builder sur d'autres thèmes et ils fonctionnent également sur tous les thèmes comportant des zones de contenu pleine largeur.

Ce couplage lâche de fonctionnalité est-il vraiment un «inconvénient»? En un sens, pas vraiment: votre thème WordPress devrait être indépendant de votre plugin constructeur de page. Toutefois, Beaver-Builder-plus-Beaver-Themer n’est certainement pas cela.

Au-delà, le thème Beaver Builder semble comporter quelques domaines dans lesquels je attendu s’intégrer à Beaver Builder, et cela n’a pas été le cas. Les palettes de couleurs en sont un exemple: tous les styles basés sur le Customizer du thème ne se chargent pas sur les couleurs prédéfinies de Beaver Builder, ce qui signifie que vous devez regarder en arrière pour aligner les couleurs de votre thème avec les couleurs que vous utilisez dans le plug-in. Le plug-in ne détecte pas non plus les points d'arrêt réactifs du thème. Il est donc possible de les faire obéir à deux ensembles de points d'arrêt, à moins que vous ne modifiiez manuellement les deux ensembles de paramètres, ce qui semble étrange.

Quelques options manquantes

J'ai pu facilement obtenir que le thème Constructeur de castors fasse tout ce que je voulais, mais: Je connais le CSS.

J'ai pu facilement obtenir que le thème Constructeur de castors fasse tout ce que je voulais, mais avec une mise en garde: Je connais le CSS. Mon expérience avec le thème de Beaver Builder était fluide, mais elle l’aurait été moins si je n’avais pas cette formation technique.

La principale raison pour laquelle j’avais besoin d’utiliser CSS était que certaines options de thème qui auraient été utiles n’étaient pas présentes:

  • Comment définir les marges inférieures par défaut pour h1 éléments.
  • Comment définir les marges par défaut pour p éléments.
  • Apprendre à contrôler le l'espacement des lettres propriété des éléments du menu de navigation.
  • Apprendre à contrôler l’espacement des images en vedette sur la page du blog.

Ci-dessous, vous pouvez voir le code CSS que j'ai codé pour chacun de ces besoins.

thème de constructeur de castor css personnalisé

L’absence de certaines de ces options est déconcertante. Par exemple, les contrôles de police du thème pour les éléments d’en-tête (h1s, etc.) et pour le corps de texte principal, vous permettent de définir l'espacement des lettres propriété. C’est donc étrange qu’ils partent l'espacement des lettres désactiver les contrôles de police pour le menu de navigation. Ils ont fait la même chose avec le style de bouton par défaut, qui n'a également aucune option de remplissage – ce n'est certainement pas une erreur que le plugin Beaver Builder ferait (ou ferait).

Et «Paramètres de pied de page» est, très étrangement, absent de tout contrôle de taille de police – comme chaque site Web voudra laisser sa police de pied de page être celle que l'équipe de Beaver Builder ait décidé:

paramètres de pied de page de thème de constructeur de castor

De la même manière, en jouant un peu avec WooCommerce pour le thème Beaver Builder, j'ai remarqué que la page Boutique ne propose qu'une option à quatre colonnes – aucun moyen de contrôler le nombre de colonnes elles-mêmes:

la mise en page du thème Beaver Builder

Cette expérience globale avec le thème Beaver Builder est exactement ce que le plugin Beaver Builder lui-même est: il est extrêmement puissant, mais vous en profiterez au maximum si vous avez juste un peu de connaissances techniques (en particulier CSS) pour couvrir un ou plusieurs interrupteurs manquants. . Cela peut paraître un peu trop épuré: c’est l’un des logiciels les plus propres, les plus solides et les plus fiables que j’ai jamais vu dans WordPress, mais parfois c’est un peu aussi propre, comme ces iPhones sans boutons ou ports de casque. Une approche légèrement plus abondante serait bien.

Le thème Beaver Builder, comme Beaver Builder, sera probablement le plus excitant pour les créateurs WordPress dotés de connaissances techniques.

Inconvénients: résumer

L’essentiel est que le thème de Beaver Builder, comme Beaver Builder, sera probablement extrêmement excitant pour les utilisateurs expérimentés, les développeurs et les développeurs WordPress avec juste un peu de connaissances techniques, et surtout qui sont compétents en CSS. D'autres l'aimeront probablement aussi, mais ils souhaiteront peut-être avoir la possibilité de faire le dernier kilomètre pour quelques petites choses qu'ils veulent faire.

Qui devrait et ne devrait pas acheter Beaver Builder Pro?

Vous devriez acheter Beaver Builder Pro sauf si vous avez déjà un thème de démarrage WordPress que vous aimez.

Tout d’abord, tous ceux qui construisent des sites Web WordPress devraient avoir accès à Beaver Builder Standard (99 USD, avec des mises à jour annuelles de support et de renouvellement de 99 USD). C'est le paquet qui vous donne un accès complet au plugin principal de générateur de page Beaver Builder.

Toutefois, pour accéder au thème Beaver Builder, vous devez passer à Beaver Builder Pro (199 USD, avec des mises à jour annuelles de support et de renouvellement de 199 USD). Qui devrait faire le pas supplémentaire et qui ne devrait pas le faire?

Vous devriez acheter Beaver Builder Pro si…

  • Vous êtes un utilisateur chevronné, un assembleur ou un développeur de WordPress, à la recherche d'un choix solide comme thème de départ pour un ou plusieurs projets Web futurs.
  • Vous envisagez d’utiliser ThemeForest et d’acheter un thème commercial de 40 $ à 70 $. Non! Nous promettons que cela se traduira par un site Web mieux construit.
  • Vous êtes tombé amoureux de l’approche de l’équipe Beaver Builder à l’égard du développement de logiciels WordPress (nous aussi) et vous avez constaté que les tentatives des autres thèmes de démarrage pour simplifier les choses finissaient souvent par les rendre plus compliquées (nous aussi).
  • Vous voulez Beaver Builder pour un multisite WordPress. (C’est l’autre fonctionnalité ajoutée dans Pro, le thème est donc gratuit dans ce cas.)

Vous ne devriez pas acheter Beaver Builder Pro si…

  • Vous avez juste besoin de créer un seul site WordPress simple et que le thème que vous avez déjà convient. Passer Beaver Builder Pro vous fera économiser 100 dollars par an.
  • Vous êtes un développeur WordPress à part entière et vous possédez déjà un thème de démarrage WordPress que vous aimez, tel que _s, Understrap ou bien d’autres.
  • Vous recherchez un thème + plugin étroitement intégré = expérience de tout.
  • De même, n’achetez pas accidentellement Beaver Builder Pro si vous essayez réellement d’obtenir l’extension Beaver Themer: c’est différent.

Thème Beaver Builder: Un bon thème de démarrage WordPress

En résumé: le thème Beaver Builder est ne pas un élément indispensable pour vous permettre de faire un travail formidable avec le plugin de création de page Beaver Builder.

Cependant, c'est quelque chose d'encore plus rare: un thème de départ solide comme du roc qui garde la simplicité pour les utilisateurs, assembleurs et développeurs WordPress intermédiaires et avancés, plutôt que de les rendre si simples, ils sont en réalité compliqués, à moins que vous ne le fassiez. re-a-hypernerd. Si cela vous convient, essayez Beaver Builder Pro.

Un thème de démarrage WordPress magnifiquement construit

"Et si les gars de Beaver Builder construisaient un thème?" La réponse est Beaver Builder Theme: un thème aussi propre, réfléchi et fiable que celui que nous avons vu dans WordPress.

Contrairement à de nombreux thèmes commerciaux, Beaver Builder Theme n’essaie pas d’avoir «une option pour tout», et ses options peuvent même être trop rares par endroits. Cela peut parfois frustrer les utilisateurs moins expérimentés, mais la focalisation et la simplicité rendent le thème Beaver Builder simple, robuste et constitue un excellent choix pour les utilisateurs et les développeurs expérimentés.