À quoi s'attendre dans WordPress 6.2

Publié: 2023-03-24

WordPress 6.2 sera la première version majeure de 2023 lorsqu'elle sortira le mardi 28 mars. Avec des améliorations significatives des interfaces de l'éditeur de site et de bloc, la version 6.2 marque également la fin de la phase bêta de l'éditeur de site et le début de la fin de la deuxième phase du projet Gutenberg. La deuxième phase de Gutenberg s'est concentrée sur les options de personnalisation de l'édition complète du site, et WordPress 6.2 montre à quel point ce qui a été livré ! Dans la perspective de WordPress 6.3, le développement de Gutenberg se tournera vers les fonctionnalités de collaboration - écriture, édition et création de sites avec deux utilisateurs actifs simultanément ou plus.

WordPress 6.2

L'expérience d'édition de site brille dans WordPress 6.2

Avec WordPress 6.2, vous pourrez personnaliser les blocs globalement ou individuellement plus rapidement que jamais. Naviguer à travers les modèles de page pour les modifier et leurs sous-composants est maintenant beaucoup plus facile, grâce à un nouveau mode de navigation dans l'expérience d'édition du site. Des aperçus internes et un Style Book permettent de voir vos modifications en direct avant de les enregistrer. Ce n'est pas tout - WordPress 6.2 apporte de gros gains de performances, un nouveau mode d'écriture sans distraction, un bloc de navigation repensé et verrouillable, de nouveaux modèles d'en-tête et de pied de page, de nombreuses améliorations d'interface et de nombreuses commodités pour les développeurs.

Dix points forts de WordPress 6.2.
Dix points forts de WordPress 6.2.

Naviguez et modifiez facilement la structure de votre site avec le mode navigation

Lorsque vous accédez à l'éditeur de site dans la version 6.2, une large barre latérale s'ouvre avec la navigation pour les modèles de page de votre site. Auparavant, vous auriez été directement dans l'éditeur de modèles. Avec 6.2, cette expérience a été repensée comme un "mode de navigation" pour l'édition du site. Naviguer entre les modèles (et les parties de modèle) ou ajouter de nouveaux modèles (ou un niveau imbriqué) à partir de la barre latérale de l'éditeur de site est beaucoup plus facile et plus intuitif grâce au mode navigation.

En mode navigation, vous pouvez vous déplacer sur tout votre site pour modifier et prévisualiser les modèles et les parties de modèle. Comme pour les paramètres de personnalisation dans les thèmes "classiques", toutes les modifications que vous apportez aux modèles, aux composants de modèle et aux blocs qu'ils contiennent n'ont pas besoin d'être enregistrées immédiatement. Une fois que vous êtes satisfait des résultats, vous pouvez utiliser la nouvelle option d'enregistrement global multi-entités pour publier toutes (ou seulement certaines) vos modifications ensemble.

Sauvegarde globale multi-entités dans le mode navigation de l'éditeur de site.
Utilisez la sauvegarde globale multi-entités tout en apportant des modifications dans le mode de navigation de l'éditeur de site.

Identifiez rapidement les blocs réutilisables et les pièces de modèle répétées avec la couleur

Les parties de modèle et les blocs réutilisables sont colorés dans la barre d'outils de bloc et la vue de liste, ainsi que dans le canevas principal de l'éditeur. Cela les distingue clairement en tant que parties du site qui seront modifiées globalement lorsque l'une d'entre elles sera modifiée.

Blocs et pièces de modèle réutilisables et répétés colorisés.
Blocs et pièces de modèle réutilisables et répétés colorisés.

Déplacez-vous intuitivement entre les paramètres de style de bloc individuels et globaux

Les paramètres de bloc sont mieux organisés et intégrés aux styles de thème globaux dans WordPress 6.2. Vous pouvez désormais vous déplacer facilement entre les styles globaux ou individuels d'un thème pour les modèles, les modèles et les blocs. Cela vous permet de concentrer vos efforts de personnalisation sur un niveau très granulaire et bas ou de passer à un niveau supérieur, à l'échelle du site. Si vous ne souhaitez pas qu'un style s'applique globalement, mais que vous souhaitez qu'il s'applique à plusieurs blocs, vous pouvez copier un style individuel d'un bloc à un autre. Si vous souhaitez appliquer le style d'un seul bloc globalement à tous les autres, vous pouvez également le faire.

