La barre d’outils du bloc Paragraphe

Comme tous les types de blocs Gutenberg, le bloc Paragraphe peut être personnalisé afin d’en modifier le rendu visuel.

La barre d’outils qui lui est associée offre les possibilités suivantes : modifier le type de bloc, mettre en gras, souligner ou rayer tout ou partie du texte, aligner le texte à l’intérieur du bloc Paragraphe ou attacher un lien internet.

A savoir : vous pouvez agrandir les images de cet article en cliquant dessus.

Faire apparaître la barre d’outils

  1. Lorsque l’on clique dans un bloc Gutenberg,
  2. une barre d’outils s’affiche au dessus du bloc. Elle permet d’utiliser les outils correspondant au type de bloc.
Faire apparaître la barre d’outils du bloc Paragraphe.
Haut de page

Figer la barre d’outils

Par défaut, la barre d’outils apparaît au dessus du bloc en édition.
Il est aussi possible de la faire apparaître en haut de page quel que soit le bloc sélectionné. A vous de choisir la position qui vous convient le mieux.

  1. cliquer sur les trois points verticaux en haut à droite de la page de saisie,
  2. cliquer sur l’option Barre d’outils supérieure,
  3. la barre d’outils apparaît en haut et à gauche de la page; elle reste à cet endroit, quel que soit le type de bloc édité
Faire apparaître l’option de positionnement des outils de bloc
La barre d’outil de bloc est figée en haut de page

Il est possible de revenir à la barre d’outils en haut de bloc en désélectionnant l’option Barre d’outils supérieure :

Cliquer sur l’option Barre d’outils supérieure
Barre d’outils situé au dessus du bloc en édition
Haut de page

Modifier le type de bloc

L’icône la plus à gauche de la barre d’outils permet de modifier le type de bloc.

  1. survoler l’icône, elle se modifie en deux flèches courbes,
  2. cliquer dessus,
  3. cliquer sur l’un des types de blocs proposés,
  4. le bloc Paragraphe est transformé en le type de bloc choisi (par exemple un bloc de type Citation) :
Survol de l’icône de modification de type de bloc
Cliquer sur l’icône pour faire apparaître un choix de types de blocs
Choisir un nouveau type de bloc
Le bloc Paragraphe devient un bloc Citation
Haut de page

Aligner le texte

Les trois icônes suivantes permettent d‘aligner le texte à l’intérieur du bloc Paragraphe : à gauche, au centre ou à droite.

choisir son type d’alignement
Choisir l’alignement à gauche
Alignement à gauche sur le site
Choisir l’alignement au centre

Alignement au centre sur le site
Choisir l’alignement à droite
Alignement à droite sur le site
Haut de page

Sélectionner du texte

Certaines opérations (gras, italique…) nécessitent de sélectionner au préalable une partie de texte à modifier.
Pour sélectionner une partie de texte :

Cliquer au point de départ de la sélection puis déplacer la souris tout en appuyant sur le bouton gauche et relâcher au point de fin de sélection,

Sélection par clic et déplacement de la souris avec bouton gauche appuyé

ou

Cliquer au point de départ de la sélection puis placer la souris au point de fin de sélection et cliquer tout en appuyant sur la touche Majuscule (SHFT) du clavier.

Sélection par clic de début puis clic sur fin avec touche Majuscule appuyée

Il est possible de sélectionner tout le contenu d’un bloc Paragraphe :

  1. cliquer à l’intérieur du bloc Paragraphe,
  2. taper en même temps sur les touches CTRL et A


Cliquer en n’importe quel endroit du bloc Paragraphe
L’attribut alt de cette image est vide, son nom de fichier est image-66.png.

CTRL + A sélectionne l’ensemble du bloc Paragraphe
Haut de page

Mettre en gras

  1. Sélectionner avec la souris une partie du texte dans le bloc Paragraphe,
  2. Cliquer sur l’icône représentant un B majuscule
    (ou taper simultanément sur les touches CTRL et B du clavier) ,
  3. le texte sélectionné apparaît en gras et l’icône de mise en gras s’affiche sur fond noir.
Sélectionner le texte
Cliquer sur l’icône de mise en gras
Les caractères sélectionnés s’affichent en gras
Le bloc Paragraphe visible sur le site avec les caractères en gras

Retirer le gras

Pour retirer la mise en gras de caractères :

  1. sélectionner les caractères à modifier,
  2. cliquer sur l’icône de mise en gras (ou taper sur CTRL et B)

On remarque que l’icône de mise en gras est de nouveau en noir sur fond blanc.

Sélectionner les caractères et cliquer sur l’icône
Les caractères sélectionnés ne sont plus en gras
Haut de page

Mettre en italique

La mise en italique s’effectue de la même façon que la mise en gras, sauf qu’il faut cliquer sur l’icône en forme de I penché à la place du B majuscule (ou taper simultanément sur les touches CTRL et I du clavier).

Sélection du texte à mettre en italique
Cliquer sur l’icône en forme de I penché
Le texte sélectionné passe en italique et l’icône passe en blanc sur fond noir.

Le bloc Paragraphe visible sur le site avec les caractères en italique

Retirer l’italique

Pour retirer la mise en italique de caractères :

  1. sélectionner les caractères à modifier,
  2. cliquer sur l’icône de mise en italique (ou taper sur CTRL et I)

On remarque que l’icône de mise en italique est de nouveau en noir sur fond blanc.


Sélectionner les caractères et cliquer sur l’icône

Les caractères sélectionnés ne sont plus en gras
Haut de page

Ajouter, modifier ou supprimer un lien internet

L’article ci-dessous décrit les actions pour gérer les liens internet : ajout, modification et suppression.

Haut de page

Rayer les caractères

  1. sélectionner les caractères à rayer,
  2. cliquer sur l’icône ABC,
  3. les caractères apparaissent rayés,
  4. et l’icône de rature s’affiche en blanc sur fond noir
Sélectionner le texte et cliquer sur l’icône de rayure

Les caractères sont rayés et l’icône s’affiche en blanc sur fond noir
Haut de page

Les options communes

L’icône composée de trois points verticaux permet des manipulations communes pour tous les blocs.
Cela fera l’objet d’un article particulier.

L’icône composée de trois points verticaux permet des manipulations communes pour tous les blocs.
Cela fera l’objet d’un article particulier.

Options proposées pour tous les blocs

Articles présentant Gutenberg :