PubliĂ© par le 12 fĂ©vrier 2019 ‱ 9 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 ?