Créer une page 404 personnalisée – WordPress Tavern

Le programme de sensibilisation Full Site Editing (FSE) a lancé son troisième appel de test, en poursuivant l’effort pour impliquer les utilisateurs dans un flux de test structuré axé sur des tâches pratiques spécifiques. Les tours précédents avaient des testeurs création d’une page d’accueil personnalisée et explorer la distinction entre les modes d’édition (modèle vs page / article).

Le défi de la troisième manche est de créer une page 404 amusante et personnalisée. Cette page est souvent l’occasion pour les marques et les particuliers d’injecter un peu d’humour et de créativité dans leurs sites Web, transformant une expérience potentiellement négative en un chemin de retour vers des liens de travail. Dans le passé, les propriétaires de sites qui n’étaient pas à l’aise avec le code devaient s’appuyer sur des plugins pour concevoir leurs 404 pages. Les nouvelles fonctionnalités FSE ouvriront un tout nouveau monde de personnalisation.

Les testeurs qui souhaitent se lancer dans ce défi devront mettre en place un environnement de test qui utilise WordPress 5.7, le Thème TT1 Blockset Gutenberg 10.1.1 (dernière version). Rien de spécial n’est requis, il est donc facile de se lancer et de commencer à tester tout de suite.

Anne McCarthy, qui dirige le programme FSE Outreach, a publié un flux de test détaillé qui fournit une exploration guidée du modèle 404 et des tâches simples comme l’ajout de la navigation et d’autres blocs.

Ce défi m’a semblé être un bon endroit pour me plonger dans les tests FSE et vérifier les progrès de l’équipe au cours des derniers mois. Voici ce que j’ai décidé de faire: ajouter un gif amusant, un formulaire de recherche et un bouton pour rentrer à la maison.

L’une des premières étapes consiste à ouvrir le Bascule de navigation et dirigez-vous vers Modèles> 404. Le «Bascule de navigation» fait référence à l’icône WordPress dans le coin supérieur gauche de la page, mais en tant que nouvel utilisateur, je m’attendrais à ce que cela me ramène au tableau de bord. La dénomination ne semble pas claire et j’ai dû chercher ce que signifiait Navigation Toggle.

En suivant les instructions, j’ai sélectionné la partie du modèle d’en-tête et l’ai supprimée de la page 404, mais je ne pense pas qu’il soit évident pour les utilisateurs qu’il soit possible de supprimer toute la partie du modèle en une seule fois. Sans les instructions, j’aurais probablement commencé à supprimer tous les blocs dans la partie du modèle d’en-tête avant d’essayer de comprendre comment supprimer le tout.

Le flux de test demande aux utilisateurs d’insérer un bloc de partie de modèle, de sélectionner l’option “Nouvelle partie de modèle” et d’ajouter un titre personnalisé tel que “En-tête 404”. Bien que cette fonctionnalité fonctionne techniquement, cela semble être une connaissance des utilisateurs expérimentés et je ne vois pas les propriétaires de sites moins techniques avoir la moindre idée que cela est possible ou comprendre son objectif sans lire de didacticiels.

L’un des aspects qui pourrait être amélioré est que les nouvelles parties de modèle ne sont pas enregistrées tant que vous n’avez pas cliqué sur “Mettre à jour la conception”. Si vous vous éloignez du bloc et continuez d’autres parties de la conception, il semble qu’il n’a pas été enregistré et vous pourriez être tenté de le créer à nouveau, comme je l’étais. Cliquez sur «Mettre à jour la conception» pour afficher toutes les parties du modèle que vous avez créées et nécessite une confirmation pour les enregistrer. Cela peut devenir déroutant si vous ne faites pas un point pour vous arrêter et enregistrer périodiquement.

Une fois le dessin enregistré, il n’y a pas de confirmation mais le bouton n’est plus utilisable. L’interface pourrait mieux communiquer cela.

Je n’ai rien rencontré de cassé, même si plusieurs aspects pourraient être considérablement améliorés. Tout ce qui est décrit dans le flux de test semble fonctionner comme il se doit, si les utilisateurs peuvent le trouver. Ce sera un véritable défi de rendre l’interface incroyablement simple pour que les utilisateurs ordinaires se sentent à l’aise de savoir quand et comment créer leurs propres éléments de modèle.

L’ajout de blocs supplémentaires était assez facile lorsque j’ai personnalisé le contenu de la page 404. J’ai sauté la partie du script de test qui impliquait la création d’un menu.

Malheureusement, l’aperçu ne ressemblait en rien à l’affichage sur le frontend, mais je suppose que c’est toujours en cours. Après avoir essayé plusieurs sources, j’ai trouvé que l’intégration ne fonctionnait pas et que certains styles de bloc étaient désactivés.

Le flux de test pour ce défi s’est principalement concentré sur la création de contenu dans la nouvelle partie de modèle. Cet aspect du test semblait fonctionner, mais il y a quelques éléments qui pourraient être considérablement améliorés. La dernière partie du défi consiste à répondre aux questions suivantes:

• L’expérience a-t-elle échoué à un moment donné? Non
• L’expérience de sauvegarde a-t-elle fonctionné correctement? Oui mais c’était déroutant sans aucune confirmation.
• L’expérience d’enregistrement a-t-elle eu un sens lors de la modification de la partie de modèle par rapport au contenu général? Cela s’est produit après avoir pris un certain temps pour l’explorer, mais ce n’est pas un concept qui serait immédiatement évident pour les débutants.
• Qu’avez-vous trouvé particulièrement déroutant ou frustrant dans l’expérience? L’enregistrement des parties du modèle était déroutant et les aperçus sont bien meilleurs que ce que vous obtenez sur le frontend.
• Qu’est-ce que vous avez particulièrement apprécié ou apprécié dans cette expérience? J’ai apprécié la possibilité d’éditer des modèles et des parties de modèle sans sauter dans le code.
• Avez-vous trouvé que ce que vous avez créé dans l’éditeur de site correspondait à ce que vous avez vu lorsque vous avez consulté votre page 404? Non, c’était loin d’être similaire à l’aperçu.
• Cela a-t-il fonctionné uniquement avec le clavier? Non
• Cela a-t-il fonctionné avec un lecteur d’écran? N’a pas testé

Mon attente lorsque j’ai commencé à tester l’expérience d’édition de conception de 404 pages était que ce serait un processus de personnalisation simple et agréable avec quelques bugs. Cela a fini par être frustrant car je ne pouvais pas du tout faire confiance aux aperçus.

WordPress est-il proche d’avoir un MVP de l’édition complète du site prêt pour la version 5.8? Tous les os sont en place. Cela ressemble à un prototype rugueux avec suffisamment d’élan pour atteindre le statut de MVP en quelques mois. La modification et l’enregistrement de parties de modèle fonctionnent, mais la conception actuelle de l’interface relève carrément du domaine des utilisateurs expérimentés.

Si vous souhaitez participer à ce défi, suivre le déroulement des tests et postez vos commentaires d’ici le 23 mars 2021.