Mai
25

Ajouter simplement un tableau dans un article WordPress

Comme vous avez pû le constater, l’éditeur WYSIWYG de WordPress ne propose pas de solution pour créer un tableau rapidement.

Vous pouvez bien sûr le faire à la main en HTML sauf qu’à la moindre erreur d’écriture des balises, WordPress va supprimer ce qu’il ne comprend pas et une partie des données sera probablement perdue.

Création rapide de tables

Je vais donc vous présenter le plugin Wp table reloaded qui permet de créer des tableaux très facilement sans rien y connaître en HTML.

Installation

Comme d’habitude rendez vous dans le menu Extensions, recherchez Wp table reloaded, installez le et activez le.

Pour créer un tableau il faut se rendre dans Outils puis WP-Table Reloaded.

Création d’un tableau

Pour créer un tableau entièrement cliquez sur Ajouter un nouveau tableau.

Vous pouvez aussi utiliser les données d’un fichier CSV en utilisant la fonction Importer un Tableau.

Informations de base de la table

Donnez lui un nom et une description. Définissez le nombre de lignes et de colonnes en n’oubliant pas de rajouter une ligne et/ou une colonne pour les titres.

Validez en cliquant sur Ajouter un tableau.

Une nouvelle fenêtre apparaît vous permettant de remplir le tableau.

Injection des données

La première ligne servira (par défaut) pour les titres et fonctionnera comme un titre de colonne de tableau normal. Ces titres deviendront donc des balises <thead>.

Note importante pour la suite : en haut de la page se trouve une expression en gras du genre :

[table id =1 /]

Copiez cette expression, vous allez en avoir besoin.

Enregistrez ensuite avec un des boutons Mise à jour modifiée pour rester sur la page ou Enregistrer et retourner pour revenir à la liste des tables.

Affichage

Rendez vous ensuite dans votre article puis, à l’endroit où vous voulez que votre tableau apparaisse collez l’expression précédente.

Pour vous montrer un aperçu du résultat j’ai pris un sondage au pif sur 1001-votes .com dont l’intitulé est Si tu devais être un personnage fantastique (dragon, sirene,…) tu serais le quel ?

Résultat au sein d'un article

Pour aller plus loin

Les fonctionnalités qui suivent peuvent être utilisées en entrant dans l’un de vos tableaux.

Structure

Vous avez évidemment la possibilité de modifier la structure de celui-ci grâce à la rubrique Manipulation des données.

Vous pouvez ajouter ou retirer des lignes et des colonnes ainsi que les permuter. Il est aussi possible de réaliser des cases de plusieurs lignes ou plusieurs colonnes comme dans une table HTML classique.

Style

Dans la section Options de styles du tableau vous pouvez :

  • activer ou désactiver l’alternance de couleur de fond.
  • mettre en surbrillance au passage de la souris
  • désactiver la ligne d’entête si vous n’avez pas besoin des titres de colonnes
  • utiliser la dernière ligne comme footer de tableau (équivalent balise <tfoot>)
  • afficher ou non le titre du tableau enregistré lors de sa création
  • afficher ou non la description
  • le mettre en cache pour plus de rapidité
  • spécifier une feuille de style pour le personnaliser (oui ce n’est pas possible directement)

Fonctionnalités javascript

Attention les fonctions suivantes ne fonctionnent pas sur tout les thèmes.

Possibilités avancees

 

  • 1 : affichage d’un certain nombre de lignes par page
  • 2 : faire une recherche dans le tableau
  • 3: tri croissant ou décroissant des colonnes

 

 

 

 

Articles similaires :

13 Comments to “Ajouter simplement un tableau dans un article WordPress”