Une des meilleures façons d’organiser une grande quantité de données sur votre site WordPress est avec un simple tableau. Malheureusement, WordPress n’offre pas la prise en charge des tableaux en tant que fonctionnalité native. Aujourd’hui, nous voulons nous plonger dans un plugin WordPress très populaire appelé TablePress, et vous montrer comment il peut vous aider à créer des tableaux dans WordPress avec facilité et sans aucune connaissance en codage. Il compte actuellement plus de 700 000 installations actives et une note de 5 étoiles sur WordPress.org, même après plus de 2 900 commentaires !

De toute évidence, il s’agit d’un excellent plugin bien codé qui a bien résonné dans la communauté WordPress et qui est une solution idéale pour créer des tableaux dans WordPress.

Le plugin WordPress TablePress

Avant d’entrer dans le vif du sujet et d’apprendre comment ajouter des tableaux à vos articles et pages WordPress, jetons un coup d’œil rapide à quelques-unes des fonctionnalités clés que TablePress a à offrir pour se placer au-dessus de la concurrence.

Plugin WordPress TablePress

Plugin WordPress TablePress

  • Plusieurs formats d’importation : Avec TablePress, vous pouvez non seulement créer des tableaux à partir de zéro en saisissant des données dans un éditeur de tableaux WordPress, mais vous pouvez également importer des données à partir de formats multiples tels que Excel, CSV, HTML et fichiers JSON. Plusieurs plugins concurrents dans ce créneau n’offrent qu’un seul format d’entrée et c’est très pratique d’en avoir plusieurs à portée de main.
  • Exportez vos tables : Si vous avez créé une table à partir de l’interface TablePress, vous pouvez facilement exporter votre table dans un fichier CSV, HTML ou JSON. Très pratique pour conserver vos données si vous migrez vers une nouvelle installation WordPress ou même vers un nouveau CMS.
  • Étendez vos capacités : Le développeur de TablePress, Tobias Bäthge, a développé plusieurs fonctions complémentaires pour TablePress qui étendent considérablement ses capacités. Ces extensions intègrent la prise en charge de choses telles que la création de tables responsives, de filtres de colonnes, d’un bouton de sauvegarde au format PDF pour les utilisateurs finaux, etc. Toutes les extensions sont disponibles gratuitement en téléchargement, mais certaines de celles qui ont pris beaucoup de temps à coder (étiquetées « premium ») recommandent que vous souteniez le développeur avec un petit don lorsque vous les téléchargez.

Comment créer des tableaux dans WordPress avec TablePress

Maintenant que nous avons couvert les fonctionnalités de ce plugin, voyons comment utiliser TablePress pour insérer des tableaux dans WordPress.

Création d’un tableau à partir de zéro

Commençons notre tutoriel en vérifiant comment créer une table à partir de zéro avec l’interface très simple et intuitive de TablePress.

Étape 1

Après avoir installé et activé le plugin dans votre tableau de bord, passez à WP Admin > TablePress. Cette page est le centre de contrôle du plugin. Le processus de création, de modification et de personnalisation des tables commence ici. La première fois que vous visitez la page, vous trouverez un message de bienvenue avec une FAQ, de la documentation et des liens d’assistance ainsi qu’une liste de vos tableaux (qui sera vide). Pour commencer, cliquez sur le bouton « Add New » dans la navigation de la page.

Options de TablePress

Options de TablePress

Étape 2

Sur la page Add New, vous serez invité à saisir un nom pour votre tableau, à entrer une description (facultatif) et à spécifier les dimensions de votre tableau (nombre de lignes et de colonnes). Une fois que vous avez fait cela, cliquez sur le bouton « Add Table « . Par exemple, nous allons faire une table fictive pour la pâtisserie.

Ajouter une nouvelle table dans TablePress

Ajouter une nouvelle table dans TablePress

Étape 3

Sur la page suivante, votre tableau se verra attribuer un identifiant et un code de raccourci que vous utiliserez pour ajouter le tableau dans vos articles et pages. Vous commencerez également à remplir les cellules individuelles de votre nouveau tableau. L’interface que vous utilisez pour remplir le tableau est simple et peu compliquée et s’apparente un peu à une feuille de calcul Excel moyenne. Voici à quoi ça ressemble quand votre tableau est plein.

Shortcode TablePress

Shortcode TablePress

