Sélectionner une page


Anne McCarthy a annoncé que deuxième tour de tests pour le programme de sensibilisation FSE (Full Site Editing). L’appel au test invite les utilisateurs à 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 pourraient Identifiez plusieurs points douloureux avec le mode d’édition de modèle depuis l’éditeur de blocs. Le programme a créé des éléments exploitables que les développeurs de Gutenberg pourraient travailler à améliorer.

Ce deuxième tour est similaire. Cependant, les tests couvrent un domaine beaucoup plus vaste et complexe. Les utilisateurs quittent l’éditeur de blocs familier et passent à l’éditeur de site, à des mois d’un produit utilisable.

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 d’avoir fini. C’est l’une des raisons pour lesquelles je me soucie d’un mauvais élément de test. J’aime explorer et voir ce qui est possible par moi-même. Quand j’ai une idée, je veux essayer de la réaliser. J’ai surtout collé à l’ensemble du script même s’il était un peu en désordre.

Enfin, 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 assez simple. Au total, il m’a fallu environ deux heures pour jouer avec différents concepts avant d’arriver à ce point. Construire quelque chose dont je serais heureux aurait pris quelques heures de plus.

Dans l’ensemble, je me sentais limité dans la conception de ma page d’accueil idéale. Chaque étape était une bataille acharnée contre les outils. J’aurais pu le faire en moins de la moitié du temps en utilisant HTML et CSS. Je pourrais faire la même chose 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. Les blocs TT1, le sujet utilisé pour les tests d’approche FSE, ne conviennent pas pour le tabac à priser. Le sujet ne couvre pas de manière fiable la multitude de possibilités que l’éditeur du site offre aux utilisateurs finaux. Toute cette expérience pourrait être rendue plus fluide avec un meilleur thème. Les choix sont limités, cependant, et je ne suis pas sûr qu’il existe un meilleur thème basé sur des blocs pour travailler avec à ce stade.

Il y avait tellement d’incohérences entre l’éditeur du site et le front-end qu’il est peu logique de les lister tous. La distance a été considérablement réduite. Je vois généralement cela comme un problème. J’ai passé une grande partie de mon temps à faire des essais et des erreurs, à faire un ajustement dans l’éditeur et à mettre à jour pour afficher le résultat frontal. Faire la vaisselle. Répéter.

Identifier les points douloureux

Bien que cet article critique l’éditeur du site, cela ne signifie pas que l’expérience globale a été mauvaise. Quand je vois l’amélioration chaque semaine, j’espère que WordPress a un éditeur de site qui peut suivre tout ce qui existe sur le marché. À la fin. 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 complète à l’aide de l’éditeur de site, un problème de plus que la plupart des autres s’est posé. WordPress manque d’un système arrondi avec une largeur maximale. En tant qu’utilisateur, je n’avais que quelques options pour déterminer la largeur de la zone de contenu de ma page d’accueil. Actuellement, les auteurs de sujets peuvent définir un contenu personnalisé, des largeurs larges et complètes. Cependant, ce système est terriblement limitatif. Les auteurs ne peuvent pas faire grand-chose avec les sujets, et ce problème limite directement ce que les utilisateurs peuvent faire à la fois dans les éditeurs de bloc et de site.

J’ai écrit à leur sujet avant Besoin d’un cadre de conception, celui qui est personnalisable par les auteurs de sujets. Tailwind CSS en a un Système avec largeur maximale qui offre une grande flexibilité. WordPress doit commencer à emprunter des idées à ces cadres de conception modernes.

Ajouter un symbole de bloc

L’icône Ajouter un bloc était difficile à voir lorsqu’elle flottait entre les éléments de la zone de contenu standard. 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.

Déplacez le pointeur de la souris sur le symbole
Recherchez l’icône Ajouter un bloc.

Le passage au mode de la barre d’outils supérieure a rendu cela beaucoup plus facile. Je suppose que la barre d’outils de bloc standard l’a masquée dans une certaine mesure. Le problème avec le passage à ce mode est que mes sélections dans la barre d’outils n’ont pas été enregistrées. Chaque fois que je retournais dans l’éditeur du site, je devais le réactiver.

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 de requête n’a aucune option pour cela. Enfin, j’en ai fait un Faux Limitez l’utilisation du filtre de catégorie et choisissez-en un qui ne contient que quelques articles.

Mettre à jour: Il est possible de définir une limite comme indiqué par Nick dans les commentaires. Il y a une icône de paramètres dans la barre d’outils qui vous permet de définir le nombre de publications par page, le décalage et le nombre maximum de pages. Je ne sais pas pourquoi ces paramètres de requête particuliers sont séparés des autres dans la barre latérale. Il est plus logique de les regrouper.

Utilisation du bloc de requête dans l'éditeur de site WordPress.
Limitez les publications à l’aide du filtre de catégorie du bloc de requête.

Un autre aspect déroutant du bloc de requête est le filtre par mot-clé. 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 le fonctionnement de ce filtre. Je suppose que cela fonctionne comme un terme de recherche.

Styles globaux pour tous les blocs

Lorsque je suis passé au panneau Styles globaux, j’ai remarqué que lors de l’application de styles au niveau des blocs, certains blocs manquaient. En particulier, je voulais personnaliser les styles du bloc Commentaires récents.

Je suppose que seuls les blocs avec la typographie, les couleurs et d’autres options liées à la conception apparaîtront dans la liste. Cela risque de semer la confusion chez les utilisateurs finaux lorsque l’éditeur du site arrive dans WordPress. Tous les blocs doivent avoir des options de style que les utilisateurs peuvent personnaliser.

Aucune colonne pleine largeur

Pour le contenu de ma page d’accueil, j’ai essayé de créer un bloc de colonnes pleine largeur. Cependant, la taille des deux colonnes individuelles était limitée, même si elles représentaient respectivement 66,67% et 33,33%.

Vérifiez la sortie des colonnes pleine largeur à partir de l'éditeur de site.
Colonnes pleine largeur qui ne couvrent pas toute la zone.

Cela semble être un problème. 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 soit entre l’étendue et l’ampleur du sujet.

Images sélectionnées

Il n’existe aucun moyen de définir la taille de la quantité d’images renvoyées par le bloc Publier l’image en vedette. Le seul moyen d’obtenir une taille cohérente est de prédécouper les images avant de les télécharger sur WordPress.

Il n’y a aucune raison pour laquelle cela ne devrait pas nécessairement être une variation du bloc d’image. La seule chose que les images présentées doivent faire différemment est la possibilité de créer un lien vers la publication.



Source link

Recent Posts