Séparateur

Temps de lecture

1–2 minutes

Le bloc Séparateur permet d’insérer une ligne pour séparer visuellement deux blocs de contenu dans l’éditeur Gutenberg.

Utilisation du bloc Séparateur#

Pour ajouter un bloc Séparateur dans votre contenu :

  • Cliquez sur le bouton d’ajout de bloc.
  • Recherchez le bloc Séparateur.
  • Insérez-le entre deux blocs pour créer une ligne de séparation.

Par défaut, le séparateur s’affiche sous forme d’une simple ligne horizontale selon le style défini par votre thème ou l’éditeur.

Capture d’écran montrant le bloc Séparateur avec le style par défaut

Barre d’outils du bloc Séparateur#

Chaque bloc dans Gutenberg dispose d’une barre d’outils pour des manipulations rapides :

  • Pour le bloc Séparateur, cette barre d’outils contient uniquement les outils communs à tous les blocs (déplacement, transformation, options générales).
  • Il n’existe pas d’outils spécifiques propres au bloc Séparateur.
Barre d’outils du bloc Séparateur

Pour plus de détails sur les outils communs présents dans la barre d’outils des blocs, vous pouvez consulter l’article dédié : Barre d’outils des blocs.

Réglages du bloc Séparateur#

Les réglages des blocs sont accessibles dans la colonne latérale de l’éditeur Gutenberg. Ceux-ci peuvent être :

  • Des réglages communs, partagés par la plupart des blocs.
  • Des réglages spécifiques, propres à certains blocs.

Réglages disponibles pour le bloc Séparateur#

Le bloc Séparateur ne propose pas de réglages spécifiques. Cependant, vous pouvez utiliser les réglages communs, notamment dans l’onglet Avancé.

Réglages avancés – Classe CSS additionnelle#

Dans l’onglet Avancé de la colonne latérale, vous avez la possibilité de :

  • Ajouter une classe CSS personnalisée pour styliser le séparateur selon vos besoins.
  • Lorsqu’un style prédéfini est sélectionné pour le séparateur (via les options générales), la classe CSS correspondante est indiquée dans cette section.

Cela permet d’appliquer un style personnalisé avec du CSS supplémentaire.

Animation de démonstration#

L’animation suivante illustre le fonctionnement du bloc Séparateur dans l’éditeur :

Animation démontrant le bloc Séparateur