Non, cet article ne va pas traiter d’oeuvres d’art mais bien de la manière d’insérer facilement des tableaux (table en anglais) dans WordPress…
Insérer un tableau dans des pages ou articles WordPress n’est pas très difficile en soit, pourtant l’exercice peut être fastidieux et répétitif. Au delà des plugins d’aide à l’écriture visuelle et autres ShortCodes, je vais vous présenter un plugin qui va faire le boulot à votre place, mais pas seulement…
Le plugin TablePress
TablePress est un plugin WordPress gratuit qui permet de créer et de gérer très simplement toute sorte de tableaux sur votre blog. Aucune connaissance HTML n’est requise, une interface confortable permet de modifier facilement toutes les données de la table.
Les tableaux créés par TablePress peuvent contenir tout type de données, images, liens hypertextes, voire même des formules. Une bibliothèque JavaScript supplémentaire peut être utilisée pour ajouter des fonctionnalités telles que le tri, la pagination, le filtrage et bien plus encore…
Créer un Tableau sous WordPress avec TablePress
Voici un tableau créé en moins de 5 mn à l’aide de TablePress, il s’agit d’une liste de 15 plugins WordPress, cette dernière contient 3 colonnes et 16 lignes(la première est déclarée entête).
Le plugin permet très simplement de jouer avec les données comme vous le verrez ci-après dans les captures d’écran, il est également possible de n’afficher que 10 lignes de données, le lecteur peut soit afficher 10, 25, 100 éléments, soit utiliser la pagination pour naviguer ou bien encore effectuer une recherche.
| Numéro | Plugins WordPress | Description du Plugin |
|---|---|---|
| 1 | Gravity Forms | Le Formulaire de référence |
| 2 | LiveOptim | L'optimisation on-site de votre WordPress |
| 3 | Sc Domination | Des Shortcodes de qualité |
| 4 | Pippity | La popup ultime pour vos NewsLetters |
| 5 | Jetpack | Le plugin made by Automaatic |
| 6 | WooCommerce | Le Ecommerce et WordPress |
| 7 | CommentLuv | Pour plus de commentaires |
| 8 | Mingle Forum | Ajouter un forum à WordPress |
| 9 | KeywordLuv | Des ancres optimisées pour les commentaires |
| 10 | SEO by Yoast | Le SEO pour WordPress |
| 11 | Etc... | |
| 12 | Etc... | |
| 13 | Etc... | |
| 14 | Etc... | |
| 15 | Etc... |
On peut customiser intégralement le tableau à l’aide de CSS et tous les éléments sont modifiables. On peut décider des éléments, fonctionnalités que l’on souhaite afficher ou proposer à l’utilisateur comme par exemple, le titre ou bien encore une courte description avant ou après le tableau.
TablePress est gratuit et en Français dans le texte.
Tableau côté Admin
L’interface est conviviale et traduite en Français. Depuis le tableau de bord on peut gérer ses tableaux, en importer/exporter (CSV, JSON, HTML) depuis la Base de données WP ou WP-Table Reloaded. L’onglet “options” permet d’ajouter le CSS personnalisé.
Les Données du Tableau
C’est ici que vous entrerez les titres, données et valeurs. L’interface ressemble très fortement à un tableur et vous ne serez pas dépaysé, la touche “tab” est fonctionnelle et l’on peut naviguer d’une cellule à une autre, d’une simple tabulation. Les champs de saisie sont tous extensibles.
Manipulations et Options du Tableau
La section qui permet de finaliser son tableau, à savoir, insérer un lien, une image, ajouter des cellules, lignes ou colonnes, définir les entêtes/pieds de tableau, les titres et descriptions, etc.
JavaScript pour les Tris, Filtres et Pagination
Pour activer les fonctionnalités avancées tels que le tri, les filtres et la pagination, vous devrez activer la librairie JavaScript. Vous pourrez alors, au choix, afficher l’une ou l’autre de ces options.
En conclusion, un excellent plugin gratuit comme on les aime et qui permet très facilement, de créer des tableaux dynamiques sous WordPress. Le support est très actif et le développeur dispose même d’un site internet ou vous pourrez trouver des Add-ons à cet excellent TablePress.
J’aime bien votre article, je suis un amateur de wordpress et je suis souvent obligé a combiner le xhtml et CSS pour créer des tables. Je ne sais pas pourquoi j’ai pas eu l’aider de chercher un plugin qui sera capable de me facilité le travail.
Merci, beaucoup
Quelle est la différence avec WP Table Reloaded? A première vue, ils m’ont l’air très similaires. Ca tombe, ceci dit, très bien pour moi, je ne suis pas entièrement satisfait par Reloaded justement. Merci pour cette trouvaille!
Bonjour Arnaud,
Aucune différence si ce n’est que “WP-Table Reloaded is being replaced with TablePress!”;)
Ce plugin peut ajouter une meilleure ergonomie liée à la consultation de tableaux pour l’internaute. De cette façon, il peut classer les éléments de la façon qui l’intéresse. Merci pour le partage !
“official successor” même quand on prend le temps de lire! Merci pour la précision et à moi d’apprendre à lire! :p
Bonjour,
je suis un peu amateur sur wordpress (et en informatique en général) mais la j’essaye de mettre un tableau sur un site, j’ai installé le pluggin “TablePress” mais dés que je publie j’ai ça qui apparait “[table id=1 /]” et non pas le tableau. Quelqu’un peut il m’aider s’il vous plait.
En tout cas merci pour ce pluggin (même si pour le moment ca veut po marcher).
Ryan
Bonjour,
Avez-vous pensé à insérer le shorcode depuis l’onglet HTML?
oui bien sur, en vain…
Alors un tour sur le forum/site de l’auteur qui est très réactif ;) Peut-être un incompatibilité entre plugins?
Bonjour,
Cet article tombe à point nommé, car je cherchais justement un plugin de ce type et j’avoue que j’étais resté sur ma faim avec des plugins comme Pricing Table.
Alors merci pour cette découverte que je tâcherai de mettre prochainement en application.
bonjour
je cherche à imprimer le tableau (sans les widgets, menus, etc)
Merci
Bonjour,
L’option la plus simple est d’exporter votre tableau en HTML ou CSV et de choisir ainsi vos paramètres d’impression.
Bonjour, c’est compatible avec un site responsive?
Bonjour,
Faites le test, le tableau de cet article est sur un site responsive;)
ça passe sur iPad, mais plus sur iPhone… merci en tous cas pour l’article et la réponse ;-)
Je crois que le dév a mis à disposition gratuitement une extension/add-on pour cela, à voir sur /responsive-tables/
Bien vu, ça se passe ici: http://tablepress.org/extensions/responsive-tables/
Bonsoir,
J’ai enfin testé le plugin et je le trouve franchement bien.
Il va juste falloir que je regarde au niveau CSS, car le rendu couleur n’est pas top sur mon site.
Encore merci pour cette découverte.
Travailler avec ce plug-in tablePress fera un essor pour moi pour cette année 2013. Avant, je n’arrivais à créer qu’un petit nombre de tableaux à longueur de journée. Je vais finir la longue procédure d’auparavant en décrochant ce smart module. Ainsi, je gagne en temps et en revenus. :)
bonjour,
Je connais ce plugin pour l’avoir testé malheureusement il n’est pas compatible avec un autre plugin me permettant d’afficher simplement des infos numériques entre des virgules.
Il n’est pas compatible avec Easy Table. un probleme de table not found qui s’affiche a la place de mes tableaux easy Table à chaque fois que j’active TablePress. Tout revient dans l’ordre dés lors que je désactive.
Que faire?
Merci beaucoup
bonjour, il arrive de temps à autre que certains plugins ne soient pas compatibles entre eux, malheureusement à part faire l’impasse sur l’un des deux ou contacter le dév, il n’y a rien à faire…
Super plugin et facile d’utilisation!Je l’utilise sur mon blog comparatif.Ce plugin est d’autant plus pratique que l’on peux facilement alterner l’ordre des lignes sans devoir tout modifier.
Un petit reproche quand même sur tablepress, c’est que les tableaux sont assez moche…Je cherche un plugin similaire avec des tableaux plus jolies.