Anne McCarthy a annoncé la quatrième série de tests pour le programme de sensibilisation Full Site Editing (FSE) la semaine dernière. Dans cette phase de test, les utilisateurs devront créer un en-tête sur le thème du restaurant à l’aide de 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 sur la configuration et le test. Les participants doivent activer la dernière version de Blocs TT1 Sujet et le Gutenberg Brancher.

Plus les gens donnent de la rétroaction, mieux c’est pour le projet. Le programme fournit le lien direct entre l’utilisateur et l’équipe de développement, qui manquait souvent dans le passé. Lorsque vous avez environ une heure de temps libre, entrez tout de suite.

Créer un en-tête personnalisé

Je veux pousser l’éditeur du site au-delà de ses limites et créer des mises en page avancées pour les déplacements. Cependant, le constructeur de site est si fondamentalement limitatif – et dans certains cas défectueux – qu’il est facile d’être frustré. Et selon la version de Gutenberg que vous utilisez, par ex. Par exemple, la dernière version de dev vs stable, vous pouvez obtenir des résultats complètement différents.

J’ai eu cette tendance à avoir une longueur d’avance sur la leçon toute ma vie. À l’école, j’ai frustré plus de quelques enseignants. Je travaillerais sur des trucs à la fin du chapitre quand ils expliquaient 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 surmontant les bases ennuyeuses. J’ai également abandonné le génie logiciel à deux reprises à l’université parce que créer des calculatrices n’était ni excitant ni stimulant.

Comme toujours, j’ai fait des progrès avec la quatrième ronde du programme de sensibilisation FSE. J’ai réalisé qu’essayer de faire quelque chose à distance en utilisant l’éditeur du site n’allait tout simplement pas arriver.

Je veux que la modification complète du site soit réussie, mais nous ne sommes qu’à quelques semaines de la date limite qui déterminera si elle atterrira dans la prochaine version de WordPress. D’une manière ou d’une autre, cette expérience ressemblait à un recul par rapport au plugin il y a quelques semaines lorsque j’ai créé une page d’accueil personnalisée dans le cadre du plugin. deuxième tour du programme de test de sensibilisation FSE. Je ne sais pas si les problèmes venaient directement de Gutenberg, du problème du bloc TT1 ou des deux. En tant que personne fière d’une patience presque infinie, le tour 4 voulait me faire craquer.

Je voulais recréer des objets du Royaume-Uni Pho Café Entête. Je savais que l’éditeur du site ne pouvait pas encore gérer la réplication individuelle. Je pensais toujours que je pouvais en dépasser certaines parties, mais j’ai complètement échoué.

Capture d'écran de l'en-tête de page du site Web de Pho Cafe.
En-tête 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, ce qui facilite la collecte de données et permet aux autres de reproduire les problèmes. Je suis juste mauvais.

Suis les règles

Je suis parti de zéro. J’ai suivi les règles. Et pour la plupart, le tour de test 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é de café de plage.
Conception d’en-tête de café de plage personnalisée.

Bien sûr, j’ai frappé quelques crochets. C’est le but 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 ce que c’est Fait du Ressemble au frontal pour effectuer des ajustements sans prévisualiser les modifications. Cependant, ce n’est pas l’expérience utilisateur pour laquelle WordPress photographie.

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’extrémité avant, j’ai rangé le rembourrage pour le bloc de groupe et le bord inférieur pour le bloc de colonnes pour la bande « Commander en ligne » en haut de l’en-tête. J’ai aussi pensé à réduire la taille du bouton. Cependant, je suis resté fidèle au paramètre par défaut pour le thème des blocs TT1. En fin de compte, le remplissage, la bordure et les autres types de tailles / d’espacement doivent être personnalisables par l’utilisateur final.

Les alignements de largeur et de bloc complet 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. Même ainsi, ils étaient partis, ce qui était l’une des raisons pour lesquelles j’avais du mal à recréer des parties de l’en-tête de page d’origine que j’essayais de créer.

Le thème de bloc 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 cartouche du site. Je voulais l’améliorer un peu pour le rendre plus populaire.

Comme le premier design pour lequel j’ai photographié, je voulais que mes éléments de navigation ressemblent à des boutons individuels avec un petit espace entre chacun. 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’y a pas d’ajustement de la marge horizontale pour ajouter l’espacement. Et je refuse aussitôt d’utiliser un Bloc d’espacement entre les éléments.

Je voulais rafraîchir 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 dans un bloc de couverture. Pour l’instant, la seule option est de copier tous les blocs, de supprimer les anciens et de les coller dans un nouveau bloc de couverture. Un ajout bienvenu à l’éditeur serait une option pour «grouper» les blocs dans une couverture, comme cela est possible avec le bloc de groupe.



Source link

Recent Posts