Création de thèmes de blocs WordPress et édition complète de la pile

Si vous avez suivi les forums et les actualités WordPress ces derniers temps, vous avez certainement entendu parler de l'édition complète du site (FSE), ou du moins vu des références à celle-ci, comme la création de thèmes de blocs. Même si vous ignorez de quoi il s'agit, vous en avez probablement entendu parler et peut-être même vous êtes-vous demandé ce que cela pouvait entraîner pour vous.

Que vous utilisiez fréquemment WordPress ou que vous soyez développeur, il y a d'excellentes nouvelles pour vous. Le véritable avantage est que vous ne devriez pas en avoir peur et que tout se passera bien pour vous, ce qui vous facilitera le processus.

Sur quelle base prétendons-nous cela ? Le premier vient en premier. Commençons par comprendre un peu l'édition complète du site WordPress avant de plonger directement dans l'apprentissage de ce que nous avons couvert dans le titre.

L'édition complète du site WordPress (FSE) est-elle… ?

Essentiellement, l'édition complète du site évite l'idée de blocs. Auparavant, les blocs pouvaient être utilisés pour modifier la zone de contenu du site Web. Chaque section de votre site sera désormais considérée comme un bloc lorsque vous utiliserez l'édition complète du site.

Les utilisateurs peuvent désormais interagir avec la page et les éléments globaux sur une seule plateforme grâce à cette amélioration significative. De plus, il a ajouté de nouveaux fichiers de configuration de thème et des outils de développement.

Après avoir mis à jour WordPress vers la dernière version, vous devez activer un thème FSE, tel que Twenty Twenty-Two. Après cela, vous ne pouvez utiliser que les blocs Gutenberg pour créer un site Web complet.

Comment FSE peut-il vous aider ?

Construire et développer un site Web WordPress est maintenant plus facile que jamais, grâce à l'édition complète du site. Les éléments globaux et toutes les mises à jour de page peuvent être effectués à l'aide du même éditeur.

Et les éléments globaux, qu'est-ce que c'est ? Lorsqu'ils sont alloués, les éléments globaux, les conteneurs et les colonnes peuvent être utilisés sur l'ensemble de votre site Web.

Cette technique innovante vous permet de modifier la page Web ou n'importe quelle page spécifique, ce qui permet de gagner du temps. Vous n'avez pas besoin de basculer entre les éditeurs pour savoir ce qui se passe car vous pouvez tous les voir en temps réel lors de l'édition. Le résultat? La conception de votre site Web s'améliore à mesure que vous opérez simultanément au niveau de la page et au niveau mondial.

La version WordPress 6.0 n'a pas FSE activé par défaut. Par conséquent, afin d'utiliser la capacité d'édition complète du site tout en utilisant une édition WordPress antérieure à la version 6.0, vous devez d'abord mettre à jour WordPress avant d'activer un thème FSE. Le tableau de bord de votre site est l'endroit où vous gérez tout cela.

L'environnement WordPress évolue à nouveau

Ce type de changement dans WordPress s'est produit au cours de la période précédente. Nous connaissions tous Gutenberg il y a environ trois ans (il est difficile de s'en souvenir du fait qu'une, sinon plus, de ces dernières années a brusquement disparu). Vous pouvez maintenant vous y référer en tant qu'éditeur de blocs.

Cependant, lorsqu'il a été initialement intégré au noyau de WordPress, il a reçu le nom de code Gutenberg. Le changement est difficile. Ainsi, la plupart des gens ont réagi avec une certaine panique. Eh bien, presque tout le monde. Gutenberg aujourd'hui, quelques années plus tard, est perçu comme étant raisonnablement utile, souvent agréable à utiliser et en constante évolution. Pour cette raison, nous sommes convaincus que ce changement sera couronné de succès. Mais le changement est plus important qu'avant.

Changement d'orientation : des utilisateurs aux constructeurs

Lorsqu'un tel éditeur de blocs a été introduit pour la première fois, les développeurs ont changé leur façon de produire du matériel. Pour ceux qui produisaient des articles de blog, ce n'était pas aussi perturbateur que cela l'aurait été pour ceux qui créaient des sites Web et développaient des pages Web. Le passage aux blocs était avantageux pour les utilisateurs, et de nombreuses fonctionnalités intéressantes ont suivi, telles que la possibilité de définir un bloc de matériel, puis de le placer dynamiquement n'importe où (et partout) sur le site. Tout le monde peut maintenant le faire sans utiliser de code.

Mais ce changement est un peu distinct. Ce n'est pas simplement la façon dont vous modifiez votre site qui a changé avec l'édition complète du site. Cela a à voir avec le cadre fondamental de votre site Web. Non seulement votre en-tête ou votre pied de page est défini ici. Elle concerne les composantes d'un thème. En d'autres termes, FSE doit éventuellement profiter aux utilisateurs, mais pour l'instant, cela ressemble plus à l'accent mis sur l'amélioration des choses pour les constructeurs, à la fois ceux qui créent des pages Web et ceux qui créent des thèmes.

