Anne McCarthy a annoncé la deuxième tour de tests pour le programme de sensibilisation à l’édition complète du site (FSE). L’appel à tests demande aux utilisateurs de créer une page d’accueil à partir de l’éditeur de site du plugin Gutenberg. Les commentaires sont ouverts jusqu’au 5 mars.

Le première série de tests a commencé en décembre 2020 et s’est terminé le mois dernier. Les testeurs ont pu identifier plusieurs points douloureux avec le mode d’édition de modèles depuis l’éditeur de blocs. Le programme a créé des éléments exploitables que les développeurs de Gutenberg pourraient améliorer.

Ce deuxième tour est similaire. Cependant, les tests couvrent un domaine beaucoup plus vaste et plus complexe. Les utilisateurs quitteront l’éditeur de blocs familier et passeront à l’éditeur de site, qui est encore à des mois de devenir un produit viable.

McCarthy a énuméré un processus en 22 étapes pour créer une page d’accueil. Pendant que je le suivais, pour la plupart, je me suis ennuyé avant de terminer. C’est l’une des raisons pour lesquelles je fais un mauvais sujet de test. J’aime explorer et voir ce qui est possible par moi-même. Si j’ai une idée, je veux tenter son exécution. Je suis principalement resté fidèle au script global, même s’il était un peu en désordre.

Finalement, j’ai créé une page d’accueil personnalisée pour un restaurant appelé The Grilled Cheese – J’ouvrirais certainement ce restaurant dans le monde réel si je quittais un jour la communauté WordPress.

Page d'accueil personnalisée via l'éditeur de site de Gutenberg pour un restaurant fictif.
Page d’accueil du restaurant personnalisée avec barre latérale.

C’est raisonnablement simple. Au total, il m’a fallu environ deux heures pour jouer avec divers concepts avant d’arriver à ce stade. Construire quelque chose dont je serais heureux aurait pris quelques heures de plus.

Dans l’ensemble, je me sentais limité dans la présentation de ma page d’accueil idéale. Chaque étape était une bataille acharnée contre les outils. J’aurais pu construire cela en moins de la moitié du temps avec HTML et CSS. Je pourrais faire de même et plus avec d’autres plugins de création de page modernes pour WordPress.

Avant de plonger dans les résultats de mon test, j’ai une honnêteté brutale. TT1 Blocks, qui est le thème utilisé pour les tests FSE Outreach, n’est pas à la hauteur. Le thème ne gère pas de manière fiable la multitude de possibilités que l’éditeur du site met entre les mains des utilisateurs finaux. Toute cette expérience pourrait être rendue plus fluide avec un meilleur thème. Cependant, les choix sont limités et je ne suis pas sûr qu’il existe un meilleur thème basé sur des blocs à utiliser à ce stade.

Il y avait tellement d’incohérences entre l’éditeur du site et le front-end qu’il est inutile de les lister tous. L’espacement était grossièrement décalé. Je considère généralement cela comme une question thématique. J’ai passé une grande partie de mon temps en mode essai et erreur, à faire un ajustement dans l’éditeur et à me rafraîchir pour voir le résultat frontal. Rincer. Répéter.

Identifier les points douloureux

Bien que cet article critique l’éditeur du site, cela ne signifie pas que l’expérience a été totalement médiocre. Voir l’amélioration chaque semaine me donne l’espoir que WordPress aura un éditeur de site qui rivalise avec tout ce qui existe sur le marché. Finalement. Cependant, mon objectif ici est de fournir un véritable retour d’expérience que l’équipe peut utiliser.

En dehors des problèmes d’espacement généraux mentionnés précédemment, j’ai identifié plusieurs obstacles lors de la création d’une page d’accueil personnalisée.

Largeurs maximales

