Le bloc Code permet d’ajouter des extraits de code formatés dans vos publications. Ces extraits sont affichés tels quels, sans être exécutés, ce qui facilite la lecture et le partage de portions de code sur votre site.
Pour insérer un bloc Code, utilisez la procédure classique d’ajout d’un bloc dans l’éditeur Gutenberg.
Une fois inséré, vous pouvez taper ou coller votre code dans le bloc. Le texte bénéficie d’une mise en forme monospaces adaptée à la lecture du code, comme pour tout autre texte dans l’éditeur.
Barre d’outils du bloc#
Chaque bloc Gutenberg dispose d’une barre d’outils spécifique qui permet de le manipuler et de modifier certaines propriétés directement dans l’éditeur.
Le bloc Code présente uniquement les outils communs à tous les blocs, il ne possède pas d’outils spécifiques supplémentaires.
Les outils communs incluent par exemple :
- Modifier l’alignement du bloc
- Dupliquer le bloc
- Supprimer le bloc
- Accéder aux options avancées (comme insérer un ancre HTML)
Réglages du bloc#
Dans la colonne latérale des réglages, accessible en sélectionnant le bloc, vous trouverez des options pour personnaliser son comportement et son affichage.
Réglages communs#
Le bloc Code bénéficie des réglages communs disponibles pour la plupart des blocs, tels que :
- Ajout d’une classe CSS personnalisée
- Modification des dimensions ou de l’espacement via des contrôles généraux
Réglages spécifiques#
Le bloc Code ne propose aucun réglage spécifique dans la colonne latérale.
Avancé#
L’onglet Avancé dans les réglages vous permet d’ajouter des classes CSS supplémentaires ou d’intégrer des attributs personnalisés au bloc pour un contrôle plus fin via CSS ou JavaScript.
Ces options conviennent notamment aux utilisateurs qui souhaitent appliquer des styles personnalisés ou des interactions particulières sur le bloc Code.
Le bloc Code est ainsi un outil simple et efficace pour afficher du code dans vos contenus sans risque d’exécution, tout en offrant des possibilités de personnalisation via les réglages avancés standard de Gutenberg.