Thèmes configurés pour un changement de paradigme, WordPress 5.8 va libérer des outils pour y arriver – WordPress Tavern

Publié le 15 mai 2021 par Mycamer

Pendant une grande partie de l’histoire de WordPress, les éléments fondamentaux de la création d’un thème ont été lents à changer. De temps en temps, les développeurs obtenaient une nouvelle fonctionnalité, telle que des thèmes enfants, des images en vedette, des menus de navigation et des éléments de modèle. Chacun de ceux-ci était épique à sa manière. Cependant, les auteurs de thèmes ont eu amplement le temps de s’adapter à ces introductions de fonctionnalités uniques.

Lorsque l’éditeur de blocs a atterri, il l’a fait avec un bang. Aimez-le ou détestez-le, cela a changé notre façon de penser le design pour le Web. Ce n’était pas l’une de ces améliorations ponctuelles, peu importe le nombre de fois qu’on nous a dit que cela «fonctionnerait» avec n’importe quel thème. Ça ne marche parfois pas techniquement casser des choses. Le support et l’intégration sont nécessaires pour une expérience utilisateur idéale, et les auteurs de thèmes ont mis du temps à rattraper leur retard.

Avec WordPress 5.8, les auteurs de thèmes se préparent à un autre ensemble de changements qui changent de paradigme. Josepha Haden Chomphosy, directeur exécutif de WordPress, a annoncé la semaine dernière que plusieurs sous-composants d’édition de site complet (FSE) commenceraient expédition avec la prochaine version.

Dans le dernier épisode du podcast WP Tavern Jukebox, Nathan Wrigley a accueilli l’invitée Anne McCarthy. Il lui a demandé de calmer les craintes des gens face aux changements à venir. «Alors, à titre d’exemple, imaginons que nous sommes un développeur de thèmes. Nous craignons peut-être que les thèmes deviennent une chose du passé, que les moyens de subsistance que nous nous sommes créés vont disparaître sous nos yeux.

C’est une question courante. Depuis la création de Gutenberg, en particulier ses fonctionnalités qui relèvent de FSE, les internautes se sont demandé s’il y aurait une place à la table pour eux. Si WordPress évolue vers une expérience de création de pages plus grande, où se situent les thèmes? Si les utilisateurs peuvent modifier la mise en page ou manipuler tous les styles, quel est le travail du thème?

Ces questions obtiennent enfin des réponses. Nous pouvons voir les changements dans le monde réel introduits ces derniers mois. Ils brossent un tableau beaucoup plus clair, définissant le rôle des thèmes dans l’avenir de WordPress.

«Et pour les auteurs de thèmes, les thèmes vont être si importants dans un monde d’édition de site complet», a déclaré McCarthy. «Et l’une des choses qui me passionne tellement, c’est qu’il va y avoir une tonne de ce qu’ils appellent… l’idée de ces thèmes universels hybrides qui peuvent fonctionner avec, par exemple, l’édition de modèles.»

Elle fait référence à un discussion récente cette fait quelques distinctions entre thèmes universels et hybrides. Essentiellement, les thèmes universels fonctionneraient à la fois dans un contexte d’éditeur classique ou de bloc, en fonction de ce que l’utilisateur a choisi. Un hybride peut prendre en charge certaines parties de l’expérience de bloc, mais a un chemin pour devenir un thème universel qui s’adresse pleinement à tout utilisateur sur la route.

Bien que cela ne réponde pas entièrement aux préoccupations des auteurs de thèmes, ce sont les éléments de base auxquels les contributeurs de Gutenberg réfléchissent. Tout d’abord, ils veulent une expérience utilisateur solide. Cependant, les discussions montrent qu’ils reconnaissent également que les développeurs de thèmes doivent opter pour de nouvelles choses à leur propre rythme, prendre en charge les fonctionnalités telles qu’ils les comprennent et apprendre à les mettre en œuvre. Cela permet aux thèmes traditionnels de passer à la nouvelle ère et de se construire à partir de zéro avec de nouveaux outils.