Que vous utilisiez des constructeurs de pages, c'est-à-dire que vous terminiez le projet de lancement d'un site avec une plateforme facile à utiliser parmi les meilleurs constructeurs de sites Web d'adhésion ou que vous les construisiez, beaucoup d'entre vous se sont habitués à cette phase de la vie. Vos pages peuvent être conçues comme vous le souhaitez. Mais plus tard, vous prenez conscience des problèmes de performances. Google a réduit votre classement et a déclaré que votre DOM était trop massif (quel qu'il soit). Puisque nous sommes tous conscients que la performance est reine, c'est le moment idéal pour en savoir plus sur FSE et sur la façon dont il peut modifier les sites Web que vous créez.

Alors, pourquoi est-il important de créer un thème de site complet ?

Beaver Builder est venu avant Elementor, tu te souviens ? Beaucoup d'entre vous l'ont utilisé par vous-mêmes ou dans les entreprises où vous avez travaillé pour créer des sites Web substantiels pour des clients professionnels. Cependant, ils avaient besoin d'un autre produit, Beaver Themer. Sinon, vous deviez leur fournir une assistance avec un thème prenant en charge les en-têtes et pieds de page personnalisés (et dynamiques) lorsqu'ils avaient besoin de modifier l'en-tête et le pied de page des pages Web (ou des publications).

C'était excitant quand des thèmes comme Blocksy, Kadence et Astra ont commencé à développer ces fonctionnalités. Mais cela a également conduit à un certain verrouillage. Et vous reconnaissez ce qui se passe ensuite : après qu'un client a installé un plugin sur son site Web, il découvre qu'il n'est pas compatible avec le thème ou le constructeur de page.

Tout d'un coup, tout le monde pointe du doigt. Les entreprises thématiques prétendent que ce n'est pas elles. Selon les constructeurs de pages, ce n'est pas eux non plus. Devine quoi? De nouveaux acteurs du jeu, les hébergeurs, prétendent que ce n'est pas eux. Les constructeurs (entrepreneurs et agences) qui ont initialement construit le site ont finalement été blâmés.

La même chose s'est produite lorsque les utilisateurs ont commencé à se plaindre de la lenteur du chargement de ces pages, grâce au code généré par ces mêmes constructeurs de pages. Les agences et les indépendants ont été critiqués.

La solution

Cette modification des thèmes de blocs, qui prennent en charge la personnalisation complète du site, représente un changement fondamental dans la façon dont les sites Web sont créés. Avec ce changement, chaque élément de la page et du site Web est un bloc : contenu, menus, barres latérales, en-têtes et pieds de page. Chaque bloc. Les thèmes peuvent donc être plus légers.

Le thème doit encore accomplir quelques tâches, telles que l'unification du style universel des blocs sur l'ensemble du site ou la correction d'erreurs typographiques. Les développeurs peuvent tout configurer dans le nouveau fichier themes.json. Mais il n'est pas seulement utilisé pour établir des paramètres. C'est aussi un moyen pour un développeur de modifier la façon dont un client utilise l'éditeur.

De plus, il n'y a pas beaucoup d'éléments d'interface utilisateur dans les thèmes. Il est facile d'imaginer que la prochaine itération de ce à quoi vous êtes habitué - utiliser le générateur personnalisé - sera pilotée par le configurateur JSON tel qu'il se présente aujourd'hui.

En un mot, il s'agit de la future génération de thèmes et des moyens par lesquels vous pourrez éventuellement limiter ce que les utilisateurs peuvent accomplir avec ces nouveaux thèmes.

Comment donner un sens logique à tout cela ?

Même si cela semble passionnant, la plus grande difficulté est de déterminer comment vous allez tous résoudre ce problème. Personne ne veut développer un nouveau concept qui s'avère assez simple. Personne ne veut développer un tout nouveau thème qui irrite les utilisateurs.

Vous voulez le confort du « éprouvé avec la force du « nouveau ». Et il y a plus de questions que de solutions…

Vous envisagez un cours de développeur pour l'intégration et la création de thèmes de blocs

Imaginez que vous suiviez un cours qui expliquait tout ce que vous deviez comprendre en détail sur la création de thèmes de blocs et FSE. Nous nous référons aux 14 éléments suivants, en plus d'autres :

• En savoir plus sur l'édition complète du site pour voir comment cela affecte le développement du thème.
• Créez le modèle d'index simple, puis utilisez des blocs pour extraire les publications de la base de données.
• Sans coder une seule ligne, implémentez un modèle de maison de blog entier.
• Les en-têtes et pieds de page du thème doivent être ajoutés.
• Comprendre comment l'édition complète du site traite les menus de navigation.
• Découvrez comment préorganiser les préférences de l'éditeur de blocs à l'aide du fichier theme.json.
• Découvrez comment utiliser les commandes de motif intégrées pour créer des mises en page polyvalentes.
• À l'aide de theme.json, appliquez la typographie universelle et les schémas de couleurs.
• Gérez le remplissage et les marges à l'aide des contrôles d'espacement.
• Apprenez à configurer l'éditeur de blocs afin que ses paramètres soient conformes au thème.
• Ajoutez une sélection de polices, des dégradés, des palettes de couleurs et d'autres options de personnalisation.
• Pour limiter l'écart entre vos clients et la conception de base, découvrez comment éliminer les choix de personnalisation indésirables des blocs.
• Apprenez à utiliser des modèles pour vous aider, vous et vos clients, à créer des pages plus rapidement.
• Utilisez des éléments de modèle pour éviter d'utiliser à nouveau des composants de bloc dans différents modèles.

C'est une liste impressionnante de leçons à apprendre. Et la bonne nouvelle est que ce n'est pas une formation qui se concentre uniquement sur la transmission de connaissances. Vous êtes encouragé à vous salir les doigts et les ongles pendant cette formation. La pratique le rend parfait.

Et hé, vous n'avez pas besoin de l'imaginer, ce qui est une excellente nouvelle. Le programme est créé. Tout est prêt. Bien que ce ne soit pas le sujet prévu du message, nous le divulguerons néanmoins car nous l'avons rencontré lors de la collecte d'informations pour l'article. Frank Klein, un développeur bien connu et considéré par les professionnels de WordPress, a créé le cours.

Alors, les gars, bonne chance pour créer des thèmes de blocs et faire du FSE !