Comment créer un tableau dans WordPress sans plugin

Nous définirions l'idée principale de tout CMS comme :
Le moyen le plus simple de maintenir le contenu du site Web de maintenance est de le garder à jour et précis par des administrateurs non techniques. Grâce à cela, vous pouvez utiliser votre site Web comme principal canal de communication à faible coût. Par conséquent, passer à un thème et à des blocs Gutenberg est votre meilleur choix pour atteindre vos objectifs marketing. Nous prouvons ce qui précède en présentant comment ajouter un tableau dans WordPress sans plugin.

Vous pouvez trouver des articles de blog sur la façon d'ajouter une table dans WordPress sans plugin qui mentionne que ce n'est pas facile ou que vous devez utiliser Google Docs ou Word. Eh bien, cela peut être vrai à moins que vous ne soyez toujours pas passé au thème Citadela Gutenberg. Les anciens thèmes avec leur page builder utilisent un éditeur classique. Et il n'y avait pas d'option aussi simple que celle proposée par l'éditeur Gutenberg.

Explorez deux options pour les tableaux WordPress dans Citadela

En fonction du contenu de votre table WordPress, vous avez deux choix pour le bloc Gutenberg qui crée une table dans WordPress. Vous obtenez beaucoup plus d'options que vous ne pouvez l'imaginer en combinaison avec d'autres blocs.

• Bloc Tableau des prix (disponible uniquement dans Plugin Citadela Pro)
• Bloc tableau (bloc principal de WordPress)

Utilisez la version premium Citadela et vous n'aurez pas besoin d'un plugin supplémentaire pour ajouter le tableau dans WordPress.

Bloc de tableau de prix

Étant donné que les tableaux sont généralement utilisés pour présenter les articles et les prix, nous avons créé un bloc spécial Tableau des prix, qui est inclus dans le plug-in Citadela Blocks (largement compatible avec la plupart des thèmes WP modernes). Vous pouvez l'utiliser très facilement dans l'éditeur de blocs WordPress pour présenter et administrer les prix de manière attractive.

Ce bloc a des paramètres avancés et vous pouvez configurer une version réactive en fonction de vos besoins. Il est disponible en Plug-in Citadela Pro.

Cependant, WordPress lui-même propose un bloc par défaut pour créer des tableaux. Il s'appelle simplement : Bloc de tableau, et vous pouvez l'utiliser pour créer une présentation très basique, par exemple de vos forfaits d'abonnement, en quelques minutes.

Aujourd'hui, nous allons examiner le bloc de table plus en détail et parler de :

• Pourquoi les tableaux dans WordPress sont-ils pratiques
• Comment utiliser le bloc Table et créer une table dans WordPress (sans plugin)
• Paramètres de bloc de tableau dans la barre d'outils
• Paramètres du bloc WordPress Table dans l'inspecteur
• Conseil supplémentaire : Comment insérer un tableau à côté de l'image

Pourquoi les tableaux dans WordPress sont-ils pratiques

Les tableaux ont une utilisation universelle dans les articles et les pages. La fonctionnalité de base consiste à organiser des données ou des nombres. Les tableaux sont également bénéfiques pour les blogueurs. Par exemple, les blogueurs de voyage peuvent comparer les prix pour des destinations individuelles. Les blogueurs culinaires peuvent facilement créer une liste d'ingrédients ou la quantité requise.

Enfin, il est possible d'utiliser des tableaux pour présenter les heures d'ouverture ou les tarifs des services et des produits. Peu importe si vous avez un site Web pour un restaurant, un salon de beauté ou une boulangerie. Vous trouverez certainement l'utilisation des tableaux sur votre site Web.

Comment utiliser le bloc Table et créer une table dans WordPress (sans plugin)

Créer des tableaux dans WordPress à l'aide de l'éditeur de blocs est un jeu d'enfant. En utilisant le bloc Table, vous pouvez créer des tableaux en quelques clics sans plugin ni codage. Voyons comment cela fonctionne :

• Dans un premier temps, vous devez insérer le bloc WordPress Table. Vous pouvez le faire en cliquant sur "+" qui se trouve dans la barre supérieure ou n'importe où dans l'éditeur. Après cela, vous pouvez choisir un bloc particulier.

Il est également possible d'insérer un bloc Table en utilisant la barre oblique "/", après le mot "table" pour rechercher un bloc table.

Après avoir ajouté le bloc Tableau à votre page ou publication, vous devez définir les paramètres de base tels que le nombre de colonnes et de lignes.

Explorez le nouveau thème Citadela, où vous pouvez créer des tableaux à l'aide du bloc WordPress Table et également utiliser nos blocs personnalisés. En savoir plus sur Citadela que vous pouvez personnaliser avec des packages de mise en page développés pour des types d'entreprises spécifiques.

