Par Eléonor (Équipe WPMarmite) le 12 février 2019 • 3 commentaires

Parfois, administrer un site WordPress peut être une véritable sinécure par rapport au HTML statique et autres gestionnaires de contenus préhistoriques. Les tâches courantes sont tellement simples à mettre en oeuvre que vous avez tendance à accueillir les demandes d’amélioration avec le sourire.

Il existe toutefois certains types de requêtes qui ne manquent jamais de donner immédiatement de l’urticaire à bon nombre de concepteurs de sites : toutes celles qui incluent le mot “tableau”.

C’est que c’est fragile ces petites bêtes ! Une fausse manipulation de rien du tout, comme un < ou > supprimé par mégarde, et votre page en ligne perd sa belle structure géométrique pour ressembler aux ruines de Pompéi. C’EST TOUT CASSÉ !

Autant dire que si un aventureux vient à me demander d’ajouter une colonne, il s’expose à entendre un ensemble de jurons qui feraient rougir le capitaine Haddock.

« Mille millards de mille sabords ! » (et encore, je suis poli)

Mais tout ça, c’était avant !

Avant que vous ne découvriez l’extension qui vous permet de rester ZEN en toutes circonstances : TablePress. Un plugin qui permet de créer des tableaux dans WordPress sans coder et de les modifier avec de simples Drag & Drop !

Une envie subite d’ajouter un tableau comparatif de vos plans tarifaires ou des fonctionnalités de vos produits phares ? Suivez le guide. À la fin de ce tuto, vous serez en mesure d’ajouter en toute confiance des tableaux dans WordPress en utilisant TablePress.

A quoi TablePress va-t-il vous servir ?

TablePress est un plugin gratuit qui permet d’ajouter simplement des tableaux dans WordPress sans avoir besoin de coder.

Le plugin TablePress se trouve gratuitement dans le répertoire officiel de WordPress

Capitalisant sur plus de 700 000 installations actives, et plus de 3000 notes de 5 étoiles / 5 sur le répertoire officiel de WordPress, pas de doute : c’est l’extension-phare pour créer et gérer vos tableaux.

Le plugin a été créé par Tobias Bäthge, un développeur WordPress allemand spécialiste de l’ingénierie cybernétique. En bon geek, Bäthge a créé TablePress dans une interface similaire à celle d’une feuille Excel.

TablePress, c’est :

  • Une interface intuitive, qui se gère en glisser-déposer ;
  • La possibilité d’intégrer des tableaux dans vos articles, vos pages, ou vos widgets textuels à l’aide d’un shortcode ;
  • Une modification facile des données des tableaux, comme dans Excel ;
  • L’import et l’export de tableaux au formats Excel, CSV, JSON et HTML ;
  • Une synchronisation avec des feuilles Google Sheets ;
  • Des cellules de tableau qui acceptent des fonctions mathématiques et des formules de calcul ;
  • Une personnalisation graphique possible via CSS.

Télécharger dès maintenant TablePress sur le répertoire officiel

Comment prendre en main TablePress ?

Une fois TablePress installé et activé, vous verrez un nouvel onglet au nom du Plugin dans le menu d’administration de WordPress.

Ajouter un Tableau

Pour ajouter un nouveau tableau à votre site WordPress, il vous suffit de cliquer sur “TablePress > Ajouter un tableau” dans le menu d’administration, ou sur l’onglet “Ajouter” en haut de l’interface TablePress.

Ajouter un tableau sur WordPress avec TablePress

Pour créer votre tableau, il vous est demandé de :

  • Donner un nom à votre tableau.  Si vous comptez présenter de nombreux tableaux sur votre site, pensez à lui donner un nom clair et descriptif.
  • Proposer une brève description (optionnel). Prenez le temps d’y ajouter les informations qui pourraient vous être utiles ultérieurement.
  • Spécifier le nombre de lignes et de colonnes de votre tableau. Si le plugin vous permet facilement d’ajouter et de supprimer ces éléments ultérieurement, je vous recommande toutefois de vous poser quelques instants pour bien lister les informations que vous voulez présenter dans votre tableau. Cette petite étape d’anticipation vous fera gagner beaucoup de temps par la suite.

Cliquez ensuite sur le bouton bleu “Ajouter un tableau”, en bas de la page. Vous allez maintenant accéder à l’écran « Modifier le tableau », où vous pouvez modifier votre tableau.

Éditer le contenu et la structure d’un tableau

Faites défiler la page vers le bas jusqu’au bloc “Contenu du Tableau”. Cette section de la page vous permet d’ajouter du contenu, via une saisie ou un copier/coller, directement dans les différentes cellules du tableau.

Avec le glisser-déposer, il est très facile de réorganiser vos lignes et vos colonnes.

Enrichir vos tableaux

Avec TablePress, vos tableaux peuvent être enrichis d’images, de liens et même d’informations plus complexes, comme un shortcode, grâce à son éditeur avancé.

  • Ajouter une image : Pour ajouter une image, rien de plus simple. Il vous suffit de descendre sur la page jusqu’au bloc “Manipulation du tableau” et de cliquer sur “Insérer une image”. Cliquez ensuite sur la cellule qui doit afficher l’image.Il vous suffit désormais de télécharger une image ou de choisir une image de votre bibliothèque de médias, avant de cliquer sur le bouton bleu “Ajouter dans la table” en bas à droite de la fenêtre.
  • Ajouter un lien : TablePress vous permet également d’insérer des liens dans votre tableau. Pour ce faire, descendez jusqu’au bloc de “Manipulation du tableau” puis cliquez sur le bouton “Insérer un lien”. Ensuite, cliquez sur la cellule du tableau à l’endroit où vous voulez que le lien apparaisse.Une fenêtre contextuelle s’affiche, dans laquelle vous pouvez configurer votre lien à l’aide de l’interface WordPress standard :
  • Ajouter un contenu enrichi Vous pouvez aussi insérer un contenu enrichi dans la cellule d’un tableau. TablePress propose également d’insérer du contenu à partir d’un éditeur avancé. En l’utilisant, vous pourrez ajouter dans la même cellule du texte, avec ou sans liens, ainsi que des images.

