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

Ajouter des réglages dans l’inspecteur

Lecture : 11 minutes • 4 premium

Dans ce cours on va continuer de donner de l’interactivité à nos blocs en ajoutant des réglages qui trouveront leur place dans l’inspecteur Gutenberg, c’est-à-dire la barre latérale à droite de l’éditeur.

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

4

Questions, réponses et commentaires

  1. Fred - FLQ

    Le 23 mai 2024

    J’essaie de refaire un peu tous les exemples proposés. Pour celui-ci, le {textColor} n’est appliqué qu’au numéro de chapitre et au signe qui le précède. Je me suis demandé comment appliquer la même couleur à tout le texte du bloc (number et titre). J’ai fini par ajouter un avec un attribut « style » qui englobe le (sans tagName) et cela semble fonctionner.

    Est-ce la bonne approche ou il y aurait plus pertinent ?
    Merci encore pour tous ces contenus !

    1. Maxime BJ

      Le 23 mai 2024

      Il suffit d’appliquer le type dans la

      parente plutôt que sur le

      avec la classe first-line !

      1. Fred - FLQ

        Le 23 mai 2024

        Yes mais ça écrase tout le reste des styles. Je sens que c’est tout bête, je regarderai ça à nouveau à la fraîche ! Merci pour ta réponse. 🙂

        1. Maxime BJ

          Le 23 mai 2024

          C’est vrai ! Du coup pour tout ce qui est appliquable à l’intégralité du bloc maintenant tu as une option pour activer les couleurs pour le bloc nativement, sans créer d’attribut. Je montrerai ça dans la version mise à jour de la formation.

Seuls les utilisateurs premium peuvent commenter.

Choisissez votre formule !