Avoir accès à une base de données basée sur des tables est une fonctionnalité pratique pour de nombreux sites WordPress. Ils vous permettent d'afficher les données d'une manière facile à comprendre pour les visiteurs du site, et ils peuvent être utilisés pour organiser, comparer et décomposer les informations. Savoir faire un tableau dans WordPress est donc une compétence très précieuse.

Les méthodes traditionnelles de création de tableaux HTML à la main prennent du temps et sont inefficaces. De plus, WordPress n'avait pas ce type de support intégré jusqu'à la sortie du nouvel éditeur Gutenberg, qui a un bloc de table. Heureusement, le CMS dispose de nombreux plug-ins qui facilitent l'ajout de tableaux à votre site.
TablePress est le plus utilisé. Créez des tableaux avec un éditeur visuel et intégrez-les de manière transparente dans votre écriture. Le fait qu'il compte plus de 700 000 installations et une note moyenne de 4,5 étoiles suggère qu'il fonctionne admirablement.
Apprenez à utiliser Elementor et TablePress pour créer de beaux tableaux sur votre site WordPress. Dans cet article, nous vous présenterons le plugin et ses fonctionnalités, vous guiderons à travers les étapes de création de nouvelles tables et de leur importation et exportation, et couvrirons les extensions pertinentes.
Créer des sites Web incroyables
Avec le meilleur constructeur de page Elementor
Commencer MaintenantAjouter des tableaux à WordPress
Parlons du plugin que nous utiliserons avant d'entrer dans le vif du sujet de cet article.
Comme cela a été établi, TablePress bénéficie du plus haut niveau d'adoption parmi ses contemporains. L'explication la plus probable à cela est sa convivialité, en particulier pour les nouveaux arrivants. Vous pourrez vérifier cette affirmation ci-dessous. Mais le plugin a d'autres fonctionnalités qui le distinguent:
- Importer des données à partir de nombreux formats–En plus de faciliter la création de tableaux, TablePress vous permet également d'importer des données à partir de diverses sources (Excel, CSV, HTML et JSON). Vos données de feuille de calcul seront prêtes à l'emploi sans qu'il soit nécessaire de les saisir manuellement.
- Exportabilité–Et à l'inverse, vous pouvez exporter vos tableaux de TablePress vers un certain nombre de types de fichiers différents. Cela vous donne la liberté de copier et coller les données dans une feuille de calcul Excel ou de les utiliser de toute autre manière que vous jugez appropriée.
- Le développeur de Extendability–TablePress a créé un certain nombre d'extensions en plus du plugin principal. Vous pouvez ajouter des filtres de colonne, une option d'exportation PDF et bien plus encore à vos tableaux avec leur aide. Dans la conclusion de l'article, nous en discuterons plus en détail.
Créer des tableaux dans WordPress avec TablePress & Elementor
Nous allons commencer par les bases de l'utilisation du plugin TablePress pour créer de nouveaux tableaux dans WordPress.
Installer TablePress
Naturellement, la configuration du module complémentaire TablePress est le premier ordre du jour. C'est possible de la même manière que vous installeriez n'importe quel autre plugin WordPress. Tout ce que vous avez à faire est d'accéder à Plugins \ 003E Ajouter nouveau, de saisir le nom du plugin dans la barre de recherche, puis de cliquer sur Installer.

Assurez-vous d'activer le plug-in après l'avoir téléchargé sur votre site.
Ajouter un nouveau tableau
Lorsque TablePress est activé, une nouvelle option apparaîtra dans le menu d'administration de WordPress. Lorsque vous le sélectionnez, vous serez amené ici.

Toutes les tâches liées aux tableaux pour votre site WordPress peuvent être traitées dans cette section. Si vous avez besoin d'aide, vous pouvez trouver des liens vers d'autres ressources en haut.
Sélectionnez le bouton Ajouter nouveau pour créer un nouveau tableau. Lorsque vous le ferez, vous arriverez à l'emplacement suivant:

Pour créer un tableau, il vous suffit de lui donner un nom, de lui donner une description facultative, puis de décider du nombre de lignes et de colonnes dont il aura besoin. Lorsque vous êtes prêt, sélectionnez Ajouter une table dans le menu.
Remplir le tableau avec du contenu
Ensuite, vous pouvez commencer à saisir des données dans les cellules de votre tableau. Vous ne devriez avoir aucun problème avec cela si vous avez de l'expérience avec une feuille de calcul.

Vous pouvez utiliser les petites icônes fléchées pour trier les lignes et les colonnes, et vous pouvez faire glisser et déposer des lignes et des colonnes pour les réorganiser. Si vous cherchez des raisons convaincantes à l'appui de l'utilisation d' Elementor Pro , vous pouvez les trouver ici.
Configurer les options avancées
Des options supplémentaires pour travailler avec et formater les tableaux sont fournies ci-dessous.

