Comment insérer des tableaux dans les publications/pages WordPress

Il existe un moyen facile.

Mais ce n'est pas la meilleure façon.

Le nouvel éditeur de blocs de WordPress comprend un bloc de tableau, et il fonctionne parfaitement pour les tableaux simples.

Cependant, il y a de fortes chances que vous ayez besoin de quelque chose d'un peu plus avancé.

Il existe deux excellents plugins qui peuvent vous aider.

Le premier plugin vous permet de créer une table avec un éditeur spécial. Cela signifie que vous n'aurez même pas besoin de regarder un code. Le deuxième plugin est meilleur pour les tableaux qui ont besoin d'attrait visuel et de variété.

Il existe une troisième méthode qui fonctionne de manière dynamique et répertorie les publications, documents et autres contenus sur votre site - nous explorerons cette option à la fin.

Abonnez-vous à Compete Themes sur Youtube

1. Créer un tableau avec TablePress

TablePress est le plugin pour créer et afficher des tableaux avec WordPress.

Comme vous pouvez le voir, c'est un favori parmi les utilisateurs de WordPress.

Pourquoi utiliser TablePress ?

Le principal attrait de TablePress est qu'il vous offre une interface agréable pour créer et modifier des tableaux sans toucher à aucun code .

En outre, il a plus de fonctionnalités que je ne peux couvrir ici. Consultez la page des extensions pour toutes les fonctionnalités intéressantes que vous pouvez ajouter au plugin de base.

Un dernier avantage de l'utilisation de TablePress est que vos tableaux ne sont pas liés à un seul article ou à une seule page. Puisque vous créez des tableaux indépendamment de toute publication/page, vous pouvez les réutiliser n'importe où sur votre site.

Comment utiliser TablePress

Après avoir activé TablePress, vous trouverez un nouveau menu de niveau supérieur ajouté à votre tableau de bord d'administration.

Cliquer sur le bouton Ajouter nouveau vous amènera à cette page où vous pourrez configurer le nom et la taille de votre tableau (ne vous inquiétez pas, vous pouvez toujours mettre à jour les lignes/colonnes plus tard).

La création du tableau vous donne accès à l'éditeur de tableau complet dans lequel vous saisirez vos données.

Vous pouvez réorganiser les lignes et les colonnes, ajouter des liens, combiner des cellules - il y a une tonne de fonctionnalités pratiques intégrées dans l'éditeur.

Lorsque vous êtes prêt à afficher le tableau, copiez le shortcode de la page du tableau et collez-le dans l'éditeur à l'aide du bloc Shortcode.

Alors que vous verrez un shortcode dans l'éditeur, un tableau complet s'affiche lorsque vous affichez le message.

Voici à quoi ressemble le tableau affiché sur le front-end.

Vous n'avez jamais utilisé de shortcodes ? Familiarisez-vous avec eux dans ce tutoriel.

Questions courantes

Il existe quelques problèmes et questions courants avec TablePress.

Le shortcode affectera-t-il le référencement de mon site ?

Non. L'utilisation d'un shortcode n'aura aucun effet sur la capacité de Google à lire le tableau sur la page.

Pendant que vous voyez un shortcode dans l'éditeur, du code HTML crawlable normal est généré sur le site. Ce n'est pas différent que d'écrire le code HTML vous-même.

Est-il réactif / adapté aux mobiles ?

Les tables créées par TablePress ne sont pas réactives par défaut. Cependant, il existe une extension qui les rendra plus mobiles.

Vais-je perdre mes tables si j'arrête d'utiliser ce plugin ?

Oui et non.

Les données de la table sont stockées dans votre base de données, vous ne les perdrez donc pas techniquement en désinstallant le plugin. Cependant, vous n'aurez plus accès à ces données dans votre tableau de bord d'administration, il peut donc être difficile de créer des tableaux avec.

Sauvegardez votre site !

D'accord, ce n'est pas une question, mais un rappel pour sauvegarder votre site ! Certains utilisateurs de WP sur le Web ont déploré de passer des heures sur leurs tables pour finir par les perdre.

Assurez-vous toujours de sauvegarder votre site régulièrement, afin de ne pas perdre votre travail acharné. Vous pouvez suivre notre tutoriel sur la sauvegarde de votre site si vous avez besoin d'aide. Il existe de nombreux plugins de sauvegarde gratuits et premium parmi lesquels choisir.

2. Créer une table avec Tablesome

Tablesome est un plugin de tableau WordPress permettant de créer rapidement des tableaux réactifs et de les ajouter aux pages et aux publications. Vous pouvez également importer des tableaux à partir de fichiers CSV et XLSX générés avec d'autres outils tels que Google Sheets, MS Excel, etc.