Étape 4

Plus bas sur la même page, vous pouvez jouer avec quelques options de base. Vous pouvez insérer des liens/images dans vos cellules, dupliquer/supprimer des lignes et des colonnes sélectionnées, ajouter des classes CSS à des fins de style, combiner des cellules, alterner les couleurs par ligne, activer le tri/pagination, et plus.

Le plugin suppose automatiquement que votre première ligne est la ligne d’en-tête de la table, mais vous avez la possibilité de ne pas l’afficher et même de changer la dernière ligne en pied de tableau.

Manipulation de TablePress

Manipulation de TablePress

Il y a aussi un bouton « éditeur avancé » qui vous donne une interface un peu plus fonctionnelle pour saisir les données de votre tableau.

Éditeur avancé de TablePress

Éditeur avancé de TablePress

Mais cela prend beaucoup de temps à utiliser, car il faut cliquer sur ce bouton, puis sur la cellule que l’on veut éditer pour accéder à l’éditeur avancé – et il faut le répéter pour chaque cellule individuelle. À notre avis, cela ne vaut vraiment pas la peine. Mais selon la quantité de données que vous saisissez, cela peut être utile.

TablePress éditeur avancé

TablePress éditeur avancé

Étape 5

Une fois que vous avez fini d’éditer le tableau et que vous avez personnalisé les options, cliquez sur le bouton « Enregistrer les modifications », puis sur le bouton « Aperçu » en bas de la page pour avoir une idée de ce à quoi ressemblera votre tableau une fois inséré dans un article ou une page.

Nous avons constaté que cet aperçu est très éloigné de ce à quoi ressemblera réellement votre produit fini, en termes de style. Comme une grande partie du style dépend de votre thème, la prévisualisation ne rend pas vraiment justice à l’aspect final (ce qui est bien mieux que le tableau maladroit que vous voyez dans la capture d’écran ci-dessous).

Aperçu de TablePress

Aperçu de TablePress

Étape 6

Maintenant, dans un article ou une page, vous pouvez insérer le tableau de deux façons différentes. La première consiste à copier et coller le code du raccourci précédent. Pour notre tableau d’exemple, comme c’est le premier que nous avons créé, le shortcode est [table id=1 /]. Le format des shortcodes est très facile à mémoriser.

Shortcode de TablePress dans un article

Shortcode de TablePress dans un article

La deuxième façon est d’utiliser le bouton « Insérer un tableau à partir de TablePress » dans la barre d’outils de l’éditeur visuel.

Insérer un tableau à partir de TablePress

Insérer un tableau à partir de TablePress

Voici un exemple de ce à quoi ressemblera le résultat final sur un site Web qui utilise le thème par défaut Twenty Seventeen. Le style n’est pas mauvais du tout. Notez la pagination et les options de recherche pour les visiteurs du site Web.

Exemple de page avec le tableau

Exemple de page avec le tableau

Importation d’un tableau

Si vous avez déjà préparé vos données (comme une feuille Excel ou un document Google Sheets) et que vous attendez d’aller dans un format externe, vous pouvez les importer directement dans le plugin TablePress.

Étape 1

Pour importer un tableau, accédez à WP Admin > TablePress > Import. Sur cette page, vous sélectionnerez votre source d’importation (téléchargement direct, URL, fichier sur le serveur ou saisie manuelle dans une zone de texte vide). Mon exemple de données provient d’un document Google Sheets que nous avons téléchargé au format CSV.

Ce qui est vraiment cool avec cette partie, cependant, c’est que vous pouvez choisir d’utiliser les données importées soit pour une toute nouvelle table, soit comme remplacement ou données supplémentaires pour une table existante que vous avez déjà créée. Dans cet exemple, nous allons ajouter un nouveau tableau.

Importer tableau dans TablePress

Importer tableau dans TablePress

Étape 2

Une fois que vous cliquez sur le bouton « importer le tableau », vous serez redirigé vers la même page d’édition que lorsque vous avez créé votre tableau à partir de zéro. Sauf que cette fois-ci, le nom, la description et le contenu du tableau ont déjà été remplis. Il ne reste plus qu’à personnaliser les options en bas de page.

Options du tableau importé

Options du tableau importé

Étape 3

