Formation « Développer des blocs Gutenberg sur mesure avec React »

Les hooks JS de Gutenberg : ajouter des réglages à un bloc natif

Lecture : 9 minutes • 5 premium

Tout comme avec PHP, il est possible d’utiliser des hooks WordPress en JS afin de modifier le comportement de blocs existants. Ça peut être très pratique pour améliorer un bloc natif par exemple, sans avoir à le recoder de zéro.

verrouillé Cours Premium

Ce cours est hyper intéressant !
Mais il est réservé aux détenteurs d’une offre premium.

Envie de nous rejoindre ?

Choisissez votre formule

5

Questions, réponses et commentaires

  1. seb

    Le 25 avril 2023

    Bonjour,

    quand j’essaie d’ajouter des options a un bloc j’ai une erreur js que je n’arrive pas a comprendre.

    Uncaught SyntaxError: Unexpected token ‘<' (at gutenberg-filters.js?ver=6.2:30:9)

    Elle fait référence au qui pourtant est bien défini un peu pluys haut.

    une idée ?

    1. Maxime BJ

      Le 25 avril 2023

      C’est une erreur de syntaxe JS à priori. Ligne 30, colonne 9. Regarde un petit peu avant si tu as bien ouvert / fermé correctement les accolades, crochets ou guillemets !

  2. Yiannis Girod

    Le 13 octobre 2023

    Bonjour,

    Dans le même esprit, y a-t-il un moyen d’ajouter dans les blocs de quoi paramétrer la taille de police selon le media ?

    Je crois comprendre que la typographie fluide est paramétrable globalement dans theme.json (valeurs max et min via la fonction CSS clamp() ), mais il s’agirait dans ma question de disposer de ce réglage au coup par coup sur chaque bloc.

    Merci et meilleures salutations.

    1. Maxime BJ

      Le 13 octobre 2023

      Oui dans le theme.json tu peux définir si tu veux afficher les options typographiques et de marge dans les blocs ou non. Ca permet de garder un minimum de contrôle sur les options proposées dans l’éditeur. Tu peux regarder comment est configuré le thème Ollie. Leur theme.json est super complet et je m’en inspire pour faire les miens. Hélas je n’ai pas le temps de faire une formation Full Site Editing pour le moment sur ce site pour expliquer tout cela en détails. Il y a la doc officielle qui est pas trop mal non plus : https://developer.wordpress.org/block-editor/how-to-guides/themes/theme-json/

      1. Yiannis Girod

        Le 13 octobre 2023

        Super ! Merci pour la réponse et pour les pistes !

Seuls les utilisateurs premium peuvent commenter.

Choisissez votre formule !