Anne McCarthy a annoncé la quatrième série de tests pour le programme de sensibilisation Full Site Editing (FSE) la semaine dernière. Cette phase de test demande aux utilisateurs de créer un en-tête sur le thème du restaurant via l’éditeur de site du plugin Gutenberg. Les tests sont ouverts à tous et les participants doivent laisser leurs commentaires avant le 8 avril.

Le processus de test est divisé en 24 étapes avec des instructions de configuration et de test. Les participants devront activer la dernière version du Blocs TT1 thème et le Gutenberg brancher.

Plus il y a de personnes qui laissent des commentaires, mieux c’est pour le projet. Le programme fournit ce lien direct entre l’utilisateur et l’équipe de développeurs qui manquait souvent dans le passé. Si vous avez environ une heure de temps libre, n’hésitez pas.

Créer un en-tête personnalisé

Je veux pousser l’éditeur de site au-delà de ses limites, en créant des mises en page avancées. Cependant, le constructeur de site est si fondamentalement limitatif – et cassé dans certains cas – qu’il est facile de devenir frustré. Et, en fonction de la version de Gutenberg que vous utilisez, comme la dernière version dev vs stable, vous pouvez obtenir des résultats très différents.

Cette propension à prendre de l’avance sur la leçon est quelque chose que j’ai fait toute ma vie. À l’école, j’ai frustré plus de quelques enseignants. Je travaillerais sur des trucs de la fin du chapitre alors qu’ils expliquaient encore les bases au reste de la classe une demi-heure plus tard. J’ai toujours voulu arriver aux «bonnes choses». Bien sûr, je l’ai fait en dépassant les fondamentaux ennuyeux. J’ai également abandonné le génie logiciel à deux reprises à l’université parce que la construction de calculatrices n’était ni excitante ni stimulante.

Comme toujours, j’ai pris une longueur d’avance avec la ronde n ° 4 du programme de sensibilisation FSE. Je me suis rendu compte qu’essayer de faire quelque chose de avancé à distance avec l’éditeur du site n’allait tout simplement pas arriver.

Je veux que l’édition complète du site réussisse, mais nous sommes à quelques semaines de la date limite qui détermine si elle atterrira dans la prochaine version de WordPress. D’une manière ou d’une autre, cette expérience m’a semblé être un pas en arrière par rapport à l’extension du plugin il y a quelques semaines, alors que je construisais une page d’accueil personnalisée dans le cadre du deuxième tour du programme de test FSE Outreach. Je ne sais pas si les problèmes provenaient directement de Gutenberg, du thème des blocs TT1, ou des deux. En tant que personne qui se targue d’une patience presque infinie, la quatrième manche a cherché à me faire craquer.

Je voulais recréer plusieurs éléments du Royaume-Uni Pho Café en-tête de page. Je savais que l’éditeur du site ne pouvait pas encore gérer une réplication individuelle. Je pensais toujours que je pouvais en tirer des parties, mais j’ai complètement échoué.

Capture d'écran de l'en-tête de la page du site Web Pho Cafe.
En-tête de page du site Web Pho Cafe.

J’apprécie la nécessité de circonstances contrôlées. Les tests pas à pas mettent tout le monde sur la même longueur d’onde, facilitent la collecte de données et permettent aux autres de reproduire les problèmes. Je suis juste mauvais.

Suivre les règles

J’ai redémarré à partir de zéro. J’ai suivi les règles. Et, dans l’ensemble, le cycle de tests a été un succès. J’ai créé un en-tête de site Web de restaurant à partir des instructions et j’y ai mis ma propre version.

Conception d'en-tête de restaurant personnalisée pour un café en bord de mer.
Conception d’en-tête de café en bord de mer personnalisée.

Bien sûr, j’ai rencontré quelques accrocs. C’est l’objectif du programme de test: identifier les points faibles.

Le problème le plus problématique est que ce que j’ai vu dans l’éditeur n’était pas ce que j’avais sur le front-end. J’ai assez joué avec pour savoir dans mon esprit ce que c’est puissance ressemble à sur le frontal pour effectuer des ajustements sans prévisualiser les modifications. Cependant, ce n’est pas l’expérience utilisateur pour laquelle WordPress vise.

Modification d'un en-tête de restaurant personnalisé dans l'éditeur de site WordPress Gutenberg.
Vue de l’éditeur de l’en-tête du site Web du restaurant.

Certes, à l’avant, j’ai rangé le rembourrage pour le bloc Groupe et la marge inférieure pour le bloc Colonnes pour la bande «Commander en ligne» en haut de l’en-tête. J’ai pensé à rendre le bouton plus petit aussi. Cependant, je suis resté avec le thème par défaut des blocs TT1. En fin de compte, le remplissage, la marge et les autres types de dimensionnement / espacement doivent être personnalisables par l’utilisateur final.

Les alignements de blocs larges et complets ont complètement disparu après l’activation des blocs TT1. Je ne sais pas s’il s’agissait d’un changement récent du plugin Gutenberg ou du thème. Néanmoins, ils avaient disparu, ce qui était l’une des raisons pour lesquelles j’ai eu du mal à recréer des morceaux de l’en-tête de page d’origine que je voulais créer.

Le thème Blocs TT1 a également une taille de police codée en dur pour le lien du titre du site. Cela signifie que les utilisateurs ne peuvent pas modifier la taille du bloc de titre du site. Je voulais augmenter un peu cela pour le rendre plus visible.

Comme le premier design pour lequel je photographiais, je voulais que mes éléments de navigation ressemblent à des boutons individuels, chacun avec un peu d’espace entre les deux. Cependant, le bloc de navigation ne prend actuellement pas en charge l’ajout d’arrière-plans à chaque élément de navigation. Même si c’est le cas, il n’a pas non plus de paramètre de marge horizontale pour ajouter l’espacement. Et, je refuse catégoriquement d’utiliser un Bloc d’espacement entre les éléments.

Je voulais embellir un peu l’en-tête de ma page de restaurant avec un arrière-plan personnalisé. Pour ce faire, j’ai ajouté les éléments principaux à l’intérieur d’un bloc Cover. Actuellement, le seul moyen de le faire est de copier tous les blocs, de supprimer les anciens et de les coller dans un nouveau bloc Cover. Une amélioration bienvenue de l’éditeur serait une option pour «regrouper» les blocs dans une couverture comme ce qui est possible avec le bloc Groupe.


Source link