Encore une fois, utilisez le shortcode du tableau assigné (cette fois pour la 2ème table c’est [table id=2 /]) dans un article / page et appréciez le résultat. Notez que puisque toutes les données étaient les mêmes que lorsque nous avons créé le tableau à partir de zéro, le résultat était aussi exactement le même.

Exemple de tableau TablePress sur une page

Exemple de tableau TablePress sur une page

Exportation d’un tableau

Comme nous en avons discuté au début de cet article, le plugin est également livré avec une option intégrée pour exporter vos tables. C’est un processus incroyablement simple en une seule étape.

Étape 1

Accédez à WP Admin > TablePress > Exporter un tableau. Ici, vous pouvez sélectionner quelle(s) table(s) vous souhaitez exporter, et dans quel format (CSV, HTML ou JSON). Si vous utilisez l’option CSV comme nous l’avons fait ci-dessous, vous pouvez également définir le délimiteur CSV sur une virgule (,), un point-virgule ( 😉 ou une tabulatrice (\t). Si plus d’une table est exportée à la fois, une archive zip est obligatoire.

Exporter table dans TablePress

Exporter table dans TablePress

Une fois que vous avez sélectionné le bon tableau et le bon format d’exportation, cliquez simplement sur le bouton « télécharger le fichier d’exportation » et obtenez vos données.

Options du plugin

La page d’options du plugin de TablePress est plutôt maigre. Bien qu’elle offre une interface facile à utiliser et de nombreuses options d’import/export, la personnalisation intégrée est assez limitée, comme vous pouvez le voir ci-dessous (bien qu’elle puisse être étendue avec des add-ons).

Options du plugin TablePress

Options du plugin TablePress

Pour faire une véritable personnalisation de style, vous devrez écrire des commandes CSS personnalisées dans la zone de texte ci-dessus. Si vous ne connaissez pas le code, ne vous inquiétez pas – le développeur du plugin a inclus de la documentation sur la façon d’écrire des commandes CSS de base, telles que changer les couleurs de fond de lignes spécifiques, mettre en évidence certaines cellules, centrer un tableau sur une page, etc. Vous pouvez également modifier quelques options utilisateur, telles que la section du menu administrateur dans laquelle TablePress s’affiche et la langue du plugin (20+ sont actuellement prises en charge).

Dernières réflexions sur TablePress

Sans aucun doute, TablePress est certainement l’un des plugins de table les plus fonctionnels et les plus simples sur le marché. Il présente de nombreuses caractéristiques, mais il ne répond pas aux attentes dans certains domaines. Après mon expérience avec le plugin, voici quelques avantages et inconvénients.

Avantages

  • Un superbe style prêt à l’emploi.
  • Interface très simple, conviviale pour les débutants.
  • Plusieurs formats d’importation : CSV, HTML, JSON et Excel.
  • Différents formats d’exportation : CSV, HTML, JSON.
  • Les utilisateurs peuvent rechercher des chaînes de données spécifiques dans le tableau.
  • Les tableaux peuvent être paginés par nombre spécifique de lignes.
  • Beaucoup d’extensions de plugins gratuites disponibles (cela montre vraiment que le développeur a mis beaucoup d’efforts et de réflexion pour faire de ce plugin une excellente ressource pour la communauté WordPress).

Inconvénients

  • L’utilisation de l’éditeur avancé prend beaucoup de temps (nécessite beaucoup de clics).
  • Personnalisation du style intégrée assez limitée.
  • Il n’est pas responsive par défaut, mais vous pouvez utiliser une extension pour cela.
  • Vous devez saisir les données manuellement ou les importer à partir d’un tableur. Si vous souhaitez créer des tableaux de données déjà stockées sur votre site Web (par exemple, des articles de blog, des produits de ecommerce ou un custom post type), alors vous pourriez bénéficier d’un plugin de table WordPress dynamique tel que Posts Table Pro.

Avec un peu de chance, ce tutoriel vous a aidé à acquérir une solide compréhension de la façon d’utiliser toutes les fonctions que TablePress a à offrir et comment vous pouvez facilement créer des tableaux dans WordPress. Si vous avez des questions ou si vous souhaitez éclaircir quelque chose, n’hésitez pas à les commenter ci-dessous. Aussi, si vous avez une expérience personnelle avec TablePress (ou tout autre plugin qui intègre le support des tableaux dans WordPress), n’hésitez pas à partager ci-dessous dans les commentaires.

9
Partages