Elementor contre Gutenberg

Qui n'aime pas une bonne bataille? Nous pensons qu'en matière de création de sites Web, nous en avons trouvé un assez épique pour vous.

Dans ce coin, nous avons Elementor - le «roi des constructeurs de pages WordPress» autoproclamé (leurs mots, pas les nôtres). Et dans l'autre coin se trouve Gutenberg, le nouvel éditeur préinstallé avec WordPress.

Les deux constructeurs ont leurs forces et leurs faiblesses et il peut être déroutant de déterminer lequel vous convient le mieux. Pour vous aider à comprendre ce que chacun a à offrir, voici une comparaison détaillée d'Elementor et de Gutenberg :

Qu'est-ce qu'Elementor ?

Elementor est un plugin de création de pages par glisser-déposer gratuit et open-source pour WordPress. Il est conçu avec l'idée de faciliter le développement Web pour tout le monde, quelle que soit leur expérience de codage.

Il a été créé par Yoni Luksenberg, qui développait des sites Web depuis plus de 20 ans. Trouvant le processus de conception Web lent et inefficace, il voulait créer quelque chose qui aiderait les gens à créer de beaux sites Web sans avoir besoin d'écrire du code. Elementor a été lancé en mai 2016 et a connu une croissance rapide depuis lors, devenant l'un des plugins WordPress les plus populaires de l'histoire.

Avec Elementor, vous pouvez créer n'importe quel type de site Web : pages de destination, sites de CV/portefeuille en ligne, sites Web d'entreprise, etc., le tout à partir de zéro ou à l'aide de modèles prédéfinis. Vous pouvez également personnaliser les thèmes existants pour obtenir les résultats souhaités - il n'y a aucune limite.

Principales caractéristiques d'Elementor

Vous trouverez ci-dessous les principales caractéristiques de ce constructeur de pages :

• Éditeur glisser-déposer
• Plus de 100 widgets
• Générateur de thème
• Édition globale
• Édition réactive
• Peut créer des effets d'animation d'entrée et de sortie époustouflants et ludiques
• A plus de 90 kits de site Web
• Livré avec plus de 300 modèles déjà créés
• Vous pouvez ajouter des codes CSS personnalisés à votre design
• Il a des constructeurs WooCommerce, popup, formulaire et page de destination
• S'intègre à de nombreux plugins SEO

Pourquoi devriez-vous utiliser Elementor ?

Facile à utiliser : avec Elementor, vous n'avez pas besoin d'apprendre de connaissances en codage pour créer un beau site Web. L'éditeur est basé sur le glisser-déposer et vous permet de concevoir visuellement des pages à l'aide de widgets qui peuvent facilement être glissés et déposés en place.

Vous pouvez également simplement choisir un modèle - il existe des centaines de modèles disponibles via le plugin - personnalisez-les en fonction de vos besoins et passez à la création de nouvelles pages ou publications pour votre site Web !

Conceptions et modèles prédéfinis impressionnants : les éléments sont fournis avec des conceptions et des modèles prédéfinis, ce qui permet de gagner du temps. Ces conceptions sont bien conçues et optimisées pour les conversions, ce qui signifie qu'elles sont conçues en pensant aux actions des utilisateurs !

Les concevoir à partir de zéro prendrait des heures, donc si cette fonctionnalité n'est pas une raison suffisante à elle seule, je ne sais pas quoi d'autre pourrait convaincre quelqu'un du contraire !

Aperçu en temps réel : Elementor dispose d'une fonction d'aperçu en direct qui permet à mes clients de voir les modifications apportées dès qu'elles se produisent au lieu d'attendre que tout soit terminé avant de tout revoir en même temps (ce qui nous fait gagner du temps !). De plus, si quelque chose ne va pas, nous pouvons revenir en arrière sans avoir à recommencer

Qu'est-ce que Gutenberg ?

Gutenberg (alias « le nouvel éditeur de contenu de WordPress ») fait déjà partie de votre vie si vous lisez ceci. Que vous l'ayez utilisé ou non, c'est déjà une grande partie de WordPress.

Le constructeur de page de blocage est l'éditeur par défaut pour tous les sites et articles WordPress créés après sa sortie en 2018 (WordPress 5.0).

