Avez-vous déjà regardé un beau site Web et pensé: «Comment diable avez-vous fait cela? Faire ça?«Eh bien, dans ce didacticiel WordPress Page Builder, je vais vous montrer 5 différents constructeurs de pages populaires dans WordPress, et nous allons créer la même page d’accueil avec chacun, étape par étape, afin que vous puissiez voir exactement comment chaque constructeur fonctionne .

À la fin de l’article, vous découvrirez:

  • Les 5 meilleurs constructeurs de pages WordPress en 2019
  • Le constructeur le plus rapide et le plus simple pour créer de superbes designs
  • Quelle est la vitesse des pages à la fin?
  • Quel créateur de page vous convient le mieux?

Plongeons-nous dans …

Qu’est-ce qu’un générateur de page WordPress?

Avant de nous dépasser, faisons une définition rapide …

Qu’est-ce qu’un générateur de page WordPress?
Un constructeur de page est un plugin, un thème ou une autre fonctionnalité WordPress qui vous permet de créer des conceptions et des mises en page avancées pour votre contenu basé sur WordPress sans avoir besoin d’un codage personnalisé.

Il existe 5 constructeurs de pages que nous aborderons plus en détail dans cet article:

  1. Gutenberg (l’éditeur WordPress par défaut de 2019)
  2. Brizy
  3. Deux
  4. Architecte prospère
  5. Elementor

Est-ce que ce sont les 5 seuls constructeurs de pages WordPress? Absolument pas, mais ils représentent la majorité de la part de marché, ont des fonctionnalités incroyables et sont fortement approuvés par la communauté WordPress.

Gutenberg est-il vraiment un constructeur de pages?

Vous trouverez des personnes qui prétendent que Gutenberg n’est pas un « constructeur de pages » mais plutôt une « expérience d’édition de contenu … ».

Et ils ont un point. La capacité de stock de Gutenberg est quelque peu limitative et vous aurez du mal à construire tout ce que vous pouvez imaginer.

Mais si vous ajoutez une partie des 10 plugins les plus utiles pour Gutenberg Votre esprit changera sur votre site Web.

À la fin de cet article, vous verrez clairement que vous pouvez créer des pages aussi belles dans Gutenberg que vous le pouvez dans d’autres puissants constructeurs de pages WordPress.

L’expérience WordPress Page Builder

Afin de démontrer de manière optimale les capacités de ces constructeurs de pages, j’ai décidé de lancer une expérience standardisée.

J’ai créé un exemple de page d’accueil (créé à l’origine dans Divi) que je souhaite recréer le plus possible avec chacun des autres constructeurs de pages.

Ensuite, j’ai créé un site Web vierge avec le même hôte (Bluehost) et a essayé de recréer la page d’accueil aussi près que possible.

Après la construction, j’ai effectué 5 tests de vitesse avec GTmetrix pour voir comment fonctionne chaque générateur de page. J’ai également noté la vitesse et la facilité de construction relatives dans le tableau à la fin du message.

Pour garder chaque test aussi cohérent que possible, j’ai:

  • Utilisé le même thème Astra pour toutes les versions (la seule exception est Divi car il s’agit à la fois d’un générateur de page et d’un thème).
  • N’installe pas de plugins de mise en cache supplémentaires ni d’améliorations de la vitesse J’ai utilisé les paramètres par défaut de Bluehost (bien qu’il y ait Des tonnes de façons d’accélérer votre site Bluehost!)

Passons à chaque build spécifiquement.

Tutoriel Gutenberg Page Builder

J’étais extrême curieuse comment Gutenberg s’en tirerait, mais je ne voulais pas me limiter aux fonctionnalités de base. Je voulais lui donner une vraie chance contre les constructeurs de pages matures, j’ai donc installé les plugins suivants pour charger Gutenberg:

  • Gutenberg avancé
  • Blocs atomiques
  • Blocs de l’éditeur
  • Blocs de cadence
  • et quelques autres mentionnés dans la vidéo

En fin de compte, j’ai principalement utilisé la fonctionnalité des blocs Kadence, mais c’était bien d’avoir une large gamme de blocs potentiels disponibles. Cela a aidé mon flux de travail à rester fluide.

À la fin de la journée, la construction de Gutenberg était beaucoup plus fluide que prévu et les performances étaient merveilleuses – une moyenne de 1,0 seconde de temps de chargement sur 5 tentatives.

Gutenberg se transforme en un générateur de page puissant si vous l’exécutez avec les bons plugins.

Tutoriel Brizy Page Builder

Brizy est nouveau dans la création de pages WordPress, mais ils ont l’une des interfaces utilisateur les plus attrayantes que j’ai vues pour les constructeurs de pages. Mais cette belle interface rend-elle le processus de création plus efficace?

… Pas après mon expérience.

Pendant que je construisais, j’ai remarqué des difficultés.

  • La gestion des images n’était pas aussi transparente que je l’imaginais
  • Les superpositions ne respectaient pas bien les arrière-plans transparents
  • Bien que l’interface utilisateur minimale soit agréable, j’ai beaucoup regardé autour des menus.

Certes, je n’ai pas passé autant de temps avec Brizy qu’avec d’autres constructeurs, mais je m’attendais à avoir une meilleure expérience au cours de cette expérience. Même ainsi, la page résultante était jolie gentil, et chargé dans un décent 1,6 secondes.

Beaucoup de ces préoccupations ont déjà été abordées par Brizy, et cela se développe assez bien!

Tutoriel Divi WordPress Page Builder

Comme je l’ai dit plus tôt, le modèle que j’ai répliqué provient de Divi, donc ce n’est peut-être pas l’exemple le plus juste. Inutile de dire que Divi a pu reproduire correctement la page créée avec un minimum de problèmes.

