Gutenberg & Page Builder - Que réserve l'avenir aux agences WordPress ?

Gutenberg se développe actuellement rapidement en direction de l'édition de sites complets. Que signifie cette évolution pour l'avenir des constructeurs de pages ? À quoi doivent se préparer les agences et les indépendants de WordPress ? Quels sont les outils qui vous aideront ? Un article invité par GREYD.

Lorsque WordPress a présenté l'éditeur Gutenberg en 2018, le projet a été (à juste titre) ridiculisé pour son manque de possibilités. "À un moment donné, Gutenberg deviendra sûrement encore meilleur ou peut-être la nouvelle norme", nous ont assuré des adeptes enthousiastes. C'est en effet devenu réalité, car ce moment est arrivé.

Si vous avez été un peu endormi par le développement de Gutenberg et que WordPress est au cœur de votre entreprise ou de votre agence, alors vous devriez lire attentivement ce qui suit maintenant. Pour comprendre pourquoi le développement de Gutenberg menace sérieusement l'existence de Page Builder Plugins , jetons un coup d'œil rapide à l'histoire du nouvel éditeur WordPress .

Le développement de WordPress Gutenberg

Au début, l'éditeur Gutenberg était encore très lourd à utiliser, pour dire les choses gentiment. Du moins si vous le comparez aux possibilités des constructeurs de pagesWordPress bien connus de - tels que Elementor ou WPBakery. En comparaison directe avec l'éditeur classique WordPress (TinyMCE), qui était plus adapté à la rédaction d'articles de blog qu'à la conception de beaux sites web, Gutenberg a constitué un véritable bond en avant.

Avec l'introduction de l'éditeur Gutenberg , WordPress a en tout cas clairement montré que les blocs seront l'avenir dans la conception web du système de gestion de contenu. Cependant, comme le montre la feuille de route du projet Gutenberg, l'éditeur en backend n'était qu'un début. La phase 1 d'un total de 4 phases, qui s'étendront sur plusieurs années.

Où Gutenberg se situe aujourd'hui & pourquoi cela devient étroit pour WordPress Page Builder

Pour l'instant, nous en sommes à la phase 2, qui se concentre sur l'édition complète du site, les modèles de blocs (modèles pour les blocs Gutenberg ), le répertoire de blocs et Themes basé sur les blocs. Cette phase à elle seule prive certains constructeurs de pages à la noix Plugins de leur raison d'être, qui ne consistait en fait qu'à adapter en détail les différents éléments d'un site web (tels que les boutons, les images ou les formulaires de contact).

Avec la fonction d'édition complète du site, qui est en cours d'introduction, Gutenberg va encore plus loin. Il est ainsi possible d'adapter l'ensemble du site web - y compris l'en-tête et le pied de page - directement dans l'éditeur. À titre de comparaison, avec de nombreux constructeurs de pages populaires, une version premium payante est nécessaire pour cela. WordPress nous offre cette option gratuitement.

Les modèles de blocs susmentionnés font également une concurrence sérieuse aux bibliothèques de modèles de l'UE. Elementor et autres. L'idée des modèles de conception prêts à l'emploi sur a été particulièrement bien accueillie par le groupe cible qui n'est pas trop versé dans la conception de sites web modernes. Quelques clics rapides et vous disposez d'un site web presque prêt à l'emploi, auquel il ne reste plus qu'à apporter les dernières touches et le bon contenu.

Avec le répertoire Block Patterns, WordPress se lance dans le domaine des templates prêts à l'emploi. Avec les Block Patterns, tu n'es pas obligé d'adopter directement le design d'une page entière, mais tu peux choisir parmi un grand nombre de sections individuelles. Une fois que tu as trouvé ce que tu cherchais, il te suffit de cliquer sur "copier" dans l'annuaire pour pouvoir coller le design dans ton éditeur Gutenberg et le personnaliser.

Page Builder, PageSpeed & Hébergement WordPress

En outre, il existe également Plugins - par exemple Gutenberg Template Library & Redux Framework - qui vous offre un large choix de modèles complets pour Gutenberg . "Mais pourquoi devrais-je opter pour Gutenberg alors que je pourrais obtenir encore plus de modèles d'autres constructeurs de pages Plugins ?" Le mot magique est PageSpeed.

Je ne sais pas ce que tu en penses. Mais si je dois attendre trop longtemps pour qu'un site web se charge complètement, j'oublie vite mes bonnes manières. Ce n'est plus un secret pour personne que les constructeurs de pages Plugins font passer le temps de chargement d'un site web à l'infini (et bien au-delà). Cela est dû en grande partie au code gonflé ajouté par le site Plugins .

Cette critique d'un utilisateur frustré d'Elementor le résume assez bien :

D'une manière ou d'une autre, les choses ne semblent pas s'améliorer avec les constructeurs de pages en termes de vitesse de navigation. Vous devez constamment trouver des solutions de contournement pour afficher le site web un peu plus rapidement. Avec l'éditeur Gutenberg , vous êtes épargné par le problème du code inutilement gonflé. Comme Gutenberg est le produit interne de WordPress , vous disposez inévitablement d'un minimum de code.

C'est d'ailleurs l'une des principales raisons pour lesquelles nous avons mis l'accent sur l'intégration native de Gutenberg lors du développement de notre propre GREYD.SUITE. L'hébergement WordPress peut aussi être en cause si les temps de chargement de ton site WordPress sont en chute libre - malgré un code allégé et une utilisation à 100% de Gutenberg. Dans ce cas, tu dois absolument miser sur un hébergement WordPress géré solide pour éviter cela.

Outils : GREYD, Gutentor, Stackable & Co.