Le nom « Gutenberg » fait référence à Johannes Gutenberg, un scientifique qui a inventé la presse à imprimer à caractères mobiles dans les années 1450 et a changé notre façon de communiquer.

Il est préférable de considérer Gutenberg comme le traitement de texte équivalent à MS Word ou Google Docs mais conçu exclusivement pour les sites WordPress - remplaçant l'ancien éditeur classique utilisé depuis 2005.

Principales caractéristiques de Gutenberg

Voici les principales fonctionnalités de cet éditeur de blocs :

• Utilise des blocs pour créer du contenu et des pages
• Aucun codage n'est nécessaire pour créer les blocs
• Conçu avec une technologie moderne pour garantir sa rapidité et sa fiabilité
• Prend en charge les photos de la galerie
• Possède un éditeur d'images qui vous permet de redimensionner, de zoomer, etc. sur l'éditeur

Pourquoi devriez-vous utiliser Gutenberg ?

Pourquoi devriez-vous utiliser Gutenberg ? Eh bien, jetons un coup d'œil aux avantages de le faire.

• Créer des blocs réutilisables : le nouvel éditeur de blocs facilite la création de blocs de contenu réutilisables que vous pouvez utiliser sur plusieurs publications et pages. Cette fonctionnalité vous fera gagner du temps et vous permettra d'assurer un style cohérent sur votre site web. Boîtes d'appel à l'action, tableaux de produits/prix, galeries d'images, etc., sont quelques exemples de blocs réutilisables qui peuvent être créés avec l'interface glisser-déposer de Gutenberg.
• Widgets et outils d'édition avancés : Gutenberg est livré avec de nombreux widgets que l'on peut placer dans des colonnes ou dans d'autres zones de votre conception. Certains incluent Shortcode, Derniers messages, Catégories, Tag Cloud et Archives. Ces widgets permettent aux non-développeurs de placer très facilement du contenu supplémentaire dans la mise en page sans avoir de connaissances techniques ou de compétences en codage.
• S'intègre à n'importe quel plugin et thème tiers : Puisque Gutenberg fait maintenant partie du noyau de WordPress, rien n'empêche les tiers d'ajouter la compatibilité avec leurs plugins et thèmes.

Gutenberg Vs Elementor : ont-ils des caractéristiques communes ?

Oui, les deux constructeurs ont quelques caractéristiques en commun. Voici les 3 premiers :

• Édition individuelle : Elementor et Gutenburg vous permettent d'éditer des blocs individuels (qu'il s'agisse d'un paragraphe, d'une image ou autre). Cette fonctionnalité est importante car elle montre que les deux constructeurs de pages ont pris le temps et les efforts nécessaires pour répondre à ce besoin.
• Dispositions personnalisées : vous pouvez créer des dispositions personnalisées avec Elementor et Gutenburg. En d'autres termes, si vous voulez que votre texte soit à gauche et une image à droite, vous pouvez y arriver facilement !
• Compatible avec les modules complémentaires tiers : Si vous souhaitez étendre les fonctionnalités d'Elementor ou de Guttenberg, de nombreux modules complémentaires compatibles sont disponibles en ligne. Par exemple, si vous recherchez des fonctionnalités de personnalisation dans vos formulaires ou vos galeries avec Gutenburg, essayez Advanced Forms. Si vous voulez plus de contrôle sur l'apparence de vos images avec Elementor, essayez Image Intense.

Elementor contre Gutenburg : quelles sont les différences ?

Elementor et Gutenburg sont deux constructeurs de pages WordPress qui promettent tous deux de simplifier l'expérience de création de sites Web de leurs utilisateurs. Pour ce faire, ils fournissent des éditeurs par glisser-déposer basés sur des blocs qui rendent la conception d'un site à partir de zéro plus facile, plus rapide et plus intuitive que l'utilisation de l'édition HTML classique.

Cependant, Elementor et Gutenburg ont leurs différences. Voici une comparaison de ce que chacun a à offrir :

Coût

Si le coût est un facteur dans votre décision, Gutenberg remporte ce tour, haut la main. Elementor est un plugin premium qui coûte de 49 $ à 999 $ par an, selon le plan que vous choisissez. La version gratuite est sévèrement limitée et n'inclut pas la plupart des éléments que vous voudrez utiliser lors de la création de vos sites, tels que les champs de formulaire, les galeries ou les flip boxes.