Voici les changements les plus importants apportés à l'expérience d'édition des blocs et des styles globaux dans WordPress 6.2 :

  • Les paramètres de conception et fonctionnels des blocs sont séparés dans les commandes de la barre latérale des blocs sous les onglets Paramètres et Styles. (Filtrer)
  • Les styles de bloc individuels peuvent être transformés en styles globaux sous l'onglet Avancé dans les paramètres de n'importe quel bloc. (Vidéo)
  • Vous pouvez également copier et coller des styles d'un bloc à un autre. (Vidéo) Cette fonctionnalité fonctionne au-delà des blocs principaux de WordPress, mais n'a pas encore été largement testée et peut ne pas fonctionner avec tous les blocs tiers.
  • Les styles de thème peuvent être prévisualisés dans une vue agrandie dans la zone de canevas principale, afin que vous puissiez voir à quoi ils ressembleront lorsqu'ils seront appliqués à la page actuelle. (Vidéo)
  • Les variations de style pour les blocs peuvent être modifiées dans les paramètres de styles globaux sous Styles › Blocs . (Vidéo)
  • Le panneau des paramètres de styles globaux affiche un aperçu de vos modifications de style au fur et à mesure que vous les effectuez. (Vidéo)
  • Les paramètres de styles de thème globaux incluent un panneau d'options pour les CSS personnalisés, et les blocs peuvent également prendre des règles CSS personnalisées qui ne s'appliquent qu'à eux individuellement. (Vidéo)

Concevez ou personnalisez complètement un thème avec le Style Book

Dans le menu des options de styles globaux, le livre de style est une nouvelle façon d'obtenir une vue globale de tous vos blocs avec leur style actuel. Vous pouvez apporter des modifications à leurs styles dans le Style Book et les appliquer globalement. Si vous avez besoin de vous concentrer sur un modèle ou un bloc particulier, il est facile de basculer vers eux à partir de la vue globale et inversement.

Il est possible de concevoir ou de personnaliser un thème entièrement à partir du Style Book en travaillant sur les styles globaux !

Appliquer des variations de style de thème dans le livre de style.
Appliquer des variations de style de thème dans le livre de style.

Transformez les widgets en blocs

Dans WordPress 6.2, il existe enfin un chemin de migration vers de nouveaux thèmes de blocs pour les sites utilisant des thèmes et des widgets "classiques". Les anciens widgets peuvent maintenant être convertis en nouveaux blocs. (Vidéo)

Utiliser des modèles d'en-tête et de pied de page standard

Il est plus facile de démarrer avec de nouvelles mises en page de site grâce à ces modèles d'en-tête et de pied de page fournis avec WordPress 6.2 et disponibles sur WordPress.org :

En-têtes

  • En-tête à l'intérieur de l'image d'arrière-plan pleine largeur
  • En-tête simple avec fond sombre
  • En-tête de texte uniquement avec slogan
  • En-tête simple avec slogan
  • Titre du site et bouton de menu
  • En-tête avec l'image du héros
  • En-tête centré avec logo
  • En-tête avec une grande taille de police
  • En-tête simple

Pieds de page

  • Pied de page centré
  • Pied de page avec recherche, titre du site et ligne de crédit
  • Pied de page avec titre du site et ligne de crédit
  • Pied de page avec navigation et ligne de crédit
  • Pied de page avec couleur d'arrière-plan et trois colonnes
  • Pied de page centré avec liens sociaux
  • Pied de page avec ligne de crédit et navigation
  • Pied de page aligné à gauche
Un motif d'en-tête pleine largeur avec une image de héros.
Motif d'en-tête pleine largeur avec une image de héros.

Les blocs deviennent encore meilleurs dans WordPress 6.2

Nouvelles commandes de bloc et améliorations de l'interface de l'éditeur de blocs

Concevoir un site au niveau de la page et du bloc avec l'éditeur de blocs est une bien meilleure expérience grâce à plusieurs améliorations d'interface dans WordPress 6.2 :

  • Les blocs enfants ont désormais des options de contrôle de la largeur : Ajuster, Remplir ou Fixe. Ceux-ci sont pratiques pour les blocs enfants dans les groupes de blocs et les lignes.
  • Les blocs de légende sont désormais facultatifs. Vous pouvez les activer ou les désactiver dans la barre d'outils des blocs. Il s'agit d'une fonctionnalité ajoutée à Gutenberg 14.4. (Vidéo)
  • Les contrôles de bloc peuvent être rendus "collants" afin qu'ils restent en haut des paramètres de bloc dans la barre latérale de l'éditeur de blocs. (Vidéo)
  • Les panneaux de liste de blocs et de plan de document ont été combinés dans la barre latérale gauche. (Vidéo)
  • L'inséreuse comprend désormais un onglet Média à côté des blocs et des modèles. Sous l'onglet Médias, vous trouverez l'accès à vos images dans le gestionnaire de médias et à des centaines de millions d'autres dans Openverse. (Vidéo)
  • Modernisation de l'interface de l'outil de sélection des points focaux Cover Block. (Vidéo)