En utilisant l'éditeur sophistiqué situé en haut, vous pouvez ajouter des médias comme des liens et des images ainsi que du texte. Pour ajouter du contenu à une cellule à l'aide de l'une des trois méthodes, sélectionnez d'abord le bouton dont vous avez besoin, puis la cellule. Lorsque vous activez le plugin, vous verrez un menu de paramètres standard pour les trois choix.

Vous pouvez également masquer des lignes ou des colonnes, faire des copies de cellules existantes, en ajouter de nouvelles, supprimer celles existantes et en ajouter de nouvelles. Indiquez ce que vous souhaitez modifier en cliquant sur les boutons radio correspondants sur le côté.

Dans le menu Options du tableau, vous pouvez modifier l'apparence du tableau, par exemple en ajoutant un en-tête ou un pied de page. Vous pouvez modifier les couleurs des lignes, leur apparence lorsque vous les survolez et la façon dont le titre et la description du tableau sont affichés. De plus, vous pouvez utiliser des classes CSS pour appliquer votre propre style unique.
À la toute fin, vous trouverez un ensemble de boutons permettant d'ajuster divers aspects de la bibliothèque JavaScript des tableaux.

Il y a une barre de défilement horizontale, une barre de recherche et une barre de numéro de page, et le tableau peut être trié. Un emplacement pour les paramètres spécifiés par l'utilisateur est également fourni.
Afficher le tableau sur votre site
À l'aide des boutons en bas de la page, vous pouvez consulter le tableau terminé ou le sauvegarder. Vérifier le shortcode dans le coin supérieur droit est l'étape la plus vitale après l'enregistrement.

Utilisez-le pour ajouter le tableau à votre site WordPress. Vous pouvez toujours revenir à la liste des tables et cliquer sur Afficher le code court pour vérifier son apparence.

Vous pouvez coller le shortcode dans un widget texte, une publication ou une page pour y faire apparaître un tableau.

TablePress ajoute également un bouton pour insérer des tableaux dans l'éditeur WordPress standard.

Lorsque vous cliquez dessus, il vous montrera les codes abrégés du tableau et les boutons pour les ajouter à votre contenu.

Dans tous les cas, c'est ainsi qu'il apparaîtra sur la page. Faites attention à la fonction de recherche et aux numéros de page.

Utiliser les tables TablePress dans Elementor
Elementor vous permet également d'inclure des tableaux dans vos modèles pour des éléments tels que des publications uniques. Cela est facile à faire. Ouvrez simplement le modèle que vous souhaitez utiliser, recherchez le widget Shortcode sur la gauche (la barre de recherche peut vous aider) et déposez-le à l'endroit où vous souhaitez que le tableau apparaisse.
Le shortcode de la table doit ensuite être collé dans le champ de gauche. Sachez que la fenêtre d'aperçu de TablePress n'affiche que le shortcode et non votre tableau réel.

Ne laissez pas cela vous déranger, cependant. Le tableau apparaîtra correctement dans l'aperçu ou la version finale du modèle.
Tableaux de réédition
Vous pouvez revenir au menu principal de TablePress à tout moment pour apporter des modifications à l'un de vos tableaux. Les noms de table dans votre liste deviendront modifiables lorsque vous les survolerez.

Si vous cliquez dessus, vous serez amené à l'écran d'édition standard, où vous pourrez effectuer les ajustements nécessaires. Lorsque vous mettez à jour le tableau, il reflète ces modifications partout où il est utilisé.
Importer un tableau avec TablePress
Comme nous l'avons déjà dit, les informations peuvent être introduites à partir d'un fichier au lieu d'être saisies à la main. Si vous connaissez TablePress, vous constaterez que cela est aussi simple que de créer une nouvelle table.
Importez votre tableau
TablePress > Importer une table (également accessible via la barre de navigation) contient tous les paramètres pertinents à cet effet.

Trouvez un flux de données approprié à utiliser en premier comme entrée. Vous pouvez le faire de différentes manières, notamment en téléchargeant un fichier, en utilisant une URL, en accédant à un fichier sur votre serveur ou en tapant (copier et coller).
Pour cela, nous devons utiliser un fichier. Pour ce faire, sélectionnez le bouton Parcourir, puis recherchez la feuille de calcul que vous souhaitez ajouter. Lorsque vous avez terminé, indiquez à TablePress quel format il s'agit via le menu déroulant (CSV, HTML, JSON ou Excel).
C'est cool parce que vous pouvez utiliser les informations pour créer un tout nouveau tableau, mettre à jour un tableau existant ou ajouter à un tableau existant. Lorsque vous utilisez les trois dernières méthodes, vous devrez sélectionner manuellement la table appropriée.
Modifiez les paramètres selon vos besoins, puis cliquez sur le bouton "Terminé".
Vérifier et formater
L'importation de votre tableau vous amènera à la même page sur laquelle vous étiez auparavant.

