Récemment un de nos visiteurs nous a demandé comment insérer un tableau sur WordPress ?

C’est une fonctionnalité n’existe pas par défaut sur WordPress, cependant nos publications ne sont pas essentiellement composées de titres et de paragraphes. Certains blogs utilisent également des tableaux pour diverses raisons. Le problème comme d’habitude, c’est qu’il est très souvent difficile de savoir lequel des plugins il faudrait utiliser.

Pour répondre à une préoccupation d’un de nos abonnés, je vous monterais dans ce tutoriel comment ajouter de jolis tableaux sur votre site web WordPress grâce au plugin TablePress.

Si vous ne comprenez pas un point sur ce tutoriel, notre formulaire des commentaires est à votre disposition.

Êtes-vous prêt ? C’est parti !

comment insérer un tableau

Mais avant, si vous n’avez jamais installé WordPress découvrez Comment installer un blog WordPress en 7 étapes et Comment rechercher, installer et activer un thème WordPress sur votre blog 

Ensuite revenons vers ce pourquoi nous sommes là.

Installation et configuration du plugin tablePress

En effet, nous utiliserons le plugin TablePress, qui est très connu d’ailleurs, pour ajouter des tableaux dans les articles et pages WordPress. Je vous invite donc à l’installer depuis votre tableau de bord. Vous pouvez aussi le télécharger sous forme de fichier zip et l’installer à partir de votre FTP.

Une fois que c’est fait, vous remarquerez qu’un nouveau menu est disponible sur la barre latérale gauche de votre tableau de bord. En ce qui concerne les configurations particulièrement, vous n’avez pas grand-chose à faire. 

Cependant, vous pouvez personnaliser le design général du tableau en y ajoutant un code CSS et définir l'emplacement du menu « tablePress » sur le menu latéral gauche du tableau de bord.

tablepress-configuration

Comment ajouter un nouveau tableau sur votre blog

Sur le menu « TablePress », cliquez sur « Ajouter un tableau ». Sur la nouvelle page, vous devez donner un nom à votre tableau, une description (optionnel), mais surtout définir le nombre de lignes et de colonnes. Une fois que c’est fait, cliquez sur « Ajouter un tableau ».

comment insérer un tableau

Après avoir ajouté votre tableau, allez sur la page d’édition. Sur cette page, vous pourrez modifier le nom et la description du tableau (jusque-là rien de bien particulier), mais aussi et surtout, vous pouvez manipuler ledit tableau, notamment en y ajoutant des textes dans les champs de chaque colonne.

modification-d-une-colonne

D’autres options additionnelles sont offertes, elles vous permettent notamment :

  • D’ajouter une image
  • D’ajouter un lien
  • D’accéder à l’éditeur de code avancé (réservé au développeur HTML)
  • De masquer ou d’afficher une ligne
  • De dupliquer, insérer ou supprimer une ligne
  • D’ajouter de nouvelles lignes vides

Ces différentes options s’appliquent aux lignes (à gauche) et aux colonnes (à droite).

Créez aussi des grilles de prix sur votre blog  ou site web grace à ces 8 plugins WordPress premium

comment insérer un tableau

La section « Options du tableau » vous donne la possibilité de définir certaines options telles que le fait de définir « la première ligne du tableau » comme en-tête et celui de définir « la dernière ligne du tableau » comme bas. Vous pourrez également définir d’autres options de visibilité et y ajouter un code CSS.

comment insérer un tableau

Pour rendre votre tableau dynamique, vous pouvez activer l’option « DataTables » de la section « Contenu de la bibliothèque JavaScript DataTables ». Par défaut, cette fonctionnalité est activée, et vous donne la possibilité d’activer certaines autres fonctionnalités comme les tris, la pagination, et bien plus.

Découvrez Comment ajouter un effet parallaxe sur n’importe quel thème WordPress

comment insérer un tableau

Une fois que vous avez terminé de modifier votre tableau, n’oubliez pas de sauvegarder vos modifications en cliquant sur « Sauver les changements ».

Consultez aussi Comment réorganiser les articles WordPress en 2 méthodes

Au bas de la page, vous pourrez voir 3 autres boutons qui vous permettent de :

  • Copier le tableau : c’est-à-dire créer un nouveau tableau en s’inspirant de celui actuellement modifié
  • Exporter le tableau : cette fonctionnalité permet d’utiliser les informations d’un tableau sur une autre installation de « TablePress », vous pourrez également faire usage de cette fonctionnalité pour faire des sauvegardes de votre tableau.
  • Supprimer le tableau : cette fonctionnalité est on ne peut plus claire, il s’agit de la suppression d’un tableau en cours d’édition.

comment insérer un tableau

Comment administrer les tableaux de votre site web

Tous les tableaux que vous créez sont disponibles sur l'emplacement « TablePress >> Tous les tableaux ». Depuis cet emplacement, vous pouvez effectuer les actions groupées, notamment copier, supprimer ou exporter des tableaux. Si vous souhaitez plutôt effectuer ces actions sur un tableau en particulier, survolez-le et vous verrez ses options.

