Comment utiliser le bloc de table de WordPress (Gutenberg)

Les tableaux sont une combinaison de lignes et de colonnes qui vous aident à présenter les informations sur un site web de manière organisée. Les Bloc de table WordPress offre un moyen intuitif de créer et de personnaliser des tableaux directement dans l'éditeur de contenu.

Il élimine la nécessité de coder ou de dépendre d'un plugin externe. Cet article fournit un guide rapide sur l'utilisation du bloc WordPress Table. Lisez-le jusqu'à la fin.

Créer de belles tables
Avec l'éditeur de blocs

Ajouter le bloc tableau à votre article/page

Ouvrez un message ou une page. Appuyez sur la touche Icône plus (+) pour ouvrir l'éditeur Gutenberg. Type de texte Tableau dans la boîte de recherche. Appuyez sur la touche Bloc de table une fois qu'il apparaît ci-dessous.

Ajoutez le bloc de tableau WordPress à votre article/page

Une fois le bloc inséré dans votre article/page, vous pourrez spécifier le numéro de la ligne et de la colonne pour la table.

Définissez les numéros de ligne et de colonne comme vous le souhaitez et appuyez sur la touche Créer un tableau bouton à la fin. Pour cet article, nous choisirons quatre colonnes et six lignes.

Définir le numéro de la ligne et de la colonne dans le tableau par défaut de WordPress

Une fois le tableau créé, ajoutez les informations souhaitées dans les cellules correspondantes. Voici un tableau que nous avons créé avec quelques informations fictives.

Utiliser la barre d'outils Tableau

En haut du tableau, vous trouverez une barre d'outils avec les options suivantes. Si vous passez votre curseur sur ces options, leur nom s'affichera.

  • Groupe - Après avoir regroupé le bloc Table, vous pouvez personnaliser sa largeur.
  • Tableau - Permet la transformation en colonnes ou en styles par défaut.
  • Drag - Permet de déplacer manuellement le bloc et de le repositionner.
  • Déplacer vers le haut/bas - Permet de repositionner la table avant ou après un autre bloc.
  • Alignement de la table - Il vous permet d'aligner l'ensemble du tableau sur l'article/la page.
  • Alignement des colonnes - Aligne le contenu dans la colonne correspondante.

J'espère que vous pourrez explorer les autres options par vous-même.

Utiliser les options de la barre d'outils du tableau

Modifier les lignes et les colonnes

Vous pouvez ajouter de nouvelles lignes et colonnes au tableau à tout moment. De même, vous pouvez supprimer une ligne ou une colonne spécifique.

Appuyer sur la touche Modifier le tableau dans la barre d'outils. Vous verrez plusieurs autres options apparaître dans une liste. Elles vous permettent d'insérer de nouvelles lignes et colonnes tout en supprimant celle que vous souhaitez.

Modifier les lignes et les colonnes

Mise à jour des paramètres du tableau

Cliquez sur le bouton Icône de tableau dans la barre d'outils pour sélectionner l'ensemble du bloc de tableau. Vous verrez alors apparaître l'icône Onglet Paramètres sur la barre latérale droite.

Sous l'onglet, vous trouverez des options permettant d'activer la fonction Cellules de tableau à largeur fixe, section d'en-tête, et Section du pied de page.

Mettre à jour les paramètres de la table

Styliser le bloc de table

À côté de l'onglet Paramètres, vous obtenez l'onglet Onglet Styles. Sous l'onglet, vous trouverez les options suivantes : Styles, couleurs, typographie, dimensions, et Frontière. Effectuez les personnalisations que vous souhaitez en utilisant ces options comme vous le souhaitez.

Styliser le bloc de table

Ajouter des images en ligne

Placez votre curseur sur la cellule où vous souhaitez ajouter une image en ligne. Cliquez sur le bouton Plus d'icône dans la barre d'outils. Sélectionnez l'option Option d'image en ligne sur la liste apparue.

Ajouter une image en ligne

Sélectionnez l'image sur votre disque local ou dans la médiathèque de WordPress.

Sélectionner l'image en ligne

L'image ci-dessous montre qu'une image en ligne a été ajoutée à une cellule. Si la taille de l'image est trop importante, vous pouvez la réduire en modifiant sa taille en pixels.

Prévisualisez l'image en ligne sur votre table WordPress

Conclusion

Vous pouvez donc utiliser le bloc Table de WordPress. Toutefois, ce bloc Table par défaut présente plusieurs limitations. Vous pouvez ajouter des images de taille normale, des boutons et bien d'autres éléments au tableau.

Pour résoudre ces problèmes, vous pouvez utiliser n'importe quel plugin de construction de tableau avancé. TableBerg est un plugin que vous pouvez essayer pour créer des tableaux polyvalents avec des options avancées.



L'équipe Tableberg