WordPress Gutenberg 9.2 – Des dizaines d’améliorations

Publié le 06 juin 2021 par Mycamer

WordPress Gutenberg 9.2 est là et il est livré avec un correctif de sécurité et de nombreuses améliorations, rapprochant Gutenberg d’un moyen entièrement développé de créer des pages Web.

Correctif de sécurité

Cette correctif de sécurité traite une forme d’attaque particulièrement méchante appelée attaque par déni de service par expression régulière (ReDoS). Une attaque ReDos provoque une surcharge de l’utilisation du processeur par un serveur, ce qui l’arrête.

J’ai demandé aux chercheurs de Wordfence, éditeurs de Wordfence WordPress Firewall and Security Scanner (@wordfence), à propos de la vulnérabilité reDoS qui a été corrigée et voici ce qu’ils ont dit :

« reDoS est quelque chose qui peut être dangereux dans certaines situations, mais dans ce cas, nous ne voyons pas de chemin réaliste à exploiter dans un environnement WordPress d’une manière qui serait rentable pour un attaquant.

Il s’agit d’une bibliothèque d’analyse d’URL, mais dans Gutenberg, elle s’exécuterait du côté client, avec un impact minimal sur PHP/MySQL du site.

Même avec un bogue à faible risque, il est bon de voir que cela est corrigé. Mais ce n’est pas un gros risque dans l’ensemble.

Publicité

Continuer la lecture ci-dessous

Image de remplacement pour le texte de remplacement

Le prochain changement notable consiste à ajouter un texte alternatif de remplacement pour quand aucun texte alternatif n’est spécifié. Gutenberg utilisera la légende comme texte alternatif.

Ce n’est sans doute pas une solution idéale car cela signifie qu’un lecteur d’écran va répéter deux fois la même phrase.

Le texte alternatif devrait idéalement être une description unique de ce qu’est l’image, qui devrait être différente de ce qui se trouve dans une légende.

D’après le descriptif :

“La légende de l’image est définie comme texte alternatif là où il n’y en a pas.”

Prise en charge des sous-titres vidéo

Gutenberg 9.2 ajoute la prise en charge de l’ajout de sous-titres vidéo, ce qui est une fonctionnalité plutôt intéressante. L’espace de travail multimédia vidéo comprend désormais une liste déroulante qui offre une option pour ajouter des sous-titres.

<img src="https://cdn.searchenginejournal.com/wp-content/uploads/2020/10/wordpress-video-subtitles-5f903bbc72767.png" alt="Capture d'écran de l'écran des options de média vidéo" />

Mise à jour de la conception du panneau d’information

Il y a une mise à jour de la façon dont un panneau d’informations apparaît. le panneau d’informations est un affichage basculé des statistiques du document actuel, telles que le nombre de caractères, les mots et les titres utilisés.

Publicité

Continuer la lecture ci-dessous

Il s’agit d’une amélioration de l’interface utilisateur, mais aussi d’un pis-aller jusqu’à ce qu’une version finale soit créée.

Capture d’écran du panneau d’informations amélioré

<img src="https://cdn.searchenginejournal.com/wp-content/uploads/2020/10/wp-info-panel-screenshot-5f903ae2907ef.png" alt="Capture d'écran du panneau d'informations qui peut être modifié dans une future itération de Gutenberg" />

La conception de ce panneau d’informations est une vue en colonnes. Un affichage de type colonne est horizontal (de gauche à droite), par opposition à un affichage basé sur des lignes qui est plus vertical (haut/bas).

Le panneau d’informations subit toujours des modifications de conception et devrait finalement devenir une approche davantage basée sur les lignes, appelée vue de liste.

Vous trouverez ci-dessous une capture d’écran de la version encore en développement du panneau d’informations.

Capture d’écran du panneau d’informations en cours de développement

<img src="https://cdn.searchenginejournal.com/wp-content/uploads/2020/10/wp-info-panel-screenshot-2-5f903aa9abd53.png" alt="Capture d'écran de la liste déroulante du panneau d'informations" />

Liste déroulante des détails du modèle WordPress

Il y a aussi un nouveau liste déroulante des informations sur le modèle qui fournit un nom et une description du modèle utilisé. Il est décrit avec précision comme une “liste déroulante d’informations de modèle très basique”.

Capture d’écran de la liste déroulante des informations sur le modèle très basique

<img src="https://cdn.searchenginejournal.com/wp-content/uploads/2020/10/wp-template-details-dropdown-5f903a6c0d354.png" alt="Capture d'écran de la liste déroulante des détails du nouveau modèle" />

Améliorations relativement mineures

Renommez le modal « Options » en « Préférences »

Il s’agit d’une amélioration de l’interface utilisateur qui clarifie un système de menu de la barre latérale, où il comporte des sections de niveau supérieur de Affichage, Éditeur, Outils et Options, la section Options étant renommée en Préférences.

Publicité

Continuer la lecture ci-dessous

Il y a de nombreuses améliorations comme celle-ci que je laisse de côté. Ils sont importants mais au niveau du fonctionnement des serrures automatiques de votre voiture.

Amélioration des dispositions basées sur des colonnes

Ce changement est une amélioration du processus de création de mises en page basées sur des colonnes. Il ajoute la possibilité de créer un bloc à une seule colonne.

