Gutenberg 15.1 ajoute l’intégration Openverse – WP Tavern

Publié le 11 février 2023 par Mycamer

Gutenberg 15.1 est sorti cette semaine avec l’intégration d’Openverse dans l’onglet Médias. La bibliothèque Openverse d’œuvres sous licence ouverte et du domaine public a également été déplacée vers son propre site web avec un design mis à jour. Il contient plus de 600 images et fichiers audio gratuits qui sont désormais disponibles dans l’éditeur de WordPress :

<img loading="lazy" data-lazy-fallback="1" data-attachment-id="141850" data-permalink="https://wptavern.com/gutenberg-15-1-adds-openverse-integration/screen-shot-2023-02-10-at-4-22-36-pm" data-orig-file="https://149611589.v2.pressablecdn.com/wp-content/uploads/2023/02/Screen-Shot-2023-02-10-at-4.22.36-PM.png" data-orig-size="2064,1222" 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-02-10-at-4.22.36-PM" data-image-description="" data-image-caption="" data-medium-file="https://149611589.v2.pressablecdn.com/wp-content/uploads/2023/02/Screen-Shot-2023-02-10-at-4.22.36-PM-300x178.png" data-large-file="https://149611589.v2.pressablecdn.com/wp-content/uploads/2023/02/Screen-Shot-2023-02-10-at-4.22.36-PM-500x296.png" decoding="async" width="2064" height="1222" src="https://149611589.v2.pressablecdn.com/wp-content/uploads/2023/02/Screen-Shot-2023-02-10-at-4.22.36-PM.png" alt="" class="wp-image-141850" srcset="https://149611589.v2.pressablecdn.com/wp-content/uploads/2023/02/Screen-Shot-2023-02-10-at-4.22.36-PM.png 2064w , https://149611589.v2.pressablecdn.com/wp-content/uploads/2023/02/Screen-Shot-2023-02-10-at-4.22.36-PM-300x178.png 300w , https://149611589.v2.pressablecdn.com/wp-content/uploads/2023/02/Screen-Shot-2023-02-10-at-4.22.36-PM-500x296.png 500w , https://149611589.v2.pressablecdn.com/wp-content/uploads/2023/02/Screen-Shot-2023-02-10-at-4.22.36-PM-768x455.png 768w , https://149611589.v2.pressablecdn.com/wp-content/uploads/2023/02/Screen-Shot-2023-02-10-at-4.22.36-PM-1536x909.png 1536w , https://149611589.v2.pressablecdn.com/wp-content/uploads/2023/02/Screen-Shot-2023-02-10-at-4.22.36-PM-2048x1213.png 2048w " sizes="(max-width: 2064px) 100vw, 2064px" />

Cliquer sur une image Openverse l’insérera instantanément en tant que bloc d’image avec l’attribution et la licence appropriées automatiquement ajoutées à la légende. L’expérience est tellement plus rapide que le téléchargement depuis le site Web Openverse, puis le téléchargement vers la médiathèque.

<img data-lazy-fallback="1" decoding="async" src="https://cdn.stocksnap.io/img-thumbs/960w/Y8CKB0O8C2.jpg" alt="" />“Galaxie des étoiles” par Greg Rakozy/ CC0 1.0

Un autre point fort de la version 15.1 est la possibilité de ajouter du CSS personnalisé bloc par bloc. Cela peut être fait via le menu Styles globaux dans l’éditeur de site. Pour chaque bloc, vous pouvez ajouter votre propre CSS pour personnaliser l’apparence du bloc en faisant défiler vers le bas du panneau jusqu’au bouton « Bloc CSS supplémentaire ». Ces modifications CSS seront appliquées à toutes les instances du bloc sur le site.

<img data-lazy-fallback="1" data-attachment-id="141855" data-permalink="https://wptavern.com/gutenberg-15-1-adds-openverse-integration/screen-shot-2023-02-10-at-4-43-21-pm" data-orig-file="https://149611589.v2.pressablecdn.com/wp-content/uploads/2023/02/Screen-Shot-2023-02-10-at-4.43.21-PM.png" data-orig-size="1378,1154" 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-02-10-at-4.43.21-PM" data-image-description="" data-image-caption="" data-medium-file="https://149611589.v2.pressablecdn.com/wp-content/uploads/2023/02/Screen-Shot-2023-02-10-at-4.43.21-PM-300x251.png" data-large-file="https://149611589.v2.pressablecdn.com/wp-content/uploads/2023/02/Screen-Shot-2023-02-10-at-4.43.21-PM-500x419.png" decoding="async" loading="lazy" width="1378" height="1154" src="https://149611589.v2.pressablecdn.com/wp-content/uploads/2023/02/Screen-Shot-2023-02-10-at-4.43.21-PM.png" alt="" class="wp-image-141855" srcset="https://149611589.v2.pressablecdn.com/wp-content/uploads/2023/02/Screen-Shot-2023-02-10-at-4.43.21-PM.png 1378w , https://149611589.v2.pressablecdn.com/wp-content/uploads/2023/02/Screen-Shot-2023-02-10-at-4.43.21-PM-300x251.png 300w , https://149611589.v2.pressablecdn.com/wp-content/uploads/2023/02/Screen-Shot-2023-02-10-at-4.43.21-PM-500x419.png 500w , https://149611589.v2.pressablecdn.com/wp-content/uploads/2023/02/Screen-Shot-2023-02-10-at-4.43.21-PM-768x643.png 768w " sizes="(max-width: 1378px) 100vw, 1378px" />