Le vrai défi avec l’utilisation de Divi était la vitesse de la page qui en résultait.

Après 5 tests de vitesse, Divi a atteint une vitesse moyenne de chargement des pages de 2,3 secondes. Eh bien, cela ne semble probablement pas être une mauvaise chose, mais vous devez vous rappeler que cela se trouve sur un site Web complètement stérile. De plus en plus seront ajoutés au fil du temps, ce qui ralentira davantage le site. Si nous commençons plus de deux fois plus lentement que Gutenberg, cela signifie que Divi ne sera jamais le démon de la vitesse que nos visiteurs veulent tous.

Tutoriel de création de pages WordPress pour Thrive Architect

Thèmes Thrive tout est à propos de Optimisation de la conversionJ’étais curieux de voir comment ce constructeur se démarquait de la concurrence.

La plupart du processus de création s’est très bien déroulé. Le constructeur m’a facilité la duplication, le glisser-déposer et presque tout.

Un domaine où je suis toujours frustré en construisant Architecte prospère est en matière de réactivité mobile. Après avoir créé la page, j’ai dû vérifier la marge et le remplissage derrière chaque nouvelle section pour m’assurer que le contenu ne se déplaçait pas directement vers le bord de l’écran.

Ce n’est pas une faute de Thrive, mais plutôt une décision de conception. Ils vous donnent plus de contrôle sur le processus de construction que tout autre constructeur de cette liste, vous ne pouvez donc pas supposer que quoi que ce soit va réellement être fait à toiVous devez donc vérifier tous les angles avant de lancer la publication.

Le résultat? Une belle page qui s’est aplatie en 1 seconde aussi! Identique à Gutenberg et plus rapide que tout autre constructeur de pages premium. Les gars de Thrive cuisinent vraiment quelque chose de spécial.

Intéressé par Thrive Architect?

Thrive travaille sur un générateur de thèmes révolutionnaire qui fonctionne à merveille avec sa plate-forme. Vérifiez votre adhésion et obtenez le premier accès!

Tutoriel Elementor WordPress Page Builder

Elementor était très amusant à utiliser. Je n’ai jamais eu de problème pour créer la section suivante, et c’est l’un de mes constructeurs les moins fiables sur la liste.

J’ai rapidement éliminé le site à l’aide des widgets Elementor Pro, ce qui rend l’ensemble du processus de construction plus facile que d’autres. L’inconvénient d’Elementor est que les widgets prédéfinis diminuent votre créativité par rapport à Thrive. Chaque bloc vous offre quelques options à personnaliser, mais elles sont pâles par rapport à la toile vierge avec laquelle vous pouvez travailler avec Thrive Architect.

Mais pour les personnes qui recherchent un excellent générateur de pages complet qui ne compromet pas leur efficacité, Elementor est un excellent choix. Mais comment cela a-t-il fonctionné?

Après des tests à 5 vitesses, Elementor a mis en moyenne 1,8 seconde pour charger … pas le plus rapide du pack, mais toujours une bonne longueur d’avance sur Divi.

Je suis également impressionné par la façon dont Elementor et Gutenberg travaillent ensemble – ils ont libéré la possibilité d’importer du contenu Elementor pré-construit directement dans Gutenberg – un grand pas.

Tu peux lire le mien examen complet d’Elementor ici.

Tutoriel WordPress Page Builder – Conseils importants

À la fin de la journée, voici comment les constructeurs de pages se comparent:

Thrive Architect et Gutenberg prennent la première place avec la vitesse de la page!

En termes de note globale, Gutenberg n’a battu que Thrive Architect, mais cela était en partie dû à ma pure surprise de voir à quel point Gutenberg était vraiment capable.

Il existe plusieurs fonctionnalités d’édition que les constructeurs de pages premium sont certainement supérieurs et prendront probablement un certain temps à compléter. Cependant, la simple accessibilité de Gutenberg en fait un concurrent très important pour tous ceux qui cherchent à créer des mises en page plus agréables et plus complexes avec un budget limité.

Certains des autres avantages de l’utilisation de Gutenberg sur votre site Web sont:

  • La même expérience d’édition est utilisée lors de la création de pages de destination et d’articles de blog, ce qui fait de vous un constructeur plus efficace.
  • L’utilisation d’une seule expérience de construction gardera également votre image de marque plus cohérente
  • Les développeurs sont actuellement dans une prise de terre pour construire les meilleurs blocs de Gutenberg disponibles. Ce concours signifie que la fonctionnalité de Gutenberg progressera à un rythme incroyable dans le futur
  • Bien que gratuites, certaines fonctionnalités de Gutenberg sont de très haute qualité et sont déjà disponibles.

Quel constructeur de pages WordPress vous convient le mieux?

J’ai appris que la plupart des créateurs de pages partagent le même processus de réflexion et la même philosophie, donc tout se résume aux préférences personnelles, aux coûts et aux besoins d’intégration.

En ce qui concerne l’intégration, cependant, rien n’est plus flexible que Gutenberg, car chaque développeur s’assure que ses outils fonctionnent avec l’éditeur WordPress standard.

Donc au lieu de considérer Gutenberg OU ALORSJe pense que la décision appartient à Gutenberg ETcar le processus de création de contenu dans Gutenberg est tout simplement merveilleux et ne fait que s’améliorer.

Découvrez mon cours Gutenberg complet

Si vous souhaitez créer des sites Web plus efficaces, plus beaux et plus efficaces avec Gutenberg, vous avez besoin de Gutenberg Hero.





Source link

Recent Posts