Les thèmes pourraient bien être plus vitaux pour l’avenir de WordPress qu’ils ne l’étaient dans le passé.

Nouveaux outils à venir dans WordPress 5.8

<img data-attachment-id="115479" data-permalink="https://wptavern.com/themes-set-up-for-a-paradigm-shift-wordpress-5-8-will-unleash-tools-to-make-it-happen/tools-desk-1" data-orig-file="https://wptavern.com/wp-content/uploads/2021/04/tools-desk-1.jpg" data-orig-size="1792,1008" data-comments-opened="0" data-image-meta="{" aperture="" data-image-title="tools-desk-1" data-image-description="" data-medium-file="https://wptavern.com/wp-content/uploads/2021/04/tools-desk-1-300x169.jpg" data-large-file="https://wptavern.com/wp-content/uploads/2021/04/tools-desk-1-500x281.jpg" loading="lazy" width="1792" height="1008" src="https://wptavern.com/wp-content/uploads/2021/04/tools-desk-1.jpg" alt="Image décorative d'un bureau en bois avec divers outils allongés dessus." class="wp-image-115479" srcset="https://wptavern.com/wp-content/uploads/2021/04/tools-desk-1.jpg 1792w, https://wptavern.com/wp-content/uploads/2021/04/tools-desk-1-300x169.jpg 300w, https://wptavern.com/wp-content/uploads/2021/04/tools-desk-1-500x281.jpg 500w, https://wptavern.com/wp-content/uploads/2021/04/tools-desk-1-768x432.jpg 768w, https://wptavern.com/wp-content/uploads/2021/04/tools-desk-1-1536x864.jpg 1536w, https://wptavern.com/wp-content/uploads/2021/04/tools-desk-1-178x100.jpg 178w, https://wptavern.com/wp-content/uploads/2021/04/tools-desk-1-640x360.jpg 640w, https://wptavern.com/wp-content/uploads/2021/04/tools-desk-1-896x504.jpg 896w, https://wptavern.com/wp-content/uploads/2021/04/tools-desk-1-1366x768.jpg 1366w" sizes="(max-width: 1792px) 100vw, 1792px" />

L’éditeur de site et les fonctionnalités de styles globaux ne sont pas prévus pour être livrés avec WordPress 5.8. Cependant, la prochaine version devrait introduire des outils puissants pour les auteurs de thèmes. Ce sera un moment charnière pour les sociétés de développement de thèmes qui souhaitent s’imposer dans l’espace. La bonne équipe avec un état d’esprit tourné vers l’avenir doit perturber le marché et gagner des millions. Et, il y a de la place pour les auteurs qui veulent juste créer des trucs sympas.

Tout commence avec les nouveaux blocs liés aux modèles qui devraient être activés dans la prochaine mise à jour majeure. En particulier, le bloc Query fournit une alternative à ce qui n’était auparavant possible que via du code et des options de thème soigneusement élaborées. Le coupler avec des fonctionnalités existantes nous ouvre à un monde de possibilités.

Par exemple, j’ai choisi un thème de la liste la plus populaire sur WordPress.org qui semblait avoir l’une des configurations de requête et de boucle les plus complexes du groupe. Ce qui suit est la page d’accueil de EntrerNouvelles:

<img data-attachment-id="115477" data-permalink="https://wptavern.com/themes-set-up-for-a-paradigm-shift-wordpress-5-8-will-unleash-tools-to-make-it-happen/enter-news" data-orig-file="https://wptavern.com/wp-content/uploads/2021/04/enter-news.jpg" data-orig-size="1792,2427" data-comments-opened="0" data-image-meta="{" aperture="" data-image-title="enter-news" data-image-description="" data-medium-file="https://wptavern.com/wp-content/uploads/2021/04/enter-news-222x300.jpg" data-large-file="https://wptavern.com/wp-content/uploads/2021/04/enter-news-369x500.jpg" loading="lazy" width="1792" height="2427" src="https://wptavern.com/wp-content/uploads/2021/04/enter-news.jpg" alt="Conception de la page d'accueil avec diverses sections de publication pour un site Web d'actualités." class="wp-image-115477" srcset="https://wptavern.com/wp-content/uploads/2021/04/enter-news.jpg 1792w, https://wptavern.com/wp-content/uploads/2021/04/enter-news-222x300.jpg 222w, https://wptavern.com/wp-content/uploads/2021/04/enter-news-369x500.jpg 369w, https://wptavern.com/wp-content/uploads/2021/04/enter-news-768x1040.jpg 768w, https://wptavern.com/wp-content/uploads/2021/04/enter-news-1134x1536.jpg 1134w, https://wptavern.com/wp-content/uploads/2021/04/enter-news-1512x2048.jpg 1512w" sizes="(max-width: 1792px) 100vw, 1792px" />EnterNews page d’accueil du thème WordPress.

