Comment formater les tableaux dans WordPress

Comment formater les tableaux dans WordPress

Formater un tableau dans WordPress signifie créer et styliser un tableau de manière à ce qu'il soit facile de présenter les données dans le tableau de manière confortable et de les afficher sur les articles et les pages web. Il vous aide à améliorer la clarté et la lisibilité de votre contenu.

WordPress propose un bloc de tableau intégré. Mais vous ne pouvez créer que des tableaux de base avec ce bloc, car il ne dispose pas de nombreuses fonctionnalités avancées. Dans ce cas, vous pouvez utiliser la fonction Tableberg pour formater correctement vos tableaux dans WordPress.

Dans cet article de blog, nous vous montrerons étape par étape comment formater des tableaux dans WordPress à l'aide du plugin Tableberg.

Que comprend la mise en forme d'un tableau dans WordPress ?

Formatage des tableaux dans WordPress

Vous pouvez exécuter toutes les mises en forme mentionnées ci-dessus sur WordPress avec le plugin Tableberg. Voyons comment procéder.

Remarque : le bloc de tableau par défaut n'offre pas beaucoup d'options de formatage. Dans ce tutoriel, nous utiliserons l'option Plugin Tableberg pour formater un tableau WordPress.

1. Lignes et colonnes

Comme le bloc de tableau par défaut, Tableberg vous permet de définir le nombre de lignes et de colonnes.

Définir le numéro de la ligne et de la colonne

Ici aussi, comme le bloc de table par défaut, vous pouvez insérer/supprimer des lignes et des colonnes de la table.

Ajouter ou supprimer une ligne ou une colonne du tableau

2. Définir la bordure (couleur et rayon)

Vous pouvez définir le tableau la couleur et la largeur de la bordure, et rayonce qui n'est pas possible avec le bloc par défaut. Vous pouvez les définir tous les deux pour le bloc intérieur et frontières extérieures.

Définir la bordure (couleur et rayon)

3. Marge de cellule et remplissage

Vous pouvez ajuster la marge et l'espacement des cellules dans la rubrique deux voiesindividuellement et universellement.

  • Définir la marge et le remplissage d'une cellule individuelle

Placez votre curseur sur n'importe quelle cellule. Cliquez sur le bouton icône plus (+) à côté de l'option Dimensions. Deux options s'offrent alors à vous : Remplissage et Marge.

Définir l'espacement et la marge pour chaque cellule

Vous pouvez maintenant définir le remplissage de la cellule. Cela peut affecter d'autres cellules, mais pas toutes.

Définir le remplissage d'une cellule individuelle
  • Définir la marge et le remplissage des cellules de manière universelle

Sélectionner l'ensemble du tableau. Ensuite, aller dans l'onglet Styles.

Définir la marge et le remplissage des cellules de manière universelle

En faisant défiler l'onglet, vous arrivez à l'option Dimensions. Sous cette option, vous trouverez les options Rembourrage des cellules et Espacement des cellules. Ces options vous permettent de définir le remplissage et l'espacement des cellules de manière universelle.

Définir l'espacement et la marge des cellules du tableau de manière universelle

4. Alignement

Vous pouvez ajuster l'alignement du texte de la cellule individuellement.

Définir l'alignement des cellules

Vous pouvez également ajuster l'alignement de l'ensemble de votre tableau. Pour ce faire, sélectionnez le tableau en cliquant sur l'icône Tableberg. Choisissez ensuite l'option d'alignement.

Définir l'alignement du tableau

5. Couleur de fond

Sélectionner le tableau. Terrain sur le Onglet Styles. Vous obtiendrez l'option de couleur. Vous pouvez choisir l'arrière-plan séparément pour les lignes paires et impaires, l'en-tête du tableau et le pied de page.

Ajouter une couleur de fond au tableau

Tableberg possède également des fonctions plus avancées. Vous pouvez définir individuellement la couleur d'arrière-plan des cellules, des lignes et des colonnes.

Définir la couleur d'arrière-plan de la cellule

6. Police de caractères et typographie

L'option par défaut du plugin vous permet de configurer les paramètres de typographie, qui comprennent la police, l'apparence, la hauteur de ligne, l'espacement des lettres, la décoration, la casse des lettres, etc.

Choisir la police et la typographie

Apprendre Comment créer un tableau de spécification des produits sur WordPress.

7. Réactivité

Tableberg vous permet de rendre votre tableau parfaitement réactif afin qu'il s'affiche correctement sur tous les appareils, qu'il s'agisse d'un ordinateur de bureau, d'une tablette ou d'un téléphone portable.

Rendre le tableau réactif

Bien que nous n'ayons pas l'habitude d'ajouter un en-tête et un pied de page à nos tableaux quotidiens, vous pouvez facilement les ajouter à l'aide du plugin Tableberg. Vous trouverez cette option dans le plugin.

Ajouter un en-tête et un pied de page à votre tableau

9. Style global

Le style global fait référence à un ensemble cohérent de dessins appliqués à l'ensemble du tableau. Le plugin Tableberg vous permet de configurer le style de police global qui comprend la couleur de la police, la couleur du lien et la taille de la police.

Style mondial en Tableberg

10. Ajout d'images, de boutons et d'icônes

Tout comme l'éditeur de blocs Gutenberg, le plugin Tableberg vous permet d'ajouter différents types de contenu tels que des images, des boutons, des icônes et des rubans aux cellules de votre tableau, en utilisant des blocs respectifs. Ensuite, vous pouvez les styliser comme n'importe quel autre bloc.

Ajout d'images, de boutons et d'icônes

Explorer Comment créer un tableau de comparaison sur WordPress.

Conclusion

Il y a quelques années, la conception des tableaux sur les pages web nécessitait l'utilisation de CSS personnalisés et de codes HTML. Mais aujourd'hui, avec le Tableberg vous pouvez le faire simplement, sans avoir à coder.

Tableberg a déjà mis en place de nombreuses fonctionnalités intéressantes et d'autres sont encore en cours de développement. Très bientôt, vous l'obtiendrez comme une solution unique pour tout ce dont vous avez besoin sur une table. Alors, téléchargez le plugin dès aujourd'hui et vivez une expérience merveilleuse.



L'équipe Tableberg