C’est également depuis cet emplacement que vous pourrez récupérer le shortcode du tableau, que vous ajouterez dans un article ou une page de votre choix.

Rendez votre blog populaire avec ces 10 plugins WordPress pour partager vos articles sur les réseaux sociaux

Plus besoin de vous dire que pour apporter des modifications à un tableau, vous devez cliquer sur le nom de ce dernier.

comment insérer un tableau

Comment importer un tableau

TablePress vous donne la possibilité d’exporter et d’importer des tableaux soit sur la même installation de WordPress, soit ailleurs. Toujours est-il que vous aurez besoin d’accéder à l'emplacement « TablePress >> Importer un tableau ».

Depuis ce dernier, vous pouvez déterminer la source du tableau (Fichier, Url, Sur le serveur, Entrée manuelle).

comment insérer un tableau

Comment ajouter un tableau sur un article ou une page

Depuis la page d’accueil du plugin, vous pouvez récupérer le shortcode, comme je l’ai dit plutôt, en cliquant sur le lien « Montrer le raccourci ».

message-shortcode

Copiez ce code et ajoutez-le sur l’éditeur visuel de l’article ou de la page.

ajout-u-shortcode-sur-l-article

Une fois que c’est fait, publiez l’article (ou la page) et consultez-la. Votre joli tableau est en ligne avec toutes ses lignes et colonnes (c’est ce que j’ai pu réaliser chez moi avec le thème de la semaine).

tableau-prévisualisation

Découvrez aussi quelques plugins WordPress premium  

Vous pouvez utiliser d’autres plugins WordPress pour donner une apparence moderne et pour optimiser la prise en main de votre blog ou site web.

Nous vous proposons donc ici quelques plugins WordPress premium qui vous aideront à le faire.

1. WordPress Ultimate Redirect

L’extension « WordPress ultime Redirect » est la seule et unique solution dont vous avez besoin pour gérer tous vos besoins de redirections, 404, migration de site et/ou changement ou transfert de domaine.

WordPress Ultimate Redirect Plugin

Il y a des plugins qui font ce que plugin fait, mais pas tout à la fois. Ce plugin fournit toutes les fonctionnalités usuelles de redirection 404, plus notre préférée « auto-redirection vers la plus proche correspondance d’URL ».

Télécharger | Démo | Hébergement Web

2. Bookly Custom Fields

Il est important de noter que ce plugin WordPress est un add-on qui nécessite le plugin WordPress Bookly pour fonctionner. Par défaut, les clients ou visiteurs sont généralement habitués à remplir plusieurs champs tels que le nom, le numéro de téléphone et l’adresse e-mail avant de confirmer une réservation.Bookly Custom Fields Add on plugin WordPess

Mais avec ce plugin WordPress, vous pourrez leur demander de remplir plus de champs, enfin d’obtenir plus de détails ou tout autre type d’information. Ces nouveaux champs apparaîtront à l’étape Télécharger du processus de réservation, et les détails de la réservation seront ajoutés à votre calendrier Bookly.

Ses fonctionnalités sont entre autres : la possibilité de créer autant de champs nécessaires, le support de différents types de champs, la possibilité de rendre certains champs obligatoires ou facultatifs au remplissage, une documentation détaillée et bien plus.

Télécharger Démo | Hébergement Web

3. Elegant Tabs for Beaver Builder

Grâce à ce plugin, vous pouvez ajouter n’importe quel shortcode dans plusieurs onglets de sorte que les utilisateurs puissent choisir les données qu’ils veulent voir.elegant-tabs-for-beaver-builder-plugin-wordpress-pour-page-builder

Comme fonctionnalités on y retrouve : la possibilité de personnaliser (couleurs, icônes, arrière-plans pour différentes sections/onglets), l’intégration de WYSIWYG, la possibilité de sélectionner une icône pour chaque onglet à partir de la bibliothèque de polices disponible dans Beaver Builder, un alignement des onglets (10 styles d’onglets différents et plein de variations pour faciliter la personnalisation

Télécharger | Démo | Hébergement Web

Ressources recommandées

Découvrez d’autres ressources recommandées qui vous accompagneront dans la création et la gestion de votre site web.

Conclusion

Voilà ! C’est tout pour ce tutoriel dédié à la création et à l’ajout d’un tableau sur les pages ou  articles de votre site web WordPress grâce à TablePress. J’espère que vous l’avez trouvé utile. N’hésitez pas à le partager avec vos amis sur vos réseaux sociaux préférés

Cependant, vous pourrez aussi consulter nos ressources, si vous avez besoin de plus d’éléments pour mener à bien vos projets de création de sites internet, en consultant notre guide sur la création de blog WordPress.

Et si vous avez des suggestions ou des remarques, laissez-les dans notre section commentaires.