Toute personne familiarisée avec le développement de thèmes peut vous dire qu’il faudrait au moins huit requêtes différentes pour créer cette conception de page d’accueil sans regarder le code. La seule façon de créer cela et de permettre aux utilisateurs de personnaliser les publications qui s’affichent consiste à utiliser une série d’options de thème (probablement des boîtes de sélection déroulantes basées sur les catégories).

Si le bloc Query est livré avec WordPress 5.8 comme prévu et est également activé pour n’importe quel thème, cette mise en page est soudainement possible directement à partir de l’éditeur de blocs – aucun éditeur de site nécessaire. Via des modèles de bloc, les utilisateurs peuvent insérer ces «sections» de différents blocs de requête dans leur page et les réorganiser. Cependant, cela nécessite l’adhésion de l’auteur du thème.

Comme je l’ai dit plus tôt, les auteurs de thèmes ont mis du temps à adopter les fonctionnalités liées aux blocs dans leur ensemble. Sans aucun doute, le système de la page d’accueil d’EnterNews fait déjà le travail. Et, si cela fonctionne pour la base d’utilisateurs actuelle du thème, il peut sembler y avoir peu d’incitation à changer.

Cependant, la transition vers un nouveau système présente de réels avantages. Le plus évident est qu’il nécessite peu de code par rapport au PHP nécessaire pour créer des options de personnalisation. Les modèles de bloc ne sont guère plus que du HTML avec des morceaux de configuration JSON dans le mélange. Les développeurs peuvent littéralement les construire à partir de l’éditeur et copier / coller la partie de code.

En écrivant moins de code, cela réduit le potentiel de problèmes de sécurité et d’autres bogues. Les auteurs de thèmes peuvent également être moins rigides dans leur conception, ce qui permet aux utilisateurs de déplacer des éléments de la mise en page.

Le bloc Query n’est pas le seul à inclure dans 5.8 en dehors d’un contexte de thème basé sur des blocs. La navigation, le titre du site, le logo du site, etc. sont prêts à être expédiés. La plupart de ces blocs sont des composants vitaux pour créer une page entière. Les auteurs de thèmes pourraient commencer à remettre les outils pour créer des pages de destination complexes le jour du lancement en juillet.

Tremplins

<img data-attachment-id="115476" data-permalink="https://wptavern.com/themes-set-up-for-a-paradigm-shift-wordpress-5-8-will-unleash-tools-to-make-it-happen/stepping-stones" data-orig-file="https://wptavern.com/wp-content/uploads/2021/04/stepping-stones.jpg" data-orig-size="1792,1008" data-comments-opened="0" data-image-meta="{" aperture="" data-image-title="stepping-stones" data-image-description="" data-medium-file="https://wptavern.com/wp-content/uploads/2021/04/stepping-stones-300x169.jpg" data-large-file="https://wptavern.com/wp-content/uploads/2021/04/stepping-stones-500x281.jpg" loading="lazy" width="1792" height="1008" src="https://wptavern.com/wp-content/uploads/2021/04/stepping-stones.jpg" alt="Image décorative de pierres de gué entre les roseaux." class="wp-image-115476" srcset="https://wptavern.com/wp-content/uploads/2021/04/stepping-stones.jpg 1792w, https://wptavern.com/wp-content/uploads/2021/04/stepping-stones-300x169.jpg 300w, https://wptavern.com/wp-content/uploads/2021/04/stepping-stones-500x281.jpg 500w, https://wptavern.com/wp-content/uploads/2021/04/stepping-stones-768x432.jpg 768w, https://wptavern.com/wp-content/uploads/2021/04/stepping-stones-1536x864.jpg 1536w, https://wptavern.com/wp-content/uploads/2021/04/stepping-stones-178x100.jpg 178w, https://wptavern.com/wp-content/uploads/2021/04/stepping-stones-640x360.jpg 640w, https://wptavern.com/wp-content/uploads/2021/04/stepping-stones-896x504.jpg 896w, https://wptavern.com/wp-content/uploads/2021/04/stepping-stones-1366x768.jpg 1366w" sizes="(max-width: 1792px) 100vw, 1792px" />