Alors que d'autres plugins comme Tablepress sont bons pour présenter des données sur des appareils de bureau, ils ne sont pas adaptés aux mobiles. Tablesome, d'autre part, est entièrement réactif et a fière allure sur toutes les tailles d'écran. Vous pouvez créer toutes sortes de tableaux, y compris de grands tableaux de données, des catalogues de produits, des tableaux de comparaison, des tableaux de ligue sportive, des tableaux de prix, etc.

Il est également facile de créer et de modifier vos tableaux grâce à l'interface intuitive de type feuille de calcul.

Comment utiliser Tablesome

Tablesome peut être installé sur n'importe quel autre plugin WP. Après l'installation, vous trouverez un nouveau menu Tablesome ajouté à votre tableau de bord.

Si vous souhaitez importer le fichier à partir d'un fichier CSV ou XLSX, vous pouvez le faire en cliquant sur l'option d'importation.
Pour créer une table à partir de rien, cliquez sur l'élément de menu "Créer une nouvelle table" pour accéder à la page Nouvelle table.

Sur cette page, vous pouvez donner un nom à votre tableau et entrer vos données. La différence cruciale entre les autres plugins et Tablesome est que vous pouvez ajouter les lignes et les colonnes au fur et à mesure que vous ajoutez des données au tableau.

Huit types de données sont disponibles, notamment Texte, Texte enrichi, E-mail, Numéro, Date, Lien, Case à cocher et Boutons. Lorsque vous avez terminé de créer le tableau, vous pouvez personnaliser son apparence via le menu Paramètres du tableau.

Dans les paramètres du tableau, vous pouvez choisir d'activer des options telles que la recherche, le tri, les filtres et la pagination. Vous pouvez également configurer la manière dont vous souhaitez que le tableau s'adapte aux écrans mobiles.

Dans la section Style, vous pouvez personnaliser l'apparence de l'en-tête, du corps, des bordures, de la police et de la taille de la police.

Lorsque vous êtes prêt à ajouter votre tableau à un article ou à une page, vous pouvez le faire avec le bloc Tablesome ou le shortcode si vous utilisez toujours l'éditeur classique.

Voici un exemple de ce à quoi ressemble un tableau Tablesome sur le front-end d'un site :

3. Créer une table avec WP Table Builder

Si vous souhaitez créer des tableaux plus beaux visuellement, essayez WP Table Builder.

Bien que TablePress soit idéal pour structurer et présenter des données, les tableaux ne sont pas si attrayants. WP Table Builder est excellent pour créer des tableaux de comparaison de produits, des horaires d'employés et même des menus de restaurant.

Avec une simple interface glisser-déposer, WP Table Builder est un plaisir à utiliser.

Comment utiliser WP Table Builder

WP Table Builder peut être installé comme n'importe quel autre plugin. Une fois installé, vous trouverez un nouveau menu Table Builder ajouté à votre tableau de bord.

Cliquer sur le bouton "Ajouter nouveau" révèle l'interface glisser-déposer où vous pouvez construire votre tableau.

Il existe actuellement cinq types de contenu différents que vous pouvez voir disponibles en haut à gauche de l'image ci-dessus.

Après avoir choisi le nombre de colonnes et de lignes que vous souhaitez (peut être modifié ultérieurement), vous pouvez simplement faire glisser et déposer l'un de ces éléments dans n'importe quelle cellule du tableau.

Après moins d'une minute à bidouiller avec ce plugin, j'ai pu constituer les prémices d'un tableau comparatif des produits.

Il est facile de voir comment vous pouvez créer rapidement n'importe quel type de tableau en utilisant ce plugin.

Quant à l'ajout du tableau dans votre message, cela se fait facilement avec un shortcode. Cliquer sur le bouton "Intégrer" en haut de l'interface révèle cette fenêtre contextuelle avec le shortcode de la table.

Ensuite, tout ce que vous avez à faire est de le copier et de le coller dans un bloc Shortcode pour l'inclure dans n'importe quel article ou page.

4. Utilisez Posts Table Pro

Les deux plugins que nous avons présentés jusqu'à présent dans cet article sont des plugins de table statique. Cela signifie que l'utilisateur doit ajouter les données manuellement et les modifier chaque fois qu'il souhaite mettre à jour la table. Un plugin de table statique est parfait pour afficher des données structurées telles que des informations financières.

Posts Table Pro est différent car il s'agit d'un plugin de table WordPress dynamique. Au lieu d'afficher des données statiques, il génère automatiquement des tableaux en utilisant les informations stockées dans la base de données WordPress. Cela peut vous faire gagner beaucoup de temps par rapport à l'ajout manuel de données.

Vous pouvez utiliser Posts Table Pro pour créer un tableau consultable des articles de blog WordPress, des pages ou de tout type de publication personnalisé. Les cas d'utilisation les plus courants du plug-in sont la création d'une bibliothèque de documents, d'un index d'articles de blog, d'un répertoire de ressources, d'un répertoire du personnel ou des membres et d'une bibliothèque vidéo ou audio.

