Le plugin Gutenberg continue d’avancer. La sortie d’hier, venant juste un jour après le lancement de WordPress 5.8, apporte plusieurs nouvelles fonctionnalités et près de trois douzaines de corrections de bugs. Les éléments les plus coûteux sont des blocs de type glisser-déposer dans la vue de liste et une mise à niveau indispensable pour la prise en charge des frontières.

Les auteurs de thèmes devraient profiter de la possibilité de contrôler l’empilement du bloc Colonnes sur mobile et de certains contrôles de conception mis à jour pour les menus de navigation. Bien qu’étiquetés comme une « amélioration », les théoriciens devraient également vérifier leurs conceptions par rapport à un changement radical du Styles mis à jour du bloc RSS.

Glisser-déposer des blocs dans la vue de liste

Faire glisser un bloc d'une zone à une autre dans la vue de liste de l'éditeur de blocs.
Faire glisser un bloc dans la vue de liste.

Roulement de tambour s’il vous plaît. Le moment que nous – ou du moins beaucoup d’entre nous – attendions est enfin arrivé. La vue de liste de l’éditeur est devenue un outil puissant pour gérer de longs documents avec de nombreux blocs. Au cours de la dernière douzaine de versions, l’équipe de développement a continué à s’attaquer aux fonctionnalités nécessaires après les fonctionnalités nécessaires.

Dans la version 11.1, les utilisateurs peuvent glisser et déposer des blocs à partir de la vue de liste pour ordonner et organiser le contenu. Cependant, les utilisateurs ne sont pas simplement limités à déplacer des éléments dans la vue de liste elle-même. Ils peuvent faire glisser des blocs de la liste vers le canevas de contenu et vice versa.

Je n’utilise pas souvent les emoji, mais parfois j’aime bien applaudir lentement pour un travail bien fait. 👏

Soutien aux frontières

Définition de la largeur, du style, de la couleur et du rayon de la bordure d'un bloc Groupe dans l'éditeur.
Ajout d’une bordure en pointillés à un bloc de groupe.

Je me suis déjà un peu amusé avec les nouvelles options de bordure. Ces derniers temps, j’étais dans l’esprit des fêtes car j’avais de l’avance et j’achetais mon sapin de Noël en juillet (quand on trouve les bonnes affaires). Cela m’a inspiré pour créer un modèle de bloc de code de coupon, et la prise en charge des bordures du bloc de groupe était parfaite pour cela.

Gutenberg 11.1 affine le expérience utilisateur pour les options de bordure. L’équipe de développement a resserré l’interface utilisateur et placé les paramètres dans des regroupements logiques.

Seuls les blocs de base suivants ont une prise en charge partielle ou complète des bordures :

  • Bouton
  • Grouper
  • Image
  • Chercher
  • Tableau

Les utilisateurs peuvent également définir des coins individuels avec l’option border-radius dans cette mise à jour. J’aimerais voir le même traitement pour les bordures supérieure, droite, inférieure et gauche à l’avenir. Cela ne me dérangerait pas non plus de voir un style à double bordure.

Bloc de colonnes : empiler sur mobile

Ajout de l'auteur de la publication et des blocs de date de publication à des colonnes individuelles qui ne s'empilent pas sur mobile.
Ajout de métadonnées de publication à un ensemble de colonnes non empilées.

Par défaut, les blocs de colonnes individuels s’empilent les uns sur les autres dans les vues mobiles. Cependant, les utilisateurs peut maintenant désactiver cela via le bloc Colonnes parent au cas par cas. Cela a également été l’une des pièces manquantes pour un meilleur contrôle de la mise en page dans les thèmes de bloc.

L’un des principaux cas d’utilisation d’un bloc de colonnes qui ne se rompt pas sur les appareils mobiles est la publication de sections de métadonnées qui doivent être en ligne. Par exemple, les auteurs de thèmes souhaitent souvent aligner l’auteur de la publication, la date et le lien des commentaires sur une seule ligne sous le titre de la publication.

Cet interrupteur à bascule sorte de nous pousse dans cette direction. Cependant, il s’agit d’une solution provisoire qui n’offre pas aux concepteurs de thèmes la flexibilité à laquelle ils sont habitués avec CSS (ce n’est généralement pas une affaire compliquée).

Avant que les thèmes de bloc et l’éditeur de site ne soient intégrés au cœur de WordPress, les développeurs de thèmes auront besoin d’un contrôle réactif affiné sur le bloc Columns et, peut-être, d’un type de bloc row/inline/flex pour l’accompagner.

Les auteurs de thèmes qui doivent cibler le bloc Colonnes en fonction de la désactivation ou non de l’empilement mobile peuvent utiliser le .is-not-stacked-on-mobile classer.

Termes de publication et nuages ​​de tags

Bloc de nuage de balises dans l'éditeur WordPress avec un curseur pour définir le nombre de balises affichées.
Contrôle du nombre de balises sorties.

L’équipe de développement a rayé de la liste l’une de mes bêtes noires de plusieurs mois. Dans les versions précédentes du plugin, le bloc Post Terms (variations des Post Tags et Post Categories) affichait un tube (|) séparateur entre les éléments individuels par défaut. Maintenant montre une virgule, suivi d’un espace.

Les auteurs de thèmes peuvent modifier cela dans leurs modèles de blocs et les utilisateurs peuvent le personnaliser à partir de l’éditeur. Le paramètre est situé sous l’onglet « Avancé » dans la barre latérale des options de bloc.

Le bloc Tag Cloud a bénéficié d’une petite mise à niveau, mais indispensable. Les utilisateurs peuvent désormais fixer une limite sur le nombre de balises à afficher. Par défaut, il est configuré pour afficher 45 balises.

Couleurs du sous-menu de navigation

L’équipe de développement de Gutenberg a ajouté deux nouveaux options de couleur pour le bloc de navigation. Outre ses couleurs de texte et d’arrière-plan existantes, les utilisateurs peuvent désormais modifier les couleurs de texte et d’arrière-plan des éléments de sous-menu.

Le bloc de navigation, bien qu’amélioré, semble toujours être l’une des pièces les plus délicates du puzzle d’édition de site. Il essaie d’être le touche-à-tout, maîtrisant peu de solutions, voire aucune. Et, il y a déjà un le billet gagne du terrain cela permettrait aux utilisateurs d’y insérer une plus large gamme de blocs internes.

Mais, nous avons le texte du sous-menu et les couleurs d’arrière-plan, ce qui est une victoire. Seulement, ils sont nommés « Overlay Text » et « Overlay Background ». Je ne sais pas si cela fonctionne dans le cadre du menu réactif mobile. Gutenberg semble avoir encore une fois échoué à regrouper son JavaScript de navigation frontal.


Source link