Gutenberg est fourni gratuitement avec WordPress 5.0 et au-delà. Si vous avez un site WordPress plus ancien et que vous décidez de passer à la version 5.0 maintenant (ou à l'avenir), Gutenberg vous accompagnera sans frais supplémentaires.

Fonctionnalités

La renommée d'Elementor a toujours été ses fonctionnalités étendues. Il vous permet de faire plus de choses sur votre site Web que ne le fait Gutenberg.

Commençons par l'éditeur visuel. Elementor est beaucoup plus facile à utiliser et est livré avec une tonne de modèles, de sections et de widgets que vous pouvez personnaliser comme vous le souhaitez.

Si vous avez besoin d'une page de commerce électronique, Elementor l'a, alors que Gutenberg ne l'a même pas encore. Vous pouvez également créer des colonnes, des lignes, des en-têtes, des pieds de page et des barres latérales détaillés depuis Elementor.

Convivial

Gutenberg est extrêmement facile à utiliser et l'interface utilisateur (UI) a une conception de mise en page simple.

L'interface utilisateur lors de l'utilisation d'Elementor est encore plus simple. Ils ont créé une belle interface glisser-déposer qui vous permet de créer des pages sur le front-end de votre site Web en quelques clics de souris.

Courbe d'apprentissage

Si vous avez de l'expérience avec les constructeurs de pages, apprendre Gutenberg sera facile. Cependant, si vous êtes un débutant complet, vous devrez peut-être regarder des didacticiels vidéo avant de vous y habituer.

D'un autre côté, si vous ne connaissez rien aux constructeurs de pages et aux sites Web en général, alors Elementor est fait pour vous. Il est livré avec de nombreux modèles prédéfinis que vous pouvez installer et personnaliser à votre guise.

Chaque constructeur a sa courbe d'apprentissage, mais une fois que vous apprenez à les utiliser, ce n'est pas si difficile.

Performance

Il ne fait aucun doute qu'Elementor est l'un des meilleurs constructeurs de pages en termes de fonctionnalités et de personnalisations. Cependant, avec toutes les fonctionnalités dont il dispose, vous pouvez vous attendre à ce que beaucoup de code soit chargé sur votre site. Par conséquent, cela peut avoir un impact sur les performances globales de votre site.

Le constructeur de pages Gutenberg fait partie du noyau de WordPress et se charge donc rapidement par rapport à Elementor, qui contient de nombreux bloatwares. Le temps de chargement des pages joue un rôle important en ce qui concerne les performances SEO et l'expérience utilisateur (UX). Donc, si vous recherchez une vitesse fulgurante et que vous souhaitez vous classer plus haut dans les moteurs de recherche, nous vous recommandons d'utiliser l'éditeur Gutenberg au lieu d'Elementor.

Les pages Gutenberg fonctionnent mieux qu'Elementor lorsqu'elles sont testées avec des outils tels que Google Page Speed ​​Insights ou GTMetrix

Back-end et front-end

Si vous êtes nouveau dans le monde de WordPress, vous ne savez peut-être pas qu'il existe plusieurs façons de modifier le contenu d'un site Web WordPress. Il existe deux types d'éditeurs : les éditeurs backend et frontend (ou live). Le type que vous utilisez dépend de vous et dépend en grande partie de vos préférences et de votre confort avec la technologie.

Gutenberg est un éditeur backend, ce qui signifie que lorsque vous l'utilisez, vous travaillez directement dans le même environnement que les lecteurs de votre site Web verront une fois votre article ou votre page publiée. Si vous souhaitez déplacer un élément ou tester une taille de police différente pour une partie de votre texte, par exemple, aucun de ces changements ne vous sera visible tant que la page n'aura pas été publiée.

Du côté positif cependant, si quelque chose ne va pas lors de la modification d'un article ou d'une page dans Gutenberg (cela arrive), il est plus facile de résoudre ce problème. Oui, tout votre travail d'édition a été effectué dans un environnement familier où vous pouvez cliquer facilement.

Elementor est à la fois un éditeur frontend et backend. Lorsque vous utilisez le générateur de pages sur un article, une page ou un brouillon. Peu importe que vous travailliez en mode backend ou frontend. Vous pouvez effectuer n'importe quel type de changement et d'édition, quel que soit le mode que vous utilisez.

Compatibilité du thème

S'assurer que le plugin que vous choisissez est compatible avec votre thème est crucial ! Après tout, si ce n'est pas le cas, vous ne pourrez pas l'utiliser.

Gutenberg est un éditeur WordPress par défaut et fonctionne avec n'importe quel thème. Cependant, comme cela ne modifie pas les paramètres, les styles ou les couleurs de votre thème, le contenu que vous créez peut ne pas être aussi précis que vous le souhaiteriez. Donc, si vous voulez aller au-delà des limites de Gutenberg, vous avez besoin d'un thème compatible Elementor.

Elementor fonctionne parfaitement avec tous les thèmes WordPress mais fait un meilleur travail lorsqu'il est utilisé avec des thèmes premium spécialement conçus pour Elementor. Si vous choisissez l'un de ces thèmes (et il y en a beaucoup), tous les paramètres par défaut sont synchronisés, il n'y aura donc aucun conflit entre eux et les éléments de votre site Web créés dans Elementor.

Liberté d'édition

Qu'en est-il de la liberté d'édition ? Vous êtes libre de modifier le contenu dans Gutenberg, mais la mise en page est interdite. Vous ne pouvez pas modifier le pied de page, la barre latérale, l'en-tête ou tout autre élément global de l'éditeur. Elementor vous donne un contrôle total sur tous les éléments de la page.

Elementor est également plus flexible lorsqu'il s'agit de créer des modèles personnalisés basés sur certains types de contenu. Il propose des modèles prédéfinis pour les articles et les pages, et ils peuvent être personnalisés autant que vous le souhaitez.

Lequel choisir ?

Vous avez décidé de créer un blog. Vous avez réservé votre nom de domaine, choisi un plan d'hébergement et êtes prêt à rouler. Il est maintenant temps de choisir le plugin qui vous donnera les options créatives dont vous avez besoin tout en assurant le bon fonctionnement du backend.

Si vous recherchez simplement un outil pour créer un site Web simple et que vous ne voulez pas qu'il soit gonflé d'éléments inutiles (et donc lent), Guttenberg a moins de code en excès qu'Elementor. Moins de ballonnement signifie des vitesses de chargement plus rapides, ce qui équivaut à des classements plus élevés dans les moteurs de recherche.

Maintenir une vitesse de chargement élevée des pages est essentiel pour un bon classement dans les moteurs de recherche, mais il en va de même pour l'utilisation d'un design attrayant.

Alors, que faire si vous voulez plus qu'un site de base ?

Si c'est le cas, il y a de fortes chances qu'Elementor soit votre meilleur pari car son interface est de loin plus facile et plus rapide lorsqu'il s'agit de créer des mises en page plus compliquées comme des sections et des colonnes.

Et puisque nous savons tous à quel point le référencement est crucial, vous devez concevoir un site Web à chargement rapide. Elementor peut se faire au prix d'un code moins que parfaitement optimisé (un petit prix pour la fonctionnalité). Cependant, il existe des moyens de contourner ce code gonflé, comme l'utilisation de plugins de suppression de gonflement tels que Assets Cleanup, Perfmatters, etc.

Conclusion

Gutenberg et Elementor sont tous deux d'excellents choix pour les débutants qui n'ont pas beaucoup de connaissances techniques. Ils font tous les deux bien leur travail, mais ils ont tous les deux leurs forces et leurs faiblesses. Chacun est le mieux adapté à un objectif spécifique.

Elementor est idéal si vous souhaitez donner à votre site Web une apparence plus sophistiquée, avec de nombreux modèles et blocs prédéfinis parmi lesquels vous pouvez choisir. Il vous offre également des capacités d'édition complètes de n'importe quelle page.

Gutenberg, d'autre part, facilite l'ajout de boutons, de tableaux, d'intégrations YouTube et d'autres éléments similaires. Il crée des pages rapides sans ballonnement, et c'est une bénédiction pour vous si vous n'êtes pas familier avec les marges et le rembourrage.

Par conséquent, nous n'avons pas de gagnant clair. Le meilleur constructeur de pages pour vous dépendra de votre budget, de vos compétences techniques et de vos besoins en matière de conception de sites Web.

Comment ajouter une liste de souhaits dans WooCommerce sans plugin