Paramètres de bloc de tableau dans la barre d'outils

Vous savez maintenant comment créer un tableau dans WordPress. Ensuite, nous vous montrerons comment travailler avec.

La barre d'outils supérieure au-dessus du tableau vous permet d'apporter des modifications au style et à la mise en forme. En utilisant ces paramètres, vous pouvez modifier l'apparence du tableau. N'oubliez pas que l'aspect final dépend toujours du thème WordPress actif que vous utilisez.

Que peut-on changer ?

1. Styles de blocs

En utilisant la première icône, vous pouvez sélectionner les styles de tableaux. Vous pouvez choisir l'une des 2 options :

• Défaut – les cellules du tableau auront des bordures, sans arrière-plan. La couleur d'arrière-plan de l'ensemble du bloc peut être ajoutée ultérieurement.
• Rayures – tableau sans bordures, mais une ligne sur deux sera mise en surbrillance à l'aide d'un arrière-plan. Ce style est plus moderne et moins formel.

2. Aligner le bloc de table WordPress

L'alignement du tableau peut également être modifié dans la barre d'outils supérieure au-dessus du bloc. Vous pouvez choisir l'un des classiques tels que gauche, droite ou centre, mais vous pouvez également créer un tableau large ou pleine largeur. La disponibilité des deux derniers dépend toujours du thème WordPress actif que vous utilisez.

3. Formatage du contenu du tableau

Le texte ou les nombres à l'intérieur des tableaux peuvent être mis en gras ou en italique. Vous pouvez ajouter un lien vers une autre page, un graphique ou une image.

4. Alignement du texte dans le tableau

La dernière version de WP garantit qu'il est possible d'aligner non seulement l'intégralité du tableau, mais également le texte à l'intérieur des lignes. Vous pouvez maintenant aligner le texte inséré sur chaque ligne séparément. Cette fonctionnalité vous aide à créer une table plus agréable.

5. Nombre de colonnes et de lignes

Comment ajouter des colonnes ou des lignes de tableau dans WordPress ? Dans le bloc Table, c'est très simple. Ce bloc permet d'ajouter ou de supprimer des cellules très rapidement. Cliquez simplement sur "Modifier le tableau" et après cela, sur l'action que vous souhaitez faire. Si vous cliquez sur "Ajouter une ligne après", une nouvelle ligne sera créée tout de suite en bas.

Paramètres du bloc de table WordPress dans l'inspecteur

Alors que la barre d'outils supérieure vous permet de modifier les paramètres des cellules du tableau, une barre d'outils de droite appelée Inspecteur est utilisée pour les paramètres plus complexes du bloc Tableau. Ici aussi, vous pouvez configurer les styles de bloc (par défaut ou rayures), mais quoi de plus, vous pouvez également définir la couleur d'arrière-plan et la largeur du tableau.

Paramètres du tableau

Par défaut, les cellules du tableau s'adaptent dynamiquement à la quantité de texte qu'elles contiennent. Vous pouvez également autoriser la fonction "Cellules de tableau à largeur fixe". Toutes les cellules auront la même largeur, peu importe ce que vous mettez à l'intérieur.

Paramètres de couleur

L'inspecteur vous permet également de changer la couleur de fond du tableau. Si vous avez sélectionné le style par défaut, tout le tableau aura la même couleur d'arrière-plan. Si vous avez sélectionné Stripes, seule une ligne sur deux aura un arrière-plan défini.

Nouvelle fonctionnalité ajoutée : Prise en charge de l'en-tête et du pied de page

Pour rendre les tableaux plus accessibles, les développeurs ont ajouté l'option d'en-tête et de pied de page au bloc WordPress Table. Cette fonctionnalité fournit également une meilleure définition structurelle (des données) et donne des informations plus précises aux assistants mobiles. La structure du tableau comprend désormais <thead>, <tfoot>, et <tbody> pour identifier et distinguer l'en-tête, le pied de page et le corps du tableau. Vous pouvez activer ou désactiver la section d'en-tête et de pied de page directement à partir de l'inspecteur.

Astuce supplémentaire : Comment créer un tableau dans WordPress sans plugin à côté de l'image

Avez-vous besoin d'avoir un tableau et une image côte à côte ? Pour ce faire, vous devez utiliser le bloc de colonnes. Ce bloc vous permettra d'insérer différents types de contenu dans des colonnes et de les aligner correctement.

Comment faire?

Insérez le bloc de tableau dans une colonne et le bloc d'image dans la seconde. Vous obtiendrez un tableau imbriqué dans WordPress Column Block à côté de l'image. C'est très simple et vous n'avez pas à vous soucier de l'alignement ou de la version responsive.

Vous pouvez en savoir plus sur le bloc de colonnes dans notre article Comment faire des colonnes dans WordPress sans plugin.