WordPress 5.9 : Top 20 des nouvelles fonctionnalités et améliorations
Publié: 2022-01-26
Avant de mettre à jour : n'oubliez pas d'exécuter une sauvegarde de votre site !
C'est ici : édition complète du site (FSE)
La plus grande nouveauté de WordPress 5.9 est l'arrivée du Full Site Editing (FSE). En un mot, l'édition complète du site est conçue pour vous donner le contrôle de l'ensemble de votre site, directement depuis l'administrateur WordPress.
L'objectif du projet WordPress Full Site Editing (FSE) est d'utiliser la puissance du modèle de bloc de Gutenberg dans une expérience d'édition au-delà du contenu des publications ou des pages. En d'autres termes, l'idée est de rendre l'ensemble du site personnalisable avec l'éditeur de blocs. Le mode d'édition complète du site comprend la structure du site et fournit des moyens de modifier les éléments globaux tels que les en-têtes et les pieds de page.
Auparavant, tous ces contrôles étaient gérés exclusivement par votre thème WordPress, donc l'intégration dans le noyau WordPress (avec un thème basé sur des blocs activé) est une rupture avec la façon dont WordPress gérait auparavant les styles à l'échelle du site pour des éléments tels que l'en-tête, le pied de page de votre site. , blog et articles de blog.
Cependant, il y a certaines choses à considérer avant de faire le changement.
- Vous avez besoin d'un thème basé sur des blocs pour utiliser réellement l'édition complète du site. Un thème de bloc est un thème WordPress avec des templates entièrement composés de blocs de sorte qu'en plus du contenu de publication des différents types de publication (pages, articles, …), l'éditeur de blocs peut également être utilisé pour éditer toutes les zones du site : les en-têtes , pieds de page, barres latérales, etc. Il y a de fortes chances que vous n'utilisiez pas de thème basé sur des blocs pour le moment.
- L' édition complète du site est encore dans une phase actuelle en tant que produit minimum viable . Cela permet une adoption progressive par les utilisateurs car la plupart des thèmes ne sont toujours pas prêts à utiliser cette fonctionnalité ou seraient incompatibles à l'avenir.
- Vous n'êtes pas obligé d'adopter l'édition complète du site. Si vous n'êtes pas encore prêt pour un thème basé sur des blocs, ne vous inquiétez pas. Les thèmes "classiques" continuent d'exister et de fonctionner comme toujours.
- Vous n'avez pas besoin de WordPress 5.9 ou d'un thème basé sur des blocs d'édition de site complet pour éditer entièrement votre site . Vous pouvez le faire maintenant dans Kadence Theme en utilisant l'addon pro qui vous permet de créer des modèles et d'accrocher des éléments de manière conditionnelle n'importe où sur votre site.
Sur cette note, voici ce que Ben Ritner, fondateur de Kadence WP, a à dire sur le passage à l'édition complète du site :
"Les choses les plus complexes ne sont toujours pas possibles dans l'édition complète du site simplement parce que des outils/fonctionnalités complexes n'ont pas encore été créés/implémentés en blocs. De plus, la plupart des plugins qui utilisent des types de publication personnalisés ne le prennent pas encore en charge (par exemple, WooCommerce). Les plugins fonctionneront correctement, cependant, ils ne vous donneront aucun contrôle supplémentaire.
-Ben Ritner, Ce que vous devez savoir sur WordPress 5.9
1. Présentation de l'éditeur de site (bêta)
Après avoir activé un thème de bloc, un nouvel élément de menu sous Apparence appelé " Éditeur (bêta) " s'affichera. Cet éditeur déverrouille la possibilité de modifier visuellement les styles et les blocs à l'échelle du site pour votre page d'accueil, vos modèles et vos parties de modèle.
Comme vous pouvez le voir, l'apparence et la conception sont similaires au tableau de bord d'administration WordPress et à l'éditeur de publication/page. Les éléments de menu sont situés à gauche et encore plus de paramètres sont disponibles dans la barre d'outils supérieure.
L'éditeur de site bêta est l'entrée pour l'édition :
- Modèles (article unique, archive, etc.)
- Éléments de modèle (en-tête, pied de page, etc.)
- Ajustez les styles via la barre latérale droite
Déballons chacun d'eux.
2. Édition + création de modèles
L'édition complète du site avec un thème basé sur des blocs déverrouille la possibilité de modifier les modèles de site. Dans WordPress, il s'agit traditionnellement des fichiers de code qui contrôlent la structure et le style des parties importantes de votre site.
Par exemple, Twenty Twenty-Two ajoute ces modèles :
- 404 - La "page" qui s'affiche lorsqu'aucun contenu n'est trouvé.
- Message unique - Comment un seul message s'affiche.
- Page – Comment une seule page s'affiche.
- Accueil – Votre page d'accueil.
- Index – La « page » qui affiche tous vos messages.
- Poteau unique (pas de séparateurs)
- Page (pas de séparateurs)
Cliquer sur l'un des noms de modèles dans la liste vous permettra de modifier le modèle dans un éditeur similaire à l'éditeur de publication/page. Formulaire ici, vous pouvez modifier les blocs, les couleurs, etc.
3. Personnalisation de la partie du modèle
Les parties de modèle sont un autre aspect de l'édition complète du site qui vous permet de contrôler des composants spécifiques à l'échelle du site de votre site, y compris l'en-tête et le pied de page.
Les pièces du modèle incluent :
- En- tête – Le modèle d'en-tête définit une zone de page qui contient généralement un titre, un logo et une navigation principale
- Pied de page – Le modèle de pied de page définit une zone de page qui contient généralement des crédits de site, des liens sociaux ou toute autre combinaison de blocs.
- Général – Les modèles généraux remplissent souvent un rôle spécifique, comme l'affichage du contenu des publications, et ne sont liés à aucun domaine particulier.
Cliquez sur n'importe quel élément de la liste pour le modifier ou vous pouvez en ajouter un nouveau.
4. Styles à l'échelle du site
Une autre fonctionnalité importante pour l'édition complète du site disponible dans l'éditeur (bêta) est les styles , la possibilité de personnaliser les couleurs, la typographie, les mises en page de votre site, etc. Avec Styles, vous pouvez modifier votre site ou lui donner un tout nouveau look avec des options pour tout, d'une nouvelle palette de couleurs pour vos boutons ou en choisissant une nouvelle police.
Vous trouverez des styles disponibles dans la barre d'outils supérieure de l'éditeur (bêta) en cliquant sur l'icône du cercle.
Le nouveau panneau Styles ouvre plusieurs options de paramètres, y compris
- Typographie – Gérez les paramètres de typographie pour différents éléments, y compris le texte et les liens.
- Couleurs – Gérez les palettes et la couleur par défaut des différents éléments globaux sur le site Web. Les palettes sont utilisées pour fournir des options de couleur par défaut pour les blocs et divers outils de conception. Ici, vous pouvez modifier les couleurs avec leurs étiquettes. Inclut l'arrière-plan, le texte et les liens.
- Mise en page - Ajouter un rembourrage
5. Styles de bloc à l'échelle du site
Les styles incluent également la possibilité de définir des styles par défaut pour tous les blocs. Cela peut être extrêmement utile pour les sites clients, par exemple, surtout si vous préférez ne pas laisser un client modifier trop de styles ou ajouter le sien.
Vous avez la possibilité de personnaliser l'apparence de blocs spécifiques chaque fois qu'ils sont utilisés, comme :
- Rubriques
- Listes
- Devis
- Boutons
- Couvertures
- Pullquotes
6. Twenty Twenty-Two, le premier thème de bloc par défaut
WordPress 5.9 est livré avec Twenty Twenty-Two, le premier thème de bloc par défaut de l'histoire de WordPress. Twenty Twenty-Two représente un exemple pour tout le monde de la vision de la façon dont un thème + Full Site Editing devrait fonctionner ensemble.
Depuis l'écran d'accueil de WordPress 5.9 :
"C'est plus qu'un nouveau thème par défaut. C'est une toute nouvelle façon de travailler avec les thèmes WordPress. Les thèmes de bloc mettent un large éventail de choix visuels entre vos mains, des schémas de couleurs et des combinaisons de polices aux modèles de page et aux filtres d'image - tous ensemble, dans l'interface d'édition du site. En apportant des modifications à un seul endroit, vous pouvez donner à Twenty Twenty-Two la même apparence que votre marque ou d'autres sites Web, ou orienter l'apparence de votre site dans une autre direction.
En ce qui concerne le design, Twenty Twenty-Two a une palette de 17 couleurs et des styles de dégradés audacieux et modernes inspirés de la nature. De plus, le thème utilise le léger Source Serif Pro pour les titres, associé à un sans-serif pour le support.
7. Nouveau bloc de navigation
WordPress 5.9 voit l'introduction d'un bloc de navigation qui permet aux utilisateurs de créer, gérer et réutiliser des menus construits avec divers blocs allant des liens de page aux logos de site et plus encore. Avec son inclusion dans la version 5.9 et toutes ses améliorations récentes, le bloc Navigation n'est plus considéré comme expérimental.
Le nouveau bloc de navigation vous donne le pouvoir de choisir un menu réactif toujours actif ou un menu qui s'adapte à la taille de l'écran de votre utilisateur. Quoi que vous créiez, sachez qu'il est là pour être réutilisé où bon vous semble, que ce soit dans un tout nouveau modèle ou après avoir changé de thème.
Notez simplement que le bloc de navigation n'est plus disponible uniquement pour les composants de modèle. Vous pouvez également utiliser le bloc dans n'importe quel article ou page.
8. Suppression du personnalisateur, des menus et des widgets (si vous utilisez un thème basé sur des blocs)
La page À propos de WordPress 5.9 explique :
"Lorsque vous utilisez l'un des nouveaux thèmes de bloc, vous n'avez plus besoin du Customizer. Au lieu de cela, vous disposez de toute la puissance de l'interface Styles dans l'éditeur de site. Tout comme dans Twenty Twenty?Two, vous y construisez l'apparence de votre site, avec les outils dont vous avez besoin pour le travail dans une interface fluide qui prend pratiquement vie entre vos mains.
Améliorations de l'éditeur de blocs + nouveaux blocs
WordPress 5.9 représente la plus grande version des fonctionnalités de Gutenberg depuis le lancement initial de Gutenberg dans WordPress 5.0. WordPress 5.9 intègre 12 versions de modifications apportées au plugin Gutenberg dans le noyau WordPress depuis la dernière version jusqu'au gel du code qui était Gutenberg 11.9.
9. Plus de paramètres et de contrôles pour les blocs
Pour terminer! WordPress 5.9 intègre de nouveaux outils de typographie, des contrôles de mise en page flexibles et un contrôle plus précis des détails tels que l'espacement, les bordures, etc. pour les blocs. Auparavant, les paramètres de bloc étaient tellement limités, surtout si vous vouliez affiner les détails.
Par exemple, le bloc de paragraphe par défaut inclut désormais des options de couleur pour la couleur du texte avec un aperçu hexadécimal, une couleur d'arrière-plan, des options étendues pour la typographie telles que la hauteur de ligne, la casse des lettres, l'espacement des lettres, etc.
10. Une vue de liste meilleure et plus puissante
De plus, vous pouvez désormais développer et réduire des blocs imbriqués, ce qui est utile pour naviguer dans des structures de blocs complexes.
11. Un meilleur bloc de galerie
Vous pouvez désormais traiter chaque image d'un bloc Galerie de la même manière que vous le feriez dans le bloc Image.
En cliquant sur une image individuelle dans votre galerie, vous pouvez la styliser différemment de la suivante (avec différents recadrages ou bichromies, par exemple) ou les rendre toutes identiques.
12. Explorateur de modèles de blocs intégré
Les modèles de blocs WordPress sont des dispositions de blocs WordPress prédéfinies prêtes à être insérées. Les modèles de blocs sont un groupe de blocs WordPress qui permettent aux utilisateurs de créer un nombre illimité de mises en page complexes en cliquant seulement sur quelques boutons.
Le répertoire de modèles WordPress abrite une large gamme de modèles de blocs conçus pour vous faire gagner du temps et ajouter des fonctionnalités de base au site. Avec le nombre croissant de modèles de blocs disponibles dans le répertoire de modèles et regroupés avec des thèmes, il existe désormais un explorateur de modèles modal en plein écran accessible via un bouton Explorer dans l'outil d'insertion de modèles.
Avec une vue presque plein écran qui vous attire pour voir les détails les plus fins, l'explorateur de modèles facilite la comparaison des modèles et le choix de celui auquel vos utilisateurs s'attendent. Cet explorateur permet aux utilisateurs de trouver des modèles dans un outil plus grand et plus avancé.
Cliquez simplement sur le bouton « Explorer » dans l'onglet Motifs après avoir cliqué dans le bloc d'insertion.
13. Poids des polices pour le bloc de titre
En tant que l'un des contrôles les plus fins pour les blocs, vous pouvez désormais choisir le poids de la police (apparence) pour le bloc d'en-tête. De plus, vous pouvez désormais contrôler la hauteur de ligne et l'espacement des lettres, ainsi que la casse des lettres.
Amélioration des performances
WordPress 5.9 inclut plusieurs améliorations pour les performances. Vous pouvez consulter toutes les améliorations de performances de WordPress 5.9 ici, y compris des comparaisons de vitesse impressionnantes.
14. Améliorations des performances de l'inséreuse de blocs
L'inséreuse de blocs a obtenu une bonne amélioration des performances ! Vous verrez probablement une différence lors de la recherche et de l'insertion de blocs avec rapidité et facilité.
15. Améliorations des images à chargement paresseux
Les images à chargement différé ont été introduites dans WordPress 5.5 et étendues ultérieurement pour couvrir également les iframes dans WordPress 5.7. Dans la prochaine version de WordPress 5.9, la mise en œuvre pour les deux a reçu quelques améliorations pour augmenter les performances.
Spécifiquement:
Améliorations pour les développeurs
16. Ressources pour créer des thèmes basés sur des blocs
Comme WordPress 5.9 introduit des thèmes basés sur des blocs qui utilisent des blocs pour définir les modèles qui structurent l'ensemble de votre site. Les nouveaux modèles et parties de modèle sont définis en HTML et utilisent le style personnalisé proposé dans theme.json.
Le référentiel theme-experiments a un thème vide qui est un bon passe-partout pour démarrer votre premier thème de bloc. Il existe également un script de ligne de commande pour vous aider à générer un thème de bloc pour vous aider à démarrer :
- La vue d'ensemble du thème de bloc explique les bases des thèmes de bloc ainsi que la structure et le format des thèmes.
- Créer un thème de bloc est un didacticiel complet décrivant la création d'un thème de bloc.
- Les paramètres et styles globaux expliquent comment utiliser le theme.json pour ajouter des styles à vos thèmes.
17. Mises à jour pour les paramètres, les styles et theme.json
WordPress 5.9 a remplacé theme.json v1 introduit dans WordPress 5.8 par un v2. Les fichiers theme.json v1 existants fonctionneront toujours comme prévu et seront transformés au moment de l'exécution au format v2 par WordPress.
Vous pouvez consulter le document de spécification en direct pour une description détaillée des fonctionnalités du fichier theme.json .
18. Plusieurs feuilles de style pour un bloc
Vous pouvez maintenant enregistrer plus d'une feuille de style par bloc. Vous pouvez l'utiliser pour partager des styles entre les blocs que vous écrivez ou pour charger des styles pour des blocs individuels, de sorte que vos styles ne soient chargés que lorsque le bloc est utilisé. En savoir plus sur l'utilisation de plusieurs feuilles de style dans un bloc.
19. Nouveaux crochets et fonctions pour travailler avec les publications, les types de publication et les taxonomies
Dans WordPress 5.9, de nouveaux crochets et fonctions sont ajoutés pour aider les développeurs à travailler avec les articles, les types d'articles et les taxonomies.
20. Nouvelle API pour accéder aux paramètres et styles globaux
Rejoignez-nous en direct pour l'événement de lancement de WordPress 5.9
Rejoignez Timothy Jacobs, iThemes Security Lead Developer et WordPress Core Committer, pour en savoir plus sur les nouvelles fonctionnalités offertes par la dernière version de WordPress. Nous parlerons de l'édition complète du site, d'une multitude d'améliorations de l'éditeur de blocs et de nombreux changements sous le capot qui en font le meilleur WordPress à ce jour.
Événement de lancement de WordPress 5.9 – Ce que vous devez savoir sur le dernier WordPress
Mardi 25 janvier @ 13h00 - 14h00 CT
S'inscrire maintenant
Vous ne pouvez pas participer au webinaire en direct ? Allez-y, inscrivez-vous et nous vous enverrons la rediffusion par e-mail.
Voir l'heure du webinaire dans votre fuseau horaire.