Magazine Gadgets

Pousser les changements de bloc vers les styles globaux – WP Tavern

Publié le 06 janvier 2023 par Mycamer

Gutenberg 14.9 a été publié cette semaine avec une nouvelle fonctionnalité puissante pour l’édition de sites qui permet aux utilisateurs de pousser les modifications de blocs individuels vers les styles globaux.

Lorsque WordPress permet aux utilisateurs de concevoir facilement leurs propres sites, il y a toujours une inquiétude persistante : les outils seront-ils utilisés par inadvertance pour créer des sites sauvages et farfelus à la GeoCities ? Par exemple, si un utilisateur modifie un bloc d’en-tête sur le modèle de page, cela n’est pas automatiquement activé pour les en-têtes d’autres modèles, ce qui pourrait potentiellement créer une conception incohérente sur le site Web.

Le nouveau bouton “Pousser les modifications aux styles globaux” permet aux utilisateurs d’appliquer la même modification à tous les blocs de ce type. Dans l’exemple ci-dessous, le titre H1 a été mis à jour pour avoir un fond vert citron avec du texte rouge. Sous le panneau Avancé dans les paramètres de bloc, un nouveau bouton apparaît pour pousser les modifications vers les styles globaux.

<img loading="lazy" data-lazy-fallback="1" data-attachment-id="140813" data-permalink="https://wptavern.com/gutenberg-14-9s-new-magic-push-block-changes-to-global-styles/screen-shot-2023-01-05-at-2-41-40-pm" data-orig-file="https://149611589.v2.pressablecdn.com/wp-content/uploads/2023/01/Screen-Shot-2023-01-05-at-2.41.40-PM.png" data-orig-size="1894,1292" data-comments-opened="0" data-image-meta="{"aperture":"0","credit":"","camera":"","caption":"","created_timestamp":"0","copyright":"","focal_length":"0","iso":"0","shutter_speed":"0","title":"","orientation":"0"}" data-image-title="Screen-Shot-2023-01-05-at-2.41.40-PM" data-image-description="" data-image-caption="" data-medium-file="https://149611589.v2.pressablecdn.com/wp-content/uploads/2023/01/Screen-Shot-2023-01-05-at-2.41.40-PM-300x205.png" data-large-file="https://149611589.v2.pressablecdn.com/wp-content/uploads/2023/01/Screen-Shot-2023-01-05-at-2.41.40-PM-500x341.png" decoding="async" width="1894" height="1292" src="https://149611589.v2.pressablecdn.com/wp-content/uploads/2023/01/Screen-Shot-2023-01-05-at-2.41.40-PM.png" alt="" class="wp-image-140813" srcset="https://149611589.v2.pressablecdn.com/wp-content/uploads/2023/01/Screen-Shot-2023-01-05-at-2.41.40-PM.png 1894w , https://149611589.v2.pressablecdn.com/wp-content/uploads/2023/01/Screen-Shot-2023-01-05-at-2.41.40-PM-300x205.png 300w , https://149611589.v2.pressablecdn.com/wp-content/uploads/2023/01/Screen-Shot-2023-01-05-at-2.41.40-PM-500x341.png 500w , https://149611589.v2.pressablecdn.com/wp-content/uploads/2023/01/Screen-Shot-2023-01-05-at-2.41.40-PM-768x524.png 768w , https://149611589.v2.pressablecdn.com/wp-content/uploads/2023/01/Screen-Shot-2023-01-05-at-2.41.40-PM-1536x1048.png 1536w " sizes="(max-width: 1894px) 100vw, 1894px" />

Il est important de noter que la fonctionnalité ne fonctionne que dans l’éditeur de site. Les utilisateurs qui écrivent des articles et des pages n’auront pas la possibilité d’apporter des modifications aux styles globaux. Le nouveau bouton offre aux utilisateurs un moyen rapide de mettre à jour les blocs sur le site sans avoir à modifier manuellement chaque modèle ou à déterminer le bon CSS à appliquer.

D’autres changements importants dans 14.9 incluent prise en charge de la typographie pour le bloc Liste de pagesune nouvelle option pour importer des widgets de barre latérale dans une partie de modèle lors du passage d’un thème classique, et le nombre de mots/le temps de lecture des méta-informations a été déplacé vers le haut du contour.

Nouvelles fonctionnalités pour les auteurs de thèmes

Gutenberg 14.9 introduit la prise en charge des préréglages d’ombre dans theme.json, avec deux préréglages par défaut groupés (Natural et Sharp). Les auteurs de thèmes peuvent voir comment c’est fait et créez des préréglages personnalisés d’ombre de boîte, ou attendez un tutoriel à venir sur le sujet. La publication de la version 14.9 comprend une capture d’écran de la manière dont cette fonctionnalité pourrait être implémentée :

<img data-lazy-fallback="1" data-attachment-id="140820" data-permalink="https://wptavern.com/gutenberg-14-9s-new-magic-push-block-changes-to-global-styles/box-shadow" data-orig-file="https://149611589.v2.pressablecdn.com/wp-content/uploads/2023/01/box-shadow.png" data-orig-size="1600,1448" data-comments-opened="0" data-image-meta="{"aperture":"0","credit":"","camera":"","caption":"","created_timestamp":"0","copyright":"","focal_length":"0","iso":"0","shutter_speed":"0","title":"","orientation":"0"}" data-image-title="box-shadow" data-image-description="" data-image-caption="" data-medium-file="https://149611589.v2.pressablecdn.com/wp-content/uploads/2023/01/box-shadow-300x272.png" data-large-file="https://149611589.v2.pressablecdn.com/wp-content/uploads/2023/01/box-shadow-500x453.png" decoding="async" loading="lazy" width="1600" height="1448" src="https://149611589.v2.pressablecdn.com/wp-content/uploads/2023/01/box-shadow.png" alt="" class="wp-image-140820" srcset="https://149611589.v2.pressablecdn.com/wp-content/uploads/2023/01/box-shadow.png 1600w , https://149611589.v2.pressablecdn.com/wp-content/uploads/2023/01/box-shadow-300x272.png 300w , https://149611589.v2.pressablecdn.com/wp-content/uploads/2023/01/box-shadow-500x453.png 500w , https://149611589.v2.pressablecdn.com/wp-content/uploads/2023/01/box-shadow-768x695.png 768w , https://149611589.v2.pressablecdn.com/wp-content/uploads/2023/01/box-shadow-1536x1390.png 1536w " sizes="(max-width: 1600px) 100vw, 1600px" />

Les auteurs de thèmes ont désormais la possibilité de définir la taille de police minimale pour la typographie fluide dans theme.json. Il est actuellement codé en dur à 14 pixels par défaut, ce qui peut ne pas fonctionner pour tous les modèles.

Un autre nouvel outil pour les développeurs de thèmes est la possibilité d’enregistrer des modèles pour des modèles spécifiques, ce qui limiterait l’endroit où ils apparaissent. Cela a été ajouté via une nouvelle propriété templateType dans l’API d’enregistrement des modèles. Les développeurs de thèmes peuvent restreindre les modèles pour qu’ils n’apparaissent que pour les modèles où ils ont un sens, tels que les modèles 404, à publication unique, à produit unique et de catégorie, par exemple.

Vérifiez Publication de la version 14.9 pour voir toutes les corrections de bugs et améliorations apportées à l’éditeur, l’accessibilité, les performances, les outils, etc.

— to news.google.com


Retour à La Une de Logo Paperblog

A propos de l’auteur


Mycamer Voir son profil
Voir son blog

l'auteur n'a pas encore renseigné son compte l'auteur n'a pas encore renseigné son compte

Magazines