A avec Gutenberg Étape 1: créer une nouvelle page Étape 2: ajouter un bloc Étape 3: utiliser le modèle de démarrage comment construire une page avec Beaver Builder Étape 1: créer une nouvelle page Étape 2: démarrer Beaver Builder Étape 3: utiliser le modèle de démarrage Gutenberg est le meilleur Les constructeurs de Castors sont parfaits pour Gutenberg vs Beaver Builder: Quelle est la décision Gutenberg? Gutenberg, aussi connu sous le nom de Block Editor, est l’éditeur de contenu par défaut de WordPress, version 5.0, lancée le 6 décembre 2018.
Par défaut, il apparaît avec tous les sites WordPress, comme indiqué ci dessous. En quoi le nouvel éditeur Gutenberg diffère t il des anciens éditeurs WordPress classiques? La plus grande différence réside dans la nouvelle méthode de création de pages par blocs. Avec Gutenberg, pouvez ajouter un seul élément à la page en tant que bloc, au lieu drsquoajouter tout au bloc dans lrsquoéditeur classique. Voulez ajouter un titre? Ajouter un bloc de titre. Voulez ajouter une image? Ajouter un bloc drsquoimage. Voulez ajouter du texte? Ajouter un bloc de texte. Tu as eu cette idée!
En plus des blocs, pouvez utiliser des modèles de blocs prêts à lemploi. Avez remarqué ces dessins à côté de votre quartier? Bien que lrsquoéditeur de page Gutenberg par défaut soit livré avec un grand nombre de blocs, pouvez parfois avoir besoin de plus de blocs, en particulier pour les modèles de blocs. Pour ce faire, devrez peut être envisager drsquoinstaller notre plug in ultime pour Gutenberg. Avec un grand nombre de blocs et de modèles, pouvez créer des sites étonnants en quelques minutes. Au mieux, crsquoest gratuit! Qursquoest ce que Beaver Builder? Beaver Builder est un générateur de page glisser déposer. Comme drsquoautres constructeurs de pages sur le marché, Beaver Builder permet de
Les utilisateurs de page offrent les avantages que lrsquoéditeur de bloc perd actuellement. Maintenant.
Lorsque créez une page en utilisant page Builder, pouvez voir exactement à quoi elle ressemble pour les visiteurs du site. Page Builder a plus drsquoune courbe drsquoapprentissage. Et pouvez ajouter un traitement supplémentaire pour ralentir votre site, mais drsquoautres façons est un excellent choix pour créer un site. Enfin, il y a lieu de réfléchir. Que se passe t il si le développeur derrière le constructeur de page cesse de le soutenir? Qursquoest il arrivé à votre site? Vous pouvez utiliser lrsquoéditeur Gutenberg par défaut pour traiter ces pages, mais cela ne perturbe t il pas votre mise en page et votre conception? Est il logique drsquoutiliser lrsquoéditeur par défaut à partir du premier jour?
Crsquoest vraiment quelque chose à penser! Concepteurs de pages Web et lrsquoavenir de la conception de pages Web avant de discuter des détails, répondons à quelques questions fréquemment posées. Le Web Builder est il lrsquoavenir du Web Design? Gutenberg deviendra t il lrsquoavenir du Web Design? Gutenberg remplacera t il le générateur de page? La réponse simple est que les deux vivront heureux pour toujours! Nous expliquerons pourquoi. Dans sa forme actuelle, lrsquoéditeur de bloc Gutenberg ne peut pas remplacer le générateur de page. Page Builder offre des fonctionnalités plus puissantes qui permettent de créer des sites étonnants relativement facilement.
Gutenberg a encore quelques retards à rattraper. Cependant, si regardez la Feuille de route de Gutenberg, verrez que WordPress va certainement améliorer l’éditeur de bloc pour le rendre plus puissant. Pour lrsquoinstant, cependant, Gutenberg et page Builder sont différents et peuvent être utilisés à des fins spécifiques. Gutenberg rend la création de contenu plus facile à gérer, tandis que le générateur de page rend la conception de page plus facile. Comparaison entre Gutenberg et Beaver Builder il est temps de comparer Gutenberg et Beaver Builder page Builder. Comparaison
On va trouver leur situation. Gutenberg vs Beaver Builder: la capacité drsquoabord, commençons par la base absolue. Gutenberg et Beaver Builder se sont engagés à aider à créer, modifier et gérer vos pages Web. Bien que le nouvel éditeur de blocs Gutenberg fasse beaucoup mieux que lrsquoéditeur classique, Beaver Builder est le gagnant lors de la création de mises en page complexes. Que travailliez sur une zone de contenu complète ou que ajoutiez des effets de fond, Beaver Builder et la plupart des constructeurs de page rendent cela simple. Avec Beaver Builder, pouvez modifier la largeur des lignes et des colonnes en entrant des valeurs ou en ajustant les valeurs au besoin. Avec Gutenberg, perdez cette flexibilité. Page Builder offre plus drsquooptions lors de la création drsquoune page. Drsquoautre part, Gutenberg peut aider à créer du contenu optimisé et est idéal pour bloguer. Gutenberg vs. Beaver Builder: facilité drsquoutilisation le nouvel éditeur de blocs Gutenberg a une approche modulaire pour créer des pages. Il suffit drsquoajouter un bloc et de le personnaliser avec les paramètres du bloc. Tous les changements sont effectués à partir du tableau de bord WordPress. Drsquoautre part, Beaver Builder fournit une interface unique pour son générateur frontal. La plupart des travaux sont effectués à partir de la barre latérale à droite. Les options de la barre latérale ne srsquoaffichent que lorsque cliquez sur un bouton dans la barre supérieure. Vous voulez savoir comment créer une page en utilisant Gutenberg et Beaver Builder page Builder? Nous en discuterons plus loin dans cet article. Gutenberg vs. Beaver Builder: caractéristiques clés examinons quelques unes des caractéristiques clés de Gutenberg et Beaver Builder page Builder. Caractéristiques du Gutenberg 1. Les blocs de construction font partie intégrante du nouvel éditeur Gutenberg. Tout élément que souhaitez ajouter a un bloc
cherchez des plugins pour aider à créer de grands sites Web, consultez notre plugin Beaver Builder Ultimate. Nous avons le compte à rebours, la boîte de retournement, le Carrousel drsquoimage, la barre de progression, lrsquoévaluation des étoiles, le résumé et drsquoautres modules! Gutenberg et Beaver Builder: les principales différences qui suivent sont quelques unes des principales différences entre Gutenberg et Beaver Builder. Glisser déposer Gutenberg nrsquoest pas un générateur de page glisser déposer typique. Du moins pas quand on a écrit ça. Bien que puissiez ajouter des blocs et les déplacer vers le haut et vers le bas, il peut être difficile de créer des mises en page complexes en utilisant lrsquoéditeur de blocs. Beaver Builder, par contre, est un générateur de page glisser déposer typique. Sélectionnez les blocs ou widgets que avez sélectionnés, faites les glisser et déposer facilement, créez des mises en page complexes et faites plus avec le constructeur de page. Lrsquoéditeur de blocs et widgets Gutenberg Block fournit un nombre considérable de blocs. Décrit les blocs les plus couramment utilisés pour créer un site Web. Vous pouvez également enregistrer et réutiliser des blocs dans drsquoautres pages. Beaver Builder contient plus de blocs, widgets et modules. Bien que la version avancée contienne plus de contenu, la version Lite de page Builder contient également plus de blocs et de widgets que lrsquoéditeur Gutenberg. Voulez enregistrer des blocs, des lignes ou des modèles entiers pour une réutilisation ultérieure? Il est tout à fait possible drsquoutiliser ce constructeur de page. Bien que nous discutions du thème des blocs, si voulez ajouter des blocs cool dans lrsquoéditeur de blocs, envisagez de le dernier plug in de Gutenberg (UAG). Avec plus de 25 blocs, serez en mesure de créer facilement des sites étonnants. Le meilleur, crsquoest que les UAG sont gratuits! Formatage chaque bloc que ajoutez dans l’éditeur de blocs WordPress a sa propre Option d
Formatage. Cependant, conviendrez que les options sont limitées. voulez ajouter drsquoautres styles et formats, devez ajouter un CSS personnalisé. Beaver Builder a plus drsquooptions de style. Vous pouvez faire plus avec cet outil, de la hauteur de ligne et de lrsquoespacement des caractères à lrsquoutilisation de rampes, drsquoicônes de caractères et de couleurs de fond de bloc drsquoédition. Mise en page la mise en page créée à lrsquoaide du bloc Gutenberg est très simple. Ils permettent de créer des mises en page simples et efficaces avec des colonnes, des tableaux et des options de pleine largeur. De même, pourriez être limité dans la création de mises en page plus complexes. Beaver Builder offre une flexibilité supplémentaire. En plus drsquoajouter du contenu au besoin, pouvez modifier la mise en page pour lrsquoadapter à votre conception. Voulez ajouter du texte qui chevauche un élément particulier? Voulez plus drsquooptions de conception pour vos widgets et blocs? Tout cela, et plus encore, est possible avec Beaver Builder. Le constructeur de page permet également drsquoécraser les styles de thème. De cette façon, pouvez créer votre propre mise en page personnalisée tant que savez ce que faites. Gutenberg vs Beaver Builder: expérience drsquoédition en temps réel Gutenberg nrsquooffre pas le même niveau drsquoexpérience drsquoédition en temps réel que Beaver Builder. Bien que Gutenberg fasse beaucoup mieux que lrsquoéditeur classique, il est loin de lrsquoexpérience drsquoédition en temps réel que le constructeur de page offre. Lorsque créez ou modifiez une page (ou un message) en utilisant lrsquoéditeur de bloc, ne pouvez pas voir à quoi ressemble la page réelle. Lrsquoéditeur Gutenberg fait de son mieux pour afficher lrsquoapparence du contenu lorsque le prévisualisez. Pour voir à quoi il ressemble exactement, devez prévisualiser ou publier la page. Lorsque créez ou modifiez une page en utilisant Beaver Builder, obtenez un aperçu précis de la page
Oui. Crsquoest comme éditer un site en direct et voir à quoi il ressemble avant de le publier. Gutenberg vs. Beaver Builder: la capacité de réponse le trafic mobile augmente. Le rapport indique que le trafic mobile mondial représentait 54,8% au premier trimestre de 2021. Les sites Web autorisés par Google répondent rapidement et offrent une bonne expérience utilisateur aux utilisateurs mobiles. Tout cela montre clairement que devez assurer que votre site Web est optimisé pour les appareils mobiles. Le générateur de page fonctionne beaucoup mieux que Gutenberg lors de la création de sites Web réactifs pour les appareils mobiles. Cela a beaucoup à voir avec lrsquoédition en temps réel dont nous venons de parler. Avec Beaver Builder, pouvez facilement passer drsquoune taille drsquoécran à une autre et modifier votre site Web pour qursquoil srsquoadapte parfaitement à tous les appareils. Voulez ajouter un espacement de texte ou de ligne supplémentaire? Voulez réduire la taille du texte sur votre appareil mobile? Voulez afficher les éléments uniquement sur votre bureau et les cacher sur votre appareil mobile? Tout cela peut être réalisé par Beaver Builder. Dans sa forme actuelle, la réalisation de cet objectif avec Gutenberg pourrait être un défi, la plupart des réponses venant des thèmes WordPress que utilisez. Crsquoest pourquoi nous préférons les constructeurs de pages lors de la création de sites Web réactifs. Sauf si utilisez ASTRA, il est réactif en dehors de la boîte! Gutenberg vs. Beaver Builder: fonctionnalités avancées Beaver Builder fonctionne mieux avec des fonctionnalités avancées. Même si utilisez la version Lite de Beaver Builder, avez encore plus drsquooptions que la version actuelle de lrsquoéditeur de bloc. Prenons par exemple lrsquoeffet de fond. Voici un exemple drsquoapplication drsquoun bord biseauté aux bords supérieurs et inférieurs en utilisant Beaver Builder. Voici un autre exemple drsquoonde haute
Également disponible pour les magasins en ligne créés avec woocommerce. Gutenberg vs. Beaver Builders: le prix est lrsquoune des différences significatives entre les deux. Gutenberg est livré avec wordpress, entièrement gratuit. La plupart des constructeurs de pages offrent une version compacte, qui est également gratuite. Cependant, découvrirez bientôt que les meilleures fonctionnalités et fonctionnalités sont à la base du calendrier de paiement. Ce nrsquoest pas bon marché. Le programme standard de Beaver Builder pour la première année est de 99 $, tandis que le programme de lrsquoAgence coûte jusqursquoà 399 $par année. Bien qursquoil y ait un rabais de 40% sur les renouvellements, il srsquoagit drsquoun coût annuel continu que devez tenir compte. ne renouvelez pas votre licence, risquez de perdre ces mises à jour critiques et, dans certains cas, de causer des dommages au site! Comment construire une page en utilisant Gutenberg dans cette section, nous allons utiliser lrsquoéditeur de blocs Gutenberg pour créer une page simple à partir de zéro. Supposons que ayez installé le thème ASTRA et le plugin ultime de Gutenberg dans votre installation WordPress. Étape 1: créer une nouvelle page nous permet de créer une page simple sur nous. Les éléments typiques de la page drsquoinformation comprennent lrsquoimage principale du héros, quelques mots sur nous, des instantanés de vos services, des équipes, des références et peut être des invitations à lrsquoaction. Allez à la page gt Ajouter un nouveau contenu. Nous appellerons notre page
Par exemple, si ajoutez une section FAQ ou une section recommandée à une page Web, pouvez sélectionner un bloc par défaut parmi les catégories mentionnées à gauche. Dans notre exemple, sélectionnez une catégorie drsquoinformation et continuez à ajouter des modèles de blocs tels que lrsquoéquipe, les recommandations, les services, les produits, les exigences drsquoaction, etc. Le modèle de bloc est similaire au bloc que avez ajouté plus tôt. Pour une fois, il contient une série de blocs dans un scénario. Importez votre modèle préféré, créez votre propre page, puis cliquez sur publier. Créer une page avec Gutenberg est très simple! Comment construire une page en utilisant Beaver Builder ensuite, comment créer une page en utilisant Beaver Builder. Supposons que ayez installé Beaver Builder. souhaitez utiliser notre modèle Beaver Builder conçu professionnellement et commencer à concevoir votre site Web maintenant, pouvez également installer notre modèle de démarrage. Étape 1: créer une nouvelle page aller à la page gt Ajouter une nouvelle page. Et nommez votre page. Étape 2: démarrer Beaver Builder, puis cliquez sur Démarrer Beaver Builder. Lrsquoéditeur de visualisation Beaver Builder ouvre votre page. Vous remarquerez qursquoil y a une liste drsquooptions sur le côté droit de la page. Cela comprend les modules, les lignes et les modèles. Cette fonctionnalité permet drsquoajouter nrsquoimporte quel formulaire désiré à la page. Par exemple, si voulez ajouter une image, faites glisser et déposez le formulaire photo. Sélectionnez ensuite lrsquoimage et ajoutez la à la page. De même, pouvez ajouter nrsquoimporte quel élément désiré. Pour ajouter une ligne contenant des colonnes, cliquez sur lignes et aurez de nombreuses options à choisir. Après avoir ajouté une combinaison de lignes et de colonnes, continuez et incluez le formulaire nécessaire pour créer la page. Voulez commencer à concevoir des pages avec des modèles conçus professionnellement maintenant? Cliquez sur modèle. Vous pouvez sélectionner un modèle
Basé sur le type de page à créer, puis modifiez au besoin. Lorsque avez terminé drsquoéditer et de créer la page, cliquez sur terminer en haut. Étape 3: utilisez les modèles de démarrage comme nous lrsquoavons fait lors de la création de pages avec Gutenberg, avez des modèles prêts à lemploi ou pouvez les utiliser avec Beaver Builder page Builder. Cliquez sur démarrer le modèle pour commencer. Sélectionnez ensuite un modèle conçu professionnellement. Importez toute du site ou sélectionnez une seule page que . Pour modifier nrsquoimporte quel formulaire, il suffit de cliquer dessus et la fenêtre de configuration srsquoouvre. Faites vos modifications et cliquez sur enregistrer. Lorsque avez terminé tous les changements, cliquez sur terminer et publier la page. Crsquoest simple, non? Maintenant que nous avons créé une page avec Gutenberg et Beaver Builder, il est temps de décider laquelle convient le mieux. En attendant, il y a de bonnes nouvelles. Vous pouvez choisir les deux! Grâce à une intégration facile entre page Builder et Gutenberg, pouvez décider quand utiliser Block Editor ou votre page Builder préféré. Gutenberg est parfait pour Gutenberg est une bonne solution si: Voulez créer des messages chargés rapidement avec une mise en page simple? Voulez créer du contenu qui fusionne avec des thèmes? Voulez utiliser un éditeur de page plus facile à apprendre? Beaver Builder est il le mieux adapté pour créer des messages chargés rapidement? souhaitez créer des mises en page complexes qui semblent étonnantes, voulez plus drsquooptions de conception pour façonner votre page, voulez plus de contrôle pour créer des mises en page réactives, voulez plus de contrôle pour personnaliser les différents éléments de la page Gutenberg contre Beaver Builders: le verdict de cette bataille éternelle Gutenberg vs Beaver Builder, il est clair que ni lrsquoun ni lrsquoautre ne remplacera lrsquoautre. Sous forme drsquoAttu
Ale, Gutenberg ne offre pas la flexibilité offerte par le constructeur de page. Qursquoil srsquoagisse de créer des pages incroyables, drsquoobtenir des vues parfaitement réactives ou drsquoajouter des éléments de conception incroyables aux lignes et aux colonnes, le constructeur de page apporte plus de contenu aux tableaux. Crsquoest à dire que le nouvel éditeur de blocs de Gutenberg est une amélioration significative par rapport à lrsquoéditeur classique. Lrsquoajout de blocs et la modification facile des paramètres de blocs constituent une amélioration notable par rapport aux années précédentes. Avec son code mince, Gutenberg crée des pages et des messages qui sont chargés plus rapidement que Beaver Builder. Cependant, Gutenberg ne peut pas rivaliser avec le constructeur de page lors de la création de pages et de mises en page plus avancées. Du moins pour lrsquoinstant. Pour ce faire, il est préférable drsquoutiliser votre générateur de page préféré, comme elementor, Beaver Builder, brizy, etc. Nous espérons que cet article aidera à décider de la voie à suivre. Crsquoest un éditeur de bloc Gutenberg ou un générateur de page? utilisez lrsquoun ou les deux, veuillez nous en informer dans vos commentaires.
Gutenberg vs. Beaver Builder: aide à décider lequel est le meilleur guide complet
