Utilisation du contrôle de remplissage pour le bloc de groupe dans l'éditeur WordPress.
Ajuster le remplissage d’un bloc de groupe.

Lorsque Atterri Gutenberg 9.0 Il est venu avec une expérience plus tôt cette semaine Contrôle du rembourrage pour le bloc de groupe. La plupart des utilisateurs ne le verront que lorsque leur sujet a choisi d’utiliser la fonctionnalité pour le prendre en charge experimental-custom-spacing Drapeau.

Ce n’était pas la première fois que nous voyions l’option de rembourrage pour un pad. Gutenberg 8.3 l’a introduit pour le bloc de couverture. Depuis, rien n’a changé dans la mise en œuvre.

Le problème avec l’option d’espacement / remplissage personnalisé est qu’elle crée un style en ligne qui n’est pas conforme à la conception du thème. Heureusement, la fonction est encore expérimentale. Cela signifie que nous avons le temps de réévaluer son fonctionnement.

À moins de supprimer l’illusion restante que les thèmes jouent un aspect important de l’avenir de WordPress et que la conception frontale est complètement ancrée en son cœur, les auteurs de thèmes ont besoin d’un certain contrôle. Et même si les thèmes suivent le chemin des dinosaures, les numéros personnalisés au niveau du pad créent des problèmes de cohérence de conception plus tard. L’utilisation de 100 pixels de remplissage peut avoir du sens dans la conception actuelle d’un site, mais 96 pixels peut avoir du sens dans une conception future. Si un utilisateur ajoute des dizaines ou des centaines de blocs de rembourrage personnalisé aujourd’hui, cela détruira l’espacement et le rythme de demain.

De plus, l’utilisateur moyen comprend peu les règles de conception. Un système d’espacement normalisé donnerait aux auteurs des sujets le contrôle de la sortie et aux utilisateurs finaux la possibilité de personnaliser l’apparence.

J’ai soutenu que WordPress a besoin d’une sorte de Cadre de conception. Par exemple, Tailwind CSS a certaines classes de remplissage. Cela s’applique également à Bootstrap et à presque tous les autres frameworks CSS. La communauté des développeurs Web a emprunté cette voie. C’est un chemin battu, et WordPress n’innove pas en matière de styles en ligne.

Si la plate-forme WordPress veut mettre ce genre de pouvoir entre les mains de ses utilisateurs, elle devrait le faire d’une manière qui permette aux concepteurs de faire leur travail et ne pas pousser les utilisateurs à avoir une soupe semi-permanente de style en ligne dans leur contenu. .

Avant Gutenberg, j’aurais été totalement contre l’idée que WordPress introduise tout type de CSS ou de cadre de conception. Cependant, la plate-forme évolue constamment vers un outil de conception basé sur l’interface utilisateur et pas seulement un moyen de gérer le contenu. Au niveau mondial, les utilisateurs disposent d’options liées à la conception jusqu’à des blocs individuels. Il est important que les utilisateurs puissent personnaliser le remplissage d’un bloc dans un tel système. Vous ne devriez pas avoir besoin d’une compréhension de CSS pour ce faire. Au lieu de cela, dans la plupart des cas d’utilisation, les utilisateurs devraient être en mesure d’ajuster le remplissage en fonction du fait qu’ils souhaitent un espacement plus grand ou plus petit et aucune valeur CSS spécifique.

Je propose un ensemble complet de classes de rembourrage standardisées. Il en va de même pour les marges ou d’autres options liées à la conception. Gutenberg / WordPress devrait créer un ensemble de valeurs par défaut pour ces classes qui peuvent être remplacées par les auteurs du thème en fonction de leur conception.

Ce n’est pas un nouveau concept. Dave Smith, développeur pour Automattic, a embauché un Patch en 2019 qui utilisait des sélecteurs nommés pour l’espacement sur le bloc de groupe. Il a donné les raisons suivantes pour choisir cette approche par rapport aux valeurs absolues:

Imaginez que vous êtes un concepteur de thèmes. Vous créez votre CSS avec un espacement parfait pour la conception. Vous voulez vous assurer que cela est cohérent tout au long de votre rubrique, même si la mise en page est créée par l’utilisateur final dans l’éditeur de blocs.

Avec l’approche que j’ai adoptée ici, la sélection d’une taille ajoutera uniquement des classes au bloc dans le DOM. Cela donne au créateur de thème la possibilité de fournir des tailles personnalisées en CSS qui conviennent à son thème. Si ce n’est pas le cas, des paramètres par défaut raisonnables sont fournis.

Avec l’approche pixel, nous verrouillons les utilisateurs du bloc dans des valeurs absolues et leur demandons de prendre de nombreuses décisions qu’ils préféreraient probablement ne pas avoir à prendre. Cela pourrait également entraîner une expérience visuelle incohérente.

Ce navire a déjà navigué et coulé avec des couleurs et des tailles de police personnalisées. Gutenberg avait la capacité de standardiser les noms de classe pour ces options, mais a laissé cela aux auteurs du sujet. En conséquence, il n’y a pas de norme sur le marché des thèmes, ce qui signifie que le choix de la taille de police «grande» ou de la couleur de texte «bleue» du thème a peu de chances de se répercuter sur le thème suivant de l’utilisateur. Nous sommes maintenant confrontés à beaucoup plus d’options liées à la conception alors que WordPress passe à l’édition complète du site Web. Il est temps de considérer certaines normes de nom de classe liées à la conception et de fournir un cadre que tous les thèmes peuvent utiliser.

Gutenberg a pu en livrer un de plus Personnalisé Option de remplissage tout comme les couleurs et les tailles de police. Les utilisateurs qui choisissent cette voie choisiraient explicitement de travailler en dehors de la norme. Ne suivons pas cette voie, cependant, en permettant aux utilisateurs de définir des valeurs de distance absolues comme option par défaut.



Source link

Recent Posts