Tous les auteurs de thèmes n’ont pas besoin de se mobiliser et d’essayer de révolutionner l’espace thématique – même si j’attends avec impatience ceux qui le font. D’autres voudront peut-être adopter une approche plus mesurée. FSE est un ensemble de nombreux sous-composants, dont certains sont livrés avec WordPress 5.8. Beaucoup d’entre eux n’exigent pas que les développeurs les acceptent. Ils «fonctionneront simplement». Sorte de. La plupart.

Les utilisateurs pourront passer en mode d’édition de modèles directement depuis l’éditeur de blocs. À partir de là, ils peuvent créer des modèles de page entiers de leur choix. Les auteurs de thèmes peuvent soit se mettre en travers de leur chemin en ne stylisant pas les blocs, soit rendre l’expérience plus agréable.

L’écran des widgets et le personnalisateur permettront aux utilisateurs finaux de thèmes traditionnels d’insérer des blocs dans l’une de leurs barres latérales. Certains auteurs de thèmes devront en tenir compte dans leurs conceptions. La sortie HTML peut perturber certaines mises en page. Pour ceux qui ne sont pas prêts, ils doivent désactiver la prise en charge des widgets basés sur des blocs.

L’outil le plus crucial, cependant, est entièrement facultatif pour les auteurs de thèmes. C’est l’introduction de theme.json Support. le theme.json Le fichier est la pierre angulaire du développement futur du thème. Il agit comme un fichier de configuration pour les paramètres de bloc et les styles, permettant aux auteurs de thèmes de définir les paramètres par défaut pour tout.

En un mot, les développeurs de thèmes peuvent configurer l’une des options de blocage de ce fichier, et ces options sont automatiquement gérées dans l’éditeur et sur le front-end.

Les thèmes peuvent également définir des valeurs par défaut pour les options de bloc qui n’existent pas encore dans l’interface. Le système les affichera automatiquement sous forme de styles, même si les utilisateurs ne peuvent pas les modifier dans la version 5.8.

Encore une fois, cela signifie moins de travail de code pour les utilisateurs à long terme. Bien qu’il y ait probablement toujours une place pour le CSS personnalisé, certains thèmes pourraient essentiellement être construits à partir de theme.json configurations. Ce n’est pas possible aujourd’hui. Cependant, les auteurs de thèmes peuvent commencer à profiter de cet outil.


Les thèmes ne vont pas dans le sens du dinosaure. Tout ce travail de code PHP trop complexe nécessaire dans le passé pourrait bien l’être. Le changement consiste à remettre les thèmes à leur place: le design. Des outils précédemment disponibles tels que des motifs et des styles associés aux nouvelles pièces telles que theme.json et les blocs liés aux modèles constitueront l’épine dorsale du nouveau système. Tout commence à se rassembler.

La transition prendra un certain temps, et chaque animateur devra décider pour lui-même dans quelle mesure il souhaite s’engager. Mais, le temps est proche. Je pourrais même lancer l’ancien éditeur de code et commencer à monter un projet moi-même. Il n’y a jamais eu de meilleur moment pour être enthousiasmé par le développement de thèmes que maintenant.

Comme ça:

Comme Chargement…

— to wptavern.com