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

Ajouter des réglages dans la Toolbar

Lecture : 11 minutes • 4 premium

Avec Gutenberg, il est possible d’ajouter des réglages à nos blocs dans l’inspecteur à droite, mais également dans la barre d’outils au-dessus. C’est justement cette dernière qui va nous intéresser dans ce cours !

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. Julien Lavie

    Le 22 juin 2021

    Hello, tout d’abord merci pour toutes les informations que tu partage, c’est une mine d’or.
    J’ai pu commencer à créer des blocs assez complexes.
    Mais je suis confronté à un problème.
    Sur un bloc personnalisé Pré formaté avec se gestion de grille, je veux ajouter plusieurs richtext différents.
    La personne qui va gérer le contenu me demande de pouvoir gérer les options sur chacun des richtext indépendamment.
    Comment peut on ajouter un AlignmentToolbar différent pour chaque richtext ?

    Merci beaucoup

    1. Maxime BJ

      Le 23 juin 2021

      Salut julien. En effet la barre d’alignement s’applique sur le bloc en entier. Une solution serait de faire un bloc conteneur dans lequel l’utilisateur pourra ajouter lui-même des blocs titres, paragraphes… et choisir pour chacun d’entre-eux l’alignement. Tu peux voir le cours sur les InnerBlocks.

  2. Sébastien

    Le 7 août 2024

    Hello, Merci pour ce cours.
    Je crois voir une inversion dans les commentaires entre ce qui est écrit ici dans le code :

    AlignmentToolbar, // On charge la Toolbar
    BlockControls, // Et les options d’alignement supplémentaires

    et ce que tu décris dans ton texte « En premier lieu on voit que l’on importe désormais BlockControls, qui est notre toolbar, et AlignementToolbar, qui est le bloc d’alignement (gauche, centre, droite). »

    1. Maxime BJ

      Le 7 août 2024

      En effet, je corrige ça, merci !

Seuls les utilisateurs premium peuvent commenter.

Choisissez votre formule !