Capture d’écran de l’option de mise en page à colonne unique nouvellement disponible

<img src="https://cdn.searchenginejournal.com/wp-content/uploads/2020/10/single-column-block-5f90398873c35.png" alt="Capture d'écran de la section d'édition avec le nouveau choix à une colonne" />

La possibilité d’ajouter une section à une seule colonne à une mise en page est importante. C’est une fonctionnalité courante dans les constructeurs WordPress comme Divi. C’est donc un ajout bienvenu à Gutenberg qui étend sa capacité à créer de belles mises en page WordPress.

Publicité

Continuer la lecture ci-dessous

Capture d’écran d’une sortie de section de mise en page à une seule colonne

Selon les développeurs WordPress :

<img src="https://cdn.searchenginejournal.com/wp-content/uploads/2020/10/single-column-example-5f90395c6e20c.png" alt="capture d'écran d'un exemple de section de page Web à une seule colonne" />

« Cela… facilitera la création de mises en page plus robustes basées sur des colonnes. Au lieu de dépendre de la commutation entre l’utilisation des blocs Colonnes et Groupe, la fonctionnalité de colonne unique dans un bloc Colonnes permet de créer des mises en page intéressantes plus facilement et plus rapidement.

Options d’écriture sans distraction

Une amélioration du “mode projecteur” de création de contenu qui masque les outils d’édition, qui met en valeur la section en cours de travail et réduit les effets de style de thème.

Publicité

Continuer la lecture ci-dessous

C’est un environnement d’édition sans distraction qu’un créateur de contenu peut choisir.

Capture d’écran de l’écriture sans distraction

<img src="https://cdn.searchenginejournal.com/wp-content/uploads/2020/10/distraction-free-writing-mode-5f9038739291a.png" alt="Capture d'écran du mode d'écriture sans distraction" />

Publier le lien de l’image en vedette

Cela ajoute la possibilité de faire de l’image en vedette un lien vers l’article. La documentation n’est pas claire quant à savoir s’il s’agit d’une section qui répertorie les articles où une image en vedette peut être un élément cliquable.

le Documentation GitHub car cette section comprend une question d’autres membres de l’équipe à ce sujet :

Publicité

Continuer la lecture ci-dessous

« À quoi renvoie l’image présentée ? La poste? L’image elle-même ? Puis-je écrire mon propre lien personnalisé ? »

Et il y a une discussion sur l’ajout d’options pour ouvrir l’image en vedette dans un nouvel onglet et ajouter un attribut rel au lien.

En fin de compte, il a été conclu qu’il fallait ajouter le moins de fonctionnalités et les ajouter si le besoin se présentait, car il est plus facile d’ajouter des fonctionnalités que de supprimer une fonctionnalité après qu’elle a été découverte comme étant superflue.

L’hypothèse logique est que la possibilité de faire d’une image en vedette un lien sert à améliorer l’expérience utilisateur pour les visiteurs du site qui peuvent vouloir cliquer sur une image en vedette pour accéder à un article.

Écran des widgets

L’écran des widgets comporte de nombreuses améliorations incrémentielles, notamment des améliorations d’accessibilité. L’amélioration de l’accessibilité consiste à ajouter des étiquettes significatives aux points de repère ARIA pour les rendre plus descriptifs.

Selon le Page GitHub:

“Ce minuscule PR fournit des noms plus significatifs pour les points de repère ARIA dans le nouvel écran Widgets en passant des étiquettes spécifiques au lieu de se fier aux valeurs par défaut.”

Publicité

Continuer la lecture ci-dessous

Nouvelles API et fonctionnalités expérimentales

Au-delà des ajouts incrémentiels et importants ci-dessus, il existe des ajouts plus techniques tels que la prise en charge des blocs côté serveur explicite, principalement sous les améliorations de type capot.

Les améliorations des « expériences » affectent le bloc de requête et l’éditeur de site. Il s’agit généralement d’améliorations de l’interface utilisateur et des fonctionnalités du fonctionnement des interfaces de bloc et de l’ajout d’options basiques mais importantes comme l’ajout de “Prise en charge des types de publication personnalisés dans le bloc de requête. “

De même, la section « expériences » de l’éditeur de site comporte des améliorations telles que l’ajout d’un sélecteur de page et d’une option de sélecteur de modèle au panneau de navigation.

<img src="https://cdn.searchenginejournal.com/wp-content/uploads/2020/10/page-switcher-5f9037d6955e8.gif" alt="Capture d'écran du sélecteur de page Gutenberg 9.2" />

Corrections de bugs, performances et documentation

Gutenberg 9.2 est livré avec des dizaines de corrections de bogues, quelques améliorations de performances sous le capot, des ajouts à la documentation et des corrections de qualité du code.

Publicité

Continuer la lecture ci-dessous

Dans l’ensemble, ces améliorations visent à faire de Gutenberg un moyen viable de créer des sites Web WordPress.

Un certain nombre d’ajouts sont déjà disponibles dans les constructeurs de pages tiers modernes. Donc, d’une certaine manière, WordPress rattrape son retard. Néanmoins, il s’agit d’un progrès vers un processus d’édition de site moderne.

Citations

Annonce officielle de WordPress

Quoi de neuf à Gutenberg ? (21 octobre)



— to www.searchenginejournal.com