Pour trouver l’éditeur avancé, descendez vers le bloc “Manipulation du tableau” et cliquez sur le bouton de même nom. Cliquez sur la cellule qui doit accueillir le contenu enrichi.

Une pop-up apparaît dans laquelle vous pourrez paramétrer votre contenu enrichi.

Modifier aisément vos tableaux

TablePress permet une édition facile de la structure d’une table.

Dans le bloc “Manipulation du tableau”, vous trouverez les différentes options proposées qui vous permettront d’ajouter, de supprimer, de dupliquer et de masquer des lignes et des colonnes. Il vous est également possible de combiner des cellules en une ligne ou une colonne.

Pour modifier votre tableau, cliquez simplement sur la ligne ou la colonne que vous souhaitez modifier. Sélectionnez ensuite l’effet approprié. Nous avons, par exemple, choisi ci-dessous d’insérer une nouvelle colonne entre deux colonnes existantes :

Une fois votre tableau complété, n’oubliez surtout pas de cliquer sur le bouton “sauver les changements”. Nous vous recommandons d’ailleurs de la faire régulièrement car aucune sauvegarde automatique n’est effectuée.

Modifier un ancien tableau

Il vous est possible à tout moment de faire évoluer le contenu et la structure d’un des tableaux que vous avez créé.

Pour retrouvez la liste des tableaux existants, sélectionnez TablePress > Tous les tableaux dans votre menu WordPress.

Vous pouvez désormais choisir le tableau que vous souhaitez éditer.

Comment insérer un tableau dans un article ou une page ?

Maintenant que votre tableau est créé, il ne vous reste plus qu’à l’insérer dans un article ou une page de votre site WordPress.

Pour ce faire, ouvrez ou créez le document de destination dans lequel vous

voulez publier votre tableau. Selon l’éditeur que vous utilisez, la procédure d’insertion diffère légèrement.

Avec l’éditeur Gutenberg, copiez le shortcode du tableau (que vous trouvez depuis l’extension elle-même), et collez-le dans le nouvel éditeur.

Vous trouverez le shortcode depuis le plugin TablePress lui-même

Magie, magie : le bloc shortcode apparaît tout seul. Pratique !

Si vous préférez encore utiliser l’éditeur classique, vous verrez tout simplement l’icône TablePress s’afficher dans la barre d’outils de l’éditeur.

Il vous suffira alors de sélectionner, dans la fenêtre qui s’ouvrira au clic, le tableau que vous souhaitez intégrer.

Les doigts dans le nez.

Les fonctionnalités supplémentaires pour aller plus loin avec TablePress

Jusqu’alors, ce tutoriel vous a donné les bases nécessaires pour créer et mettre à jour des tableaux dans WordPress sans avoir à coder. Vous pouvez également lui ajouter des fonctionnalités supplémentaires très utiles.

Une fois que vous maîtrisez les bases, ces tutoriels (en Anglais) peuvent vous aider à mettre en œuvre certaines des fonctionnalités les plus intéressantes :

En bonus : les extensions TablePress

Il est possible d’ajouter encore plus de fonctionnalités à TablePress grâce à une bibliothèque d’une vingtaine d’extensions gratuites ou premium.

Vous trouverez sur le site du plugin, 19 extensions officielles. Voici certaines des plus utiles :

TablePress -vs- le bloc tableau de Gutenberg : que choisir ?

Vous le savez sans doute : l’éditeur Gutenberg, qui continue à faire beaucoup parler de lui, donne l’opportunité de créer un bloc spécifique aux tableaux, fourni par défaut dans WordPress 5.0.

Du coup, on ne pouvait pas résister à l’envie de comparer TablePress à cette fonctionnalité.

Voilà ce que donne le process de création d’un tableau avec le bloc dédié Gutenberg :

La méthode pour créer un tableau avec Gutenberg

Vous voyez qu’il est simple, avec Gutenberg, d’ajouter ou supprimer des lignes ou des colonnes, d’attribuer une largeur fixe à vos colonnes, et d’y intégrer votre contenu.

Cet outil désormais intégré nativement à WordPress reste simpliste, mais peut suffire pour certains cas de tableaux très basiques, où vous voulez juste présenter des données de manière simple.

Ceux d’entre vous qui souhaitent créer des tableaux plus complexes, réorganisables, ou bien bénéficier de fonctionnalités similaires à Excel préfèreront donc TablePress.

Notre avis sur TablePress

Vous l’avez sans doute déjà compris : je suis une grande fan de TablePress :

  • Ce plugin est une excellente option si vous souhaitez ajouter des tableaux avancés à votre site WordPress.
  • Grâce à ses fonctionnalités, vous serez en mesure de créer rapidement d’élégants tableaux qui vous aideront à présenter de façon synthétique et à trier des données dans un format simple à lire.
  • Son interface inspirée d’Excel vous permet d’aller plus loin que les simples tableaux proposés par le nouvel éditeur de contenu.
  • Et surtout, il permet d’éviter de créer des tableaux en HTML et de passer des heures à triturer du code sans succès.

Télécharger TablePress sur le répertoire officiel

Et vous, utilisez-vous TablePress ? Que pensez-vous de cette extension-phare de l’univers de WordPress ? Préférez-vous le bloc dédié aux tableaux dans Gutenberg ?