Les paramètres de la barre latérale de l'éditeur de blocs sont désormais représentés par une icône de barre latérale au lieu d'une icône d'engrenage.
Les paramètres de la barre latérale de l'éditeur de blocs sont désormais représentés par une icône de barre latérale au lieu d'une icône d'engrenage.

Le bloc de navigation est plus facile à modifier

L'édition du menu de navigation est maintenant plus facile avec un bloc de liste de pages qui s'ouvre dans la barre latérale droite lorsque vous modifiez un bloc de menu. Dans le contour des blocs de la barre latérale gauche sur une page, une vue de liste pour les blocs de navigation simplifie la navigation et l'organisation des éléments de menu sur la page.

Paramètres de liste de pages, de style et de mise en page d'un bloc de navigation.
Paramètres de liste de pages, de style et de mise en page d'un bloc de navigation.

Le bloc de navigation peut être verrouillé

Les agences, les indépendants et toute autre personne qui conçoit des sites pour des clients seront ravis de constater qu'ils peuvent restreindre les privilèges d'édition de menu dans WordPress 6.2. (Vidéo) Vous pouvez également verrouiller les blocs internes contenant des liens de navigation et des sous-menus contre la suppression ou les modifications indésirables de leur contenu et/ou de leur emplacement.

Verrouillage du bloc de navigation.
Verrouillez les blocs de navigation et leurs sous-éléments afin qu'ils ne puissent pas être modifiés.

Nouveaux outils et améliorations dans WordPress 6.2

Mode d'écriture sans distraction

Un nouveau mode d'écriture sans distraction est disponible dans les préférences de l'éditeur de blocs. Comment cela fonctionne lorsque vous l'activez dans cette vidéo de démonstration par Anne McCarthy.

Améliorations de l'accessibilité

Comme les conceptions d'interfaces se répètent et changent rapidement, les améliorations d'accessibilité doivent faire partie de l'évolution de WordPress. WordPress 6.2 a fait de bons progrès à cet égard, garantissant que toutes les expériences utilisateur sont meilleures.

Fonctionnalités et améliorations pour les développeurs

Il existe de nombreuses améliorations en coulisses pour les développeurs dans WordPress 6.2. Voir le guide de terrain 6.2, le résumé exhaustif d'Anne McCarthy et la liste de Birgit Pauli-Haack des nombreux changements d'éditeur divers.

Une fonctionnalité orientée développeur qui mérite une attention particulière est l'expansion de l'API patterns pour inclure une propriété template_types . Avec template_types les développeurs de modèles de blocs peuvent spécifier les modèles auxquels appartiennent leurs modèles.

Gains de performances

L'équipe Performance a comparé WordPress 6.2 pour les scores Web Vitals et Server Timing à l'aide de thèmes classiques et de blocs. Par rapport à WordPress 6.1.1, le test du thème de bloc était plus de 20 % plus rapide dans son score Time-to-First-Byte (TTFB) et plus de 14 % plus rapide dans son score Largest Contentful Paint (LCP).

Ne manquez pas la mise à jour WordPress 6.2 !

Avec toutes les fonctionnalités nouvelles et améliorées incluses dans la version 6.2, vous voudrez en profiter immédiatement. Cependant, il s'agit d'une mise à jour majeure, c'est donc le bon moment pour l'appliquer d'abord sur un serveur intermédiaire avec une copie de votre site existant avant de mettre à jour votre site de production en direct.

Adopter rapidement des versions mineures de sécurité et de maintenance est toujours une bonne idée car cela vous protégera, vous, vos utilisateurs et les visiteurs de votre site. Les versions majeures contiennent rarement des correctifs de sécurité. Ils se concentrent sur les fonctionnalités et les améliorations, de sorte que les versions mineures suivent généralement peu de temps après une version majeure, car l'attention se tourne vers le durcissement et le polissage. Les semaines avant et après une version majeure sont une bonne fenêtre de temps pour la tester.

C'est une période passionnante alors que l'expérience d'édition de site principale mûrit et que les thèmes WordPress évoluent pour l'adopter. WordPress 6.2 va changer votre façon de penser et de travailler avec les thèmes. Vous constaterez qu'il est plus facile, plus rapide et plus intuitif de créer n'importe quel type de site Web avec WordPress qu'il ne l'a jamais été auparavant.

Rejoignez-nous pour l'événement de lancement de WordPress 6.2

Le 5 avril 2023, à 13h00 (Centre), iThemes Training accueillera l'événement de lancement de WordPress 6.2. Rejoignez Timothy Jacobs, développeur principal de la sécurité iThemes et WordPress Core Committer, pour une visite des nouvelles fonctionnalités qui seront déployées.

Inscription gratuite!