Bien que Gutenberg soit maintenant si bien positionné (et bien que l'éditeur soit de mieux en mieux), il n'a pas encore atteint le statut de "perfection". Il existe encore des faiblesses et des lacunes qui nécessitent des solutions externes.

Dans ce cas, les solutions externes sont des outils, tels que Premium Themes, qui sont basés sur Gutenberg . Certains de ces Themes ressemblent malheureusement davantage aux constructeurs de pages Plugins, car ils ignorent complètement l'éditeur Gutenberg , repassent leurs propres fonctions sur le noyau existant WordPress et gonflent ainsi inutilement le code. 

Nous voulions éviter cela à tout prix en développant notre propre suite. C'est pourquoi nous avons développé le premier logiciel intégrant à 100 % Gutenberg et offrant non seulement la possibilité de faire des allers-retours entre Gutenberg et Page Builder. Cela garantit également des temps de chargement particulièrement courts pour le site WordPress .

D'autres extensions pratiques pour Gutenberg, si tu n'as pas vraiment besoin d'un outil complet tout en un pour les agences professionnelles de WordPress, sont des plugins qui étendent l'éditeur existant. De bons exemples sont, entre autres, les suivants

• Gutenberg Blocks - Ultimate Addons for Gutenberg
• Theme Kit pour Twenty Twenty-One par Twentig
• Gutentor - Page Builder pour l'éditeur Gutenberg
• Gutenberg Blocs et bibliothèque de modèles par Otter
• Empilable - Page Builder Gutenberg Blocs

Certes, ces solutions ne sont pas nécessairement parfaites, mais elles sont meilleures que les constructeurs de pages typiques qui présentent leurs propres éditeurs. 

L'un des inconvénients de Gutenberg, qui explique pourquoi de nombreuses agences n'utilisent pas l'éditeur dès le départ, est qu'à l'heure actuelle, aucune attention n'est accordée au responsive web design. Cependant, comme nous pensons que les sites web réactifs sont indispensables, nous avons intégré des contrôles faciles à utiliser à de nombreux endroits dans notre suite. Grâce à eux, il est également possible de créer facilement des sites Web adaptés aux mobiles à l'aide de Gutenberg .

Qu'est-ce que cela signifie pour les agences WordPress ?

WordPress ne quittera pas de sitôt la scène en tant que système de gestion de contenu le plus populaire - même si WordPress doit suivre la tendance des CMS sans tête. En vous spécialisant dans WordPress , vous avez déjà fait un très bon choix avec votre agence (ou en tant que freelance si vous travaillez seul).

Toutefois, si vous rendez votre activité dépendante de constructeurs de pages Plugins qui n'utilisent pas Gutenberg , vous passerez à côté de l'une des tendances les plus importantes de l'histoire de WordPress . Or, cela pose un dilemme à certaines agences professionnelles WordPress : d'une part, nous savons que Gutenberg dépassera les solutions externes à long terme. D'autre part, l'éditeur Gutenberg (comme nous l'avons brièvement mentionné ci-dessus) ne peut pas être utilisé dans 100 % des cas pour une conception web de classe mondiale.

Vous risquez de vous accrocher trop longtemps à des solutions dépassées, d'accepter une vitesse de page médiocre et de ne plus pouvoir rattraper votre retard sur Gutenberg . Ou vous pouvez immédiatement sauter sur WordPress Gutenberg et accepter certaines faiblesses dans la conception détaillée. Ces deux solutions ne sont pas optimales, à mon avis.

C'est exactement le problème auquel nous avons été confrontés avec notre propre agence de design, avec laquelle nous construisons des sites WordPress pour des clients importants. C'est pourquoi nous savons que ce n'est jamais une situation agréable de devoir toujours choisir le "moindre mal" (performance, fonctionnalité ou design agréable).

Mais préférez-vous passer à un autre CMS ?

Ce n'est pas une bonne idée ! Comme le montre une statistique de W3Techs, les sites Web WordPress représentent déjà plus de 40 % de l'ensemble des sites Web sur l'internet (laissez le mot sortir de votre bouche un instant). Et la tendance ne semble pas vraiment se ralentir. Au contraire, les statistiques d'utilisation indiquent que WordPress sera utilisé sur un nombre relativement plus important de sites web à l'avenir.

Bien entendu, cela ne signifie pas que vous faites un mauvais choix avec TYPO3, Joomla !, Squarespace ou un autre CMS. Il s'agit uniquement de préciser qu'avec WordPress , vous disposerez toujours d'une base sûre pour votre site web et le travail avec votre agence à l'avenir. Et que dans ce contexte, vous utilisez également la meilleure solution (=Gutenberg) au sein de WordPress lors de la création de sites web.

La prévoyance est toujours bonne

Si tu continues à ignorer le développement de WordPress Gutenberg pour travailler avec ton agence WordPress, tu feras bientôt partie des espèces en voie de disparition ! Cependant, comme une transition immédiate est souvent un problème en raison du manque de possibilités et d'intuitivité de Gutenberg, il est recommandé d'utiliser des solutions externes spécialisées dans l'éditeur Gutenberg .

Soit tu utilises des thèmes spéciaux (n'oublions pas que les thèmes basés sur les blocs jouent un rôle central dans la phase actuelle de Gutenberg ), soit tu utilises des plugins d'extension pour Gutenberg. Je t'en ai présenté quelques-uns dans cet article.

Dans tous les cas, vous ne devez pas vous contenter d'observer passivement le développement du projet WordPress Gutenberg , mais être activement à l'avant-garde. Ensuite, vous en profiterez également pendant longtemps en tant que prestataire de services professionnel sur WordPress .