Pourquoi utiliser Posts Table Pro ?

Selon ce que vous souhaitez afficher dans le tableau, la génération automatique de tableaux peut apporter de nombreux avantages.

Au lieu d'ajouter des données directement au tableau, vous ajoutez une publication (ou une publication personnalisée) dans l'administrateur WordPress. Vous pouvez utiliser tous les champs standard fournis avec WordPress lui-même, et vous pouvez utiliser des plugins comme Advanced Custom Fields ou Pods pour ajouter des champs personnalisés et des taxonomies. Une fois ajouté, vous utilisez le shortcode Posts Table Pro pour insérer des tableaux n'importe où sur votre site.

Une fois que vous avez inséré la table, vous n'avez plus jamais besoin de la mettre à jour. Toute modification apportée aux publications est automatiquement répercutée dans le tableau, vous n'avez donc pas besoin de vous rappeler de le mettre à jour manuellement.

Un autre avantage de l'affichage des publications dans un tableau est que vos utilisateurs peuvent accéder à une page distincte pour chaque élément. Ils peuvent cliquer sur la page de publication unique (ou de publication personnalisée) pour afficher le contenu complet. Cela n'est possible qu'avec les plugins de tableaux WordPress dynamiques car, avec les tableaux statiques, il n'y a pas de page correspondante pour chaque élément du tableau.

Comment utiliser Posts Table Pro

Si les informations que vous souhaitez afficher se trouvent déjà sur votre site WordPress (par exemple, des articles de blog), vous pouvez configurer Posts Table Pro immédiatement. Alternativement, vous pouvez installer le plugin gratuit Pods et créer un type de publication personnalisé avec tous les champs que vous afficherez sous forme de colonnes dans le tableau.

Vous pouvez ensuite installer Posts Table Pro et utiliser la page des paramètres pour le configurer. Il existe des dizaines d'options et vous pouvez contrôler des détails tels que les colonnes du tableau, les listes déroulantes de filtres et le nombre d'éléments à afficher par page.

Ensuite, ajoutez le shortcode [posts_table] à l'endroit où vous souhaitez insérer le tableau sur votre site WordPress. Il existe de nombreuses options de shortcode, par exemple, afin que vous puissiez répertorier différents éléments dans chaque tableau.

Dans l'ensemble, c'est une excellente option pour répertorier le contenu de votre site et supérieure aux alternatives de tableau statique.

5. Utiliser le générateur de tables JetEngine

Un autre plugin de table WordPress dynamique est le module JetEngine Tables Builder. Avec ce plugin, il n'est pas nécessaire d'ajouter des données manuellement, car les tables sont automatiquement créées à partir des bases de données WordPress.

Les cas d'utilisation les plus courants de Tables Builder concernent les tables de produits WooCommerce, les tables de statistiques et les tables alimentées par l'API Rest (par exemple, une table IMDb). Avec ce plug-in de tableau, vous pouvez générer des tableaux de données dynamiques indiquant : les publications, les termes, les commentaires, les avis, les produits ou les données SQL.

Comment utiliser JetEngine Tables Builder ?

Pour créer une table dynamique avec le plugin JetEngine, suivez ces étapes :

1. Téléchargez et installez JetEngine
2. Activer le module Tableaux dynamiques

3. Créez une requête avec le générateur de requête JetEngine.
4. Configurez les paramètres généraux du tableau (ajoutez un titre, choisissez Requête pour obtenir des données, récupérez les données pour prévisualiser le tableau).
5. Ajoutez les colonnes dont vous avez besoin.
6. Ajustez le style du tableau.
7. Ajoutez le tableau à la page (via le constructeur de page Elementor ou Gutenberg).

Avec Tables Builder, vous pouvez facilement ajouter un tableau dynamique pour votre site Web avec des données pouvant être triées et mises à jour automatiquement. Au fait, avec l'aide de JetSmartFilters, vous pouvez ajouter des filtres à votre tableau.

Pour résumer, c'est un excellent plugin pour construire des tableaux dynamiques.

Pouvez-vous créer une table sans plugin ?

WordPress a un bloc Table qui vous permet de créer rapidement une table avec un nombre personnalisé de colonnes et de lignes, mais vos données restent alors au même endroit, elles ne sont pas réutilisables et elles ne seront pas stylisées de manière attrayante.

TablePress est un excellent choix pour tous ceux qui cherchent à créer des tableaux plus grands et réutilisables qu'ils peuvent importer ou exporter depuis leur site. WP Table Builder est une excellente alternative pour plus de contenu visuel, et Posts Table Pro est parfait pour répertorier le contenu dynamique sur le site.

Si vous recherchez plus de choix entre les plugins, consultez notre liste des meilleurs plugins de table pour WordPress.

Avez-vous besoin d'autre chose pour ajouter des tableaux à votre site ? Manque-t-il quelque chose dans ce tutoriel ? Laissez un commentaire ci-dessous.