Lors de la conception d’une page de site complet via l’éditeur de site, un problème s’est démarqué plus que la plupart. WordPress manque d’un système bien équilibré de «largeur maximale». En tant qu’utilisateur, il ne me restait que peu de choix pour définir la largeur de la zone de contenu de ma page d’accueil. Actuellement, les auteurs de thèmes peuvent définir un contenu personnalisé, des largeurs larges et complètes. Cependant, ce système est horriblement limitatif. Les auteurs de thèmes ne peuvent pas faire grand-chose avec cela, et ce problème limite directement ce que les utilisateurs peuvent faire à la fois dans les éditeurs de bloc et de site.

J’ai déjà écrit sur le besoin d’un cadre de conception, celui qui est personnalisable par les auteurs de thèmes. Tailwind CSS a un système de largeur maximale qui offre une grande flexibilité. WordPress doit commencer à emprunter des idées à ces cadres de conception modernes.

Ajouter l’icône de bloc

Faire apparaître l’icône «Ajouter un bloc» lors du survol entre les éléments de la zone de contenu par défaut était difficile. J’ai dû positionner ma souris dans une position parfaite pour qu’elle apparaisse. C’était un exercice de frustration où le moindre mouvement faisait à nouveau disparaître l’icône.

Survolez l'icône
Localisation de l’icône «Ajouter un bloc».

Le passage en mode Barre d’outils supérieure a rendu cela beaucoup plus facile. Je suppose que la barre d’outils de bloc par défaut le cachait dans une certaine mesure. Le problème avec le passage à ce mode est que mon choix de barre d’outils n’a pas été enregistré. À chaque fois que je retournais dans l’éditeur du site, je devais l’activer à nouveau.

Bloc de requête

L’aspect le plus frustrant de la liste des articles sur une page d’accueil personnalisée était de fixer une limite. Je voulais mettre le nombre à trois. Cependant, le bloc Requête n’a aucune option pour cela. Finalement, j’ai créé un faux limiter en utilisant le filtre de catégorie, en choisissant celui qui ne contenait que quelques messages.

Utilisation du bloc Requête dans l'éditeur de site WordPress.
Limiter les publications en utilisant le filtre de catégorie du bloc de requête.

Un autre aspect déroutant du bloc de requête est le filtre de mots clés. Autant que je sache, WordPress n’a jamais utilisé la terminologie «mot-clé». En dehors des plugins de référencement, il ne semble pas y avoir de contexte pour ce que fait ce filtre. Je suppose que cela fonctionne comme un mot-clé de recherche.

Styles globaux pour tous les blocs

Lors du passage au panneau Styles globaux, j’ai remarqué que certains blocs manquaient lors de l’application de styles au niveau du bloc. En particulier, je souhaitais ajuster les styles du bloc Derniers commentaires.

Je suppose que seuls les blocs avec la typographie, les couleurs et d’autres options liées au design apparaissent dans la liste. Cela déroutera probablement les utilisateurs finaux lorsque l’éditeur du site débarquera dans WordPress. Tous les blocs doivent avoir des options de style que les utilisateurs peuvent personnaliser.

Pas de colonnes pleine largeur

Pour le contenu de ma page d’accueil, j’ai tenté de créer un bloc Colonnes pleine largeur. Cependant, les deux colonnes individuelles étaient de taille limitée malgré une prise de 66,67% et 33,33%, respectivement.

Inspecter la sortie des colonnes pleine largeur à partir de l'éditeur de site.
Colonnes pleine largeur ne couvrant pas toute la zone.

Cela semble être un problème thématique. Je dirais également que c’est l’un de ces moments où un contrôle plus direct sur la largeur maximale aurait aidé. Je voulais vraiment quelque chose qui se situait entre les largeurs complètes et larges du thème.

Images en vedette

Il n’y a aucun moyen de définir la taille de la sortie d’image par le bloc Post Featured Image. Le seul moyen d’obtenir une taille uniforme pour le moment est de pré-recadrer les images avant de les télécharger sur WordPress.

Il n’y a aucune raison pour laquelle cela ne devrait pas être essentiellement une variation du bloc Image. La seule chose dont les images présentées ont besoin est la possibilité de créer un lien vers la publication.


Source link