Toutes vos informations doivent être saisies correctement à ce stade. Il ne vous reste donc plus qu'à configurer les préférences visuelles et fonctionnelles.
Affichez-le sur votre site
Ensuite, vous pouvez utiliser le même shortcode pour placer le tableau importé n'importe où sur votre site.
TablePress – Exportation d'un tableau
Enfin, nous parlerons des fonctionnalités d'exportation du plugin. TablePress > Exporter une table est évidemment l'endroit où vous trouverez cette fonction, mais vous pouvez également y accéder via l'onglet en haut du menu principal. Cet écran est accessible via ces deux options.

Tout d'abord, choisissez la table que vous souhaitez exporter. Vous pouvez exporter tous les tableaux de votre site WordPress en les sélectionnant un par un puis en cliquant sur le bouton Exporter vers CSV ou Excel. Sélectionnez le format d'exportation souhaité (Comma Separated Values (CSV), HTML ou JSON) et le délimiteur entre les valeurs pour les exportations CSV ci-dessous (virgule, point-virgule ou tabulation). Vous pouvez également choisir de générer une archive zippée. Lors de l'exportation de plusieurs tables à la fois, cette option est obligatoire.
Une fois vos choix terminés, vous pouvez télécharger votre fichier en cliquant sur le bouton Télécharger le fichier d'exportation.
Options de plug-ins disponibles
TablePress a un menu d'options très minimal.

La mise en forme des tableaux via des feuilles de style en cascade (CSS) est l'objectif principal de ces options. Le développeur a inclus une tonne de documentation pour vous aider si vous en avez besoin ou si vous ne la connaissez pas. En dessous, vous trouverez un curseur qui vous permet de réorganiser l'ordre des éléments du menu principal. Un lien pour supprimer le plugin et quelques conseils utiles sont fournis au bas de la page. Certaines des fonctionnalités supplémentaires du plug-in sont répertoriées dans les modules complémentaires qui suivent, si cela ne suffit pas.
Modules complémentaires TablePress utiles
Comme cela a été dit au début, TablePress a un certain nombre de plugins qui peuvent y être ajoutés. Les modules complémentaires les plus utiles sont résumés ci-dessous.
Cependant, certains ont été étiquetés comme "premium", même s'ils sont tous gratuits.

Ce sont ceux qui ont été laborieusement élaborés, et l'auteur demande une contribution monétaire en échange de leur diffusion.
- Tableaux réactifs –Les tableaux TablePress par défaut ne sont pas adaptés aux mobiles. Cela peut être corrigé avec cet add-on. Il existe trois méthodes pour rendre les tableaux compatibles avec les appareils mobiles, chacune avec son propre ensemble d'instructions et d'exemples.
- Conversion automatique d'URL –Ce module complémentaire est utile si vous envisagez de créer un tableau avec un grand nombre d'URL. Toute URL collée sera rendue cliquable sans avoir besoin d'un bouton.
- DataTables Sorting Plugins – La devise, les nombres avec du texte et les plages de dates peuvent désormais être triés individuellement.
- DataTables Buttons – Avec cet add-on, vous pouvez facilement insérer plusieurs boutons radio dans vos tableaux. Offre la possibilité de copier dans le presse-papiers ainsi que dans les formats de fichier PDF et Excel.
- DataTables FixedColumns –Définit les colonnes d'un tableau afin qu'elles restent fixes pendant que le reste du tableau défile horizontalement.
- DataTables FixedHeader –La même chose s'applique à l'en-tête comme avec la solution de colonnes.
- Changer le [table] Shortcode –Vous permet de modifier le nom du shortcode TablePress pour éviter les incompatibilités avec d'autres add-ons et choix de conception (ou juste pour le plaisir).
- Importation automatique du tableau périodique –Faites en sorte que les données soient automatiquement importées d'un tableau source à des intervalles prédéterminés.
Dernières pensées
Il y a une bonne raison pour laquelle TablePress est le plugin le plus téléchargé pour les utilisateurs de WordPress qui souhaitent créer et inclure des tableaux. Le processus est simplifié et rendu plus agréable en conséquence. Ce plugin est fortement recommandé si vous avez besoin de structurer des informations sur votre site Web.
Vous savez maintenant comment utiliser TablePress, comment afficher des tableaux sur un site Elementor , comment importer des données à partir de tableaux externes et comment exporter des tableaux depuis votre site. Nous avons également discuté des différents plugins et extensions pouvant être utilisés. La procédure est simple.
À présent, vous devriez avoir confiance en votre capacité à créer des tableaux sur votre propre site WordPress.