Un bloc Colonnes sans rien à l’intérieur n’a aucun intérêt : c’est justement en accueillant d’autres blocs qu’il devient utile. Cette relation parent-enfant, où un bloc en contient un ou plusieurs autres, s’appelle l’imbrication. Le bloc Groupe, le bloc Colonnes, le bloc Boutons ou encore le bloc Boucle de requête reposent tous sur ce principe : ils définissent une structure d’accueil, tandis que le contenu réel vient des blocs placés à l’intérieur.
Fonctionnement dans WordPress
Cette imbrication est rendue possible par le composant InnerBlocks côté éditeur, et se traduit dans le contenu sauvegardé par des commentaires de bloc imbriqués les uns dans les autres. Un bloc parent peut restreindre les types de blocs autorisés en son sein via la propriété allowedBlocks, imposer un nombre de blocs enfants fixe (comme le bloc Colonnes qui verrouille son nombre de colonnes), ou au contraire rester totalement libre.
Exemple
<!-- wp:group -->
<div class="wp-block-group">
<!-- wp:paragraph -->
<p>Bloc imbriqué dans le Groupe.</p>
<!-- /wp:paragraph -->
</div>
<!-- /wp:group -->Pièges fréquents
- Imbriquer un bloc à plusieurs niveaux de profondeur (colonnes dans un groupe dans des colonnes) peut rendre la navigation dans le panneau Liste de blocs difficile à suivre pour un rédacteur non technique.
- Un bloc enfant peut recevoir des informations de son parent via le contexte de bloc (comme l’identifiant de l’article courant dans une Boucle de requête), ce qui n’est pas visible directement dans l’interface et peut surprendre lors du débogage.