Gutenberg 15.1 introduit également prise en charge des préréglages d’ombre dans les styles globaux, avec quatre valeurs par défaut disponibles (Naturel, Crisp, Sharp et Softy), et la possibilité pour les auteurs de thèmes d’ajouter des préréglages personnalisés via ‘theme.json’. Le message d’annonce comprenait une vidéo qui montre la nouvelle interface utilisateur :

Dans la version 15.1, la navigation a été ajoutée à la barre latérale du mode de navigation dans l’éditeur de site, afin que les utilisateurs puissent accéder rapidement à leurs menus et éléments de menu, les réorganiser par glisser-déposer ou parcourir les liens.

Cette version fait quelques modifications apportées à la fonction “coller les styles” qui a été introduit dans version 15.0. Le menu Options de la barre d’outils du bloc affiche désormais à la fois “Copier les styles” et “Coller les styles” pour faciliter la compréhension de l’utilisation de la fonctionnalité, car elle n’était auparavant pas claire avec uniquement l’option “Copier les styles” disponible.

<img data-lazy-fallback="1" data-attachment-id="141862" data-permalink="https://wptavern.com/gutenberg-15-1-adds-openverse-integration/screen-shot-2023-02-10-at-5-38-52-pm" data-orig-file="https://149611589.v2.pressablecdn.com/wp-content/uploads/2023/02/Screen-Shot-2023-02-10-at-5.38.52-PM.png" data-orig-size="1538,1004" 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-02-10-at-5.38.52-PM" data-image-description="" data-image-caption="" data-medium-file="https://149611589.v2.pressablecdn.com/wp-content/uploads/2023/02/Screen-Shot-2023-02-10-at-5.38.52-PM-300x196.png" data-large-file="https://149611589.v2.pressablecdn.com/wp-content/uploads/2023/02/Screen-Shot-2023-02-10-at-5.38.52-PM-500x326.png" decoding="async" loading="lazy" width="1538" height="1004" src="https://149611589.v2.pressablecdn.com/wp-content/uploads/2023/02/Screen-Shot-2023-02-10-at-5.38.52-PM.png" alt="" class="wp-image-141862" srcset="https://149611589.v2.pressablecdn.com/wp-content/uploads/2023/02/Screen-Shot-2023-02-10-at-5.38.52-PM.png 1538w , https://149611589.v2.pressablecdn.com/wp-content/uploads/2023/02/Screen-Shot-2023-02-10-at-5.38.52-PM-300x196.png 300w , https://149611589.v2.pressablecdn.com/wp-content/uploads/2023/02/Screen-Shot-2023-02-10-at-5.38.52-PM-500x326.png 500w , https://149611589.v2.pressablecdn.com/wp-content/uploads/2023/02/Screen-Shot-2023-02-10-at-5.38.52-PM-768x501.png 768w , https://149611589.v2.pressablecdn.com/wp-content/uploads/2023/02/Screen-Shot-2023-02-10-at-5.38.52-PM-1536x1003.png 1536w " sizes="(max-width: 1538px) 100vw, 1538px" />

Gutenberg 15.2 améliore l’état de chargement de l’éditeur de site pour une meilleure initialisation. Il s’agit d’une mise à jour importante pour préparer l’éditeur de site à sortir de la version bêta. Ce n’est pas une solution complète mais la rend un peu plus raffinée avec les changements suivants, comme indiqué par Riad Benguella dans le RP:

  • Un CanvasSpinner qui peut être utilisé dans les composants qui ont un état “prêt”. Ainsi, au lieu de rendre une page blanche vide, le spinner est rendu lorsque ces composants ne sont pas prêts.
  • S’assure que l’iframe a un arrière-plan “blanc” par défaut pour éviter trop de changements de couleur d’arrière-plan lors de l’initialisation.

Ce ne sont là que quelques-uns des faits saillants. Vérifiez Publication 15.1 pour la liste complète des améliorations, corrections de bogues, améliorations des performances et modifications des outils.

to wptavern.com


Abonnez-vous à notre page Facebook: https://www.facebook.com/mycamer.net
Pour recevoir l’actualité sur vos téléphones à partir de l’application Telegram cliquez ici: https://t.me/+KMdLTc0qS6ZkMGI0
Nous ecrire par Whatsapp : Whatsapp +44 7476844931