WordPress
time_read36mn de lecture

Comment créer des tableaux dans WordPress ?

30 octobre 2023

Comment créer des tableaux dans WordPress ?

Présenter des informations de manière structurée et visuelle sur votre site est crucial pour une meilleure compréhension de votre audience. 📊 Il est désormais plus simple que jamais de créer des tableaux dans WordPress pour afficher des données, des tarifs ou des caractéristiques produit. 🖥️ Que vous soyez un novice ou un utilisateur avancé, cet article vous guidera étape par étape pour maîtriser la création de tableaux dans WordPress. 🚀 Prêt à organiser vos contenus comme un pro ? 🌟 Commençons !

Objectif

L’objectif principal de cet article est de vous fournir une compréhension complète et approfondie de la manière de créer et de manipuler des tableaux dans WordPress. 💡 Nous visons à vous équiper des connaissances et des compétences nécessaires pour choisir la méthode la plus appropriée en fonction de vos besoins spécifiques, que ce soit via l’éditeur Gutenberg, des plugins dédiés ou même du code personnalisé. 🤔 En fin de compte, notre but est de vous aider à améliorer l’expérience utilisateur sur votre site et à présenter vos données de la manière la plus efficace et esthétiquement plaisante possible.

Une solution clés en main pour créer un site WordPress ?

LWS vous conseille sa formule d’hébergement WordPress en promotion à -20% (offre à partir de 3,99€ par mois au lieu de 4,99 €). Non seulement les performances sont au rendez-vous mais vous profitez en plus d’un support exceptionnel.

Découvrir l'offre

Prérequis

  • Droits d’administrateur : assurez-vous d’avoir un accès administratif à votre site WordPress pour pouvoir installer des plugins ou ajouter du code personnalisé si nécessaire.
  • Éditeur de texte : avoir une compréhension de base de l’éditeur de texte WordPress, que ce soit l’éditeur classique ou Gutenberg.

Pourquoi est-il important d’utiliser des tableaux sur WordPress ?

Pourquoi est-il important d'utiliser des tableaux sur WordPress ?

L’utilisation de tableaux dans WordPress se révèle être une stratégie redoutable pour améliorer la lisibilité et la présentation visuelle de vos données. En offrant une structure claire et organisée, les tableaux facilitent la compréhension et la comparaison des informations, rendant ainsi le contenu plus accessible et engageant pour les utilisateurs.

En structurant les données de manière logique, vous contribuez significativement à optimiser l’expérience utilisateur. Cela aide les visiteurs de votre site à trouver rapidement ce qu’ils cherchent et à saisir les points clés de votre message sans effort. Cette clarté et cette facilité d’accès, sont particulièrement cruciales, dans un monde numérique où l’attention des utilisateurs est constamment sollicitée.

Par ailleurs, les tableaux peuvent jouer un rôle non négligeable dans l’optimisation SEO de votre page, surtout si les données présentées sont pertinentes et bien structurées. WordPress, par sa nature flexible, offre une multitude d’options de personnalisation pour les tableaux. Vous avez à votre disposition une variété de plugins et d’outils, vous permettant d’ajuster vos tableaux selon vos besoins spécifiques.

En outre, s’assurer que vos tableaux sont accessibles est une étape cruciale. Cela garantit que l’information est disponible pour tous, y compris les personnes qui utilisent des lecteurs d’écran. Finalement, l’intégration de tableaux dans votre contenu WordPress ne se traduit pas seulement par un gain de temps considérable en matière de mise en page, mais aussi par une amélioration notable de la crédibilité et de l’impact de votre message.

Les 3 méthodes pour créer des tableaux dans WordPress

Comme nous l’avons dit tantôt, WordPress met à votre disposition plusieurs méthodes et des outils pour intégrer des tableaux dans vos pages/publications. Cependant, dans cet article, nous allons développer uniquement trois méthodes les plus courantes et les plus faciles que vous pouvez utiliser.

Vous aurez ainsi la possibilité de choisir une, qui vous semble la plus aisée et la plus adaptée en fonction de vos besoins.

1. Créer des tableaux dans WordPress à l’aide de Gutenberg

Gutenberg est l’éditeur de contenu par défaut dans WordPress depuis sa version 5.0. Parmi les nombreux blocs qu’il dispose, le bloc Tableau est celui qui vous permet d’ajouter des tableaux dans vos pages ou dans vos publications. Voici comment faire :

Connectez-vous en tant qu’administrateur, éditeur ou auteur à l’espace d’administration de votre site WordPress. Ensuite, ouvrez votre page/article dans Gutenberg. Ensuite, rendez-vous dans l’outil d’insertion de blocs puis recherchez et ajoutez le bloc Tableau dans la zone d’édition.Ajouter le bloc Tableau dans Gutenberg via l'outil d'insertion de blocs

Une fois que le bloc est ajouté dans l’interface d’édition, définissez le nombre de lignes et de colonnes que comprendra votre tableau. Une fois que vous avez terminé, cliquez sur le bouton « Créer un tableau ».Créer des tableaux dans WordPress rapidement

Une fois que vous cliquez sur le bouton indiqué, le tableau sera automatiquement ajouté dans Gutenberg.

Besoin d’un hébergement WordPress rapide et de qualité ?

LWS vous conseille sa formule d’hébergement WordPress en promotion à -20% (offre à partir de 3,99€ par mois au lieu de 4,99 €). Non seulement les performances sont au rendez-vous mais vous profitez en plus d’un support exceptionnel.

Découvrir l’offre

Ajouter les données dans un tableau Gutenberg

Commencez par ajouter des données dans votre tableau. Voici à quoi peut ressembler un tableau basique créé à l’aide de Gutenberg.👇Ajouter des données dans le tableau WordPress Gutenberg

Sous le tableau, vous avez une section pour ajouter une légende et surtout décrire votre tableau. Pour vous permettre de personnaliser le contenu de votre tableau, vous pouvez utiliser la barre d’outils qui s’affiche lorsque vous le survolez.

Vous pouvez notamment utiliser l’icône de lien pour insérer un lien dans une cellule de votre tableau. Il vous suffit de sélectionner le mot ou l’expression d’une cellule qui sera considérée comme ancre de lien, puis ajouter l’URL dans le champ prévu sur la boîte de dialogue qui s’affiche.

Ajouter un lien dans un tableau sur Gutenberg

Et voici le résultat !Afficher un lien sur un tableau Gutenberg

Grâce à la barre d’outils, vous pouvez également mettre en gras ou incliner les éléments du tableau.Personnaliser le contenu du tableau

 

Vous pouvez aussi ajouter ou retirer les lignes et les colonnes de votre tableau.Modifier le tableau Gutenberg

Personnaliser les réglages et le style du tableau dans Gutenberg

Une fois que vous avez fini de personnaliser le contenu du tableau, vous pouvez accéder aux paramètres pour modifier les réglages et le style de votre tableau. Dans les réglages, vous pouvez particulièrement activer les cellules à largeur fixe, ajouter une section d’en-tête (libellé d’en-tête) et éventuellement une section de pied de pages. Réglages du tableau Gutenberg

Une fois que vous avez terminé, rendez-vous dans l’onglet « Style » pour modifier la couleur de la police et celle de l’arrière-plan.Réglages de style du tableau

Vous pouvez aussi remplacer le style de lignes du tableau par des rayures. Voici à quoi le résultat final peut ressembler.Modifier le style de rayures

Besoin d'une solution de sauvegardes en ligne ?

LWS vous conseille sa formule de sauvegarde Cloud Drive en promotion à -50% (offre à partir de 3,99€ par mois au lieu de 7,99 €). Non seulement vos données sont sauvegardées en France mais vous profitez en plus d’un support exceptionnel.

Découvrir l'offre

2. Utiliser un plugin pour insérer un tableau dans WordPress

L’utilisation de plugins dans WordPress pour insérer des tableaux peut vous donner une certaine flexibilité, mais surtout elle vous offre des fonctionnalités avancées pour la création de tableaux.

Il existe de nombreux plugins de création de tableaux dans WordPress. Toutefois, nous n’allons pas décrire tous ces modules, d’autant plus que chacun fonctionne différemment et propose des fonctionnalités spécifiques. Nous allons utiliser le plugin TablePress, qui est équipé d’une multitude de fonctionnalités dans la version gratuite.

Pour ce faire, rendez-vous dans la section « Extensions › ajouter ». Recherchez et installez le plugin TablePress.Installation du plugin TablePress

Une fois que le plugin est installé, rendez-vous dans la section « TablePress › ajouter un tableau ». Pour commencer, saisissez le nom de tableau dans le champ « Nom du tableau ». Ajoutez une description, puis définissez le nombre de lignes et de colonnes. Une fois que vous avez terminé, cliquez sur le bouton « Ajouter un tableau ».Ajouter un tableau via le plugin TablePress

 

Cela vous redirige vers une nouvelle interface affichant plusieurs options pour créer et personnaliser votre tableau.

Défilez vers le bas votre interface et accédez à la section « Contenu du tableau » et ajoutez des données à votre tableau. Ajouter du contenu au tableau avec TablePress

Accédez ensuite à la section « Manipulation du tableau ». Dans cette section, vous avez des options permettant entre autres d’insérer des liens ou des images dans votre tableau. Vous pouvez également dupliquer des lignes ou des colonnes ou supprimer certaines. Mais vous pouvez aussi combiner ou fusionner des cellules…Manipulation du tableau via TablePress

Sur la section « Options du tableau », vous pouvez activer certaines options pour personnaliser davantage votre tableau et le rendre visuellement attrayant. Si vous avez des connaissances en CSS, vous pouvez ajouter des règles de style personnalisées dans le champ « Classes CSS additionnelles ».Options du tableau créé avec TablePress

Défilez encore plus bas votre interface et accédez à la section « Fonctionnalités du tableau pour les internautes ». Vous pouvez notamment activer la pagination, les filtres de recherche dans le tableau ou les fonctions de tri de données. Une fois que vous avez terminé, cliquez sur le bouton « Enregistrer les modifications ».Fonctionnalités du tableau pour les internautes

Vous devez ensuite remonter vers le haut la même interface et copier le code d’intégration du tableau.Copie du code d'intégration de tableaux /TablePress

Insérez ce code dans n’importe quelle page ou publication en utilisant le bloc Code court de Gutenberg.Intégration de tableaux dans WordPress/TablePress

Prévisualisez votre tableau pour vous assurer que celui-ci répond à ce à quoi vous vous attendez exactement.Affichage de tableau dans WordPress

3. Insérer des tableaux dans WordPress à partir d’une source externe

La troisième façon dont vous disposez consiste à insérer des tableaux créés avec un éditeur de texte externe dans WordPress. Cette méthode permet de partager des grandes quantités de données avec votre public. Nous allons vous montrer comment vous pouvez procéder en utilisant Google Sheets. Commencez par ouvrir Google Sheets puis ajoutez les données dans votre feuille de calcul. Une fois que vous avez terminé, rendez-vous dans l’onglet « Fichier ».Insertion de données dans Google Sheets

Developpez ensuite la section « Partager › partager sur le web ».Partager un tableau Google Sheets sur WordPress

Une boîte de dialogue sera affichée sur votre écran. Rendez-vous dans l’onglet « Intégrer » puis cliquez sur le bouton « Publier ».Intégration de tableau Google Sheets dans WordPress

Une fois que vous avez cliqué sur le bouton indiqué, Google Sheets va afficher un code iframe que vous devez copier pour intégrer votre tableau sur WordPress.Intégration de tableau Google Sheets sur WordPress par iframe

Vous pouvez coller ce code dans un bloc Code court Gutenberg pour insérer le tableau dans une page ou une publication WordPress.Publier un tableau Google Sheets sur WordPress

Une fois que le code est inséré dans Gutenberg, n’hésitez pas à prévisualiser votre page ou votre publication pour vous assurer que le tableau s’affiche comme prévu.Insertion de tableau Google Sheets sur Gutenberg - tableau WordPress

Comme vous pouvez le voir, le tableau s’affiche avec une barre de défilement en bas, ce qui permet de visualiser facilement toutes les données insérées. Par ailleurs, vous devez gérer du style à partir de Google Sheets avant d’intégrer le tableau sur Gutenberg.

Trucs et astuces


Pour plus d’astuces et de guides pratiques sur WordPress et le web en général, n’oubliez pas de consulter régulièrement notre blog LWS. À très bientôt !

Conclusion

Créer des tableaux dans WordPress peut sembler intimidant au premier abord,🤥 mais avec les bonnes techniques et outils, c’est une tâche que tout créateur de contenu peut maîtriser.😎 En intégrant des tableaux bien conçus et fonctionnels dans vos articles et pages, vous améliorez non seulement l’accessibilité de vos données, mais vous contribuez également à créer une expérience utilisateur enrichissante. 👨‍💻. En fin de compte, les tableaux ne sont pas seulement un moyen d’afficher des données, ils sont un puissant outil de communication qui, lorsqu’il est utilisé correctement, peut significativement améliorer l’impact de votre contenu.🚀 N’oubliez pas que la clé du succès réside dans la pratique et l’expérimentation, 🤗 alors lancez-vous, explorez les différentes options disponibles et découvrez comment les tableaux peuvent transformer votre contenu WordPress.🌟

Si vous avez des questions, des ajouts sur la façon de créer des tableaux dans WordPress, n’hésitez pas à nous écrire dans la section Commentaires.

Besoin de créer une boutique en ligne rapide et sécurisée ?

LWS vous conseille sa formule d’hébergement e-commerce en promotion à -40% (offre à partir de 2,99€ par mois au lieu de 4,99 €). Non seulement les performances sont au rendez-vous mais vous profitez en plus d’un support exceptionnel.

Découvrir l'offre

Avatar de l'auteur

Auteur de l'article

Joseph

Bonjour, je m'appelle Joseph. Je suis rédacteur spécialisé dans WordPress, PrestaShop et d'autres CMS. Fort d'une expertise approfondie en PHP et MySQL, je partage mes connaissances à travers des tutoriels simples et accessibles. Passionné par le développement et la transmission de savoir, j'aime expliquer et rendre les concepts techniques compréhensibles pour tous

Avis client de l'hébergeur LWS

Nos avis Trustpilot Nos avis Hostadvice Nos avis sur avis.lws.fr
Avis trustpilot 30/04/2022

LWS l'hébergeur par excellence !

LWS est pour moi l'hébergeur par excellence, que cela soit au niveau de l'hébergement qui est très performant, les mails qui sont d'une qualité professionnelle et de la gestion du domaine facile à comprendre.

PauseGreen

Avis hostadvice 27/04/2022

Super, au top !

Au top, prix attractif. Service très rapide et réactif. Je l'ai même personnellement recommandé à des proches. La vie est bien plus facile avec LWS

Masset Eliot

Avis avislws 26/04/2022

Support

Clair, efficace, rapide et à tarif abordable. J'ai maintenant un site superbe à mon image, puisque je le fais moi-même. L'équipe technique est au top, j'ai une réponse en 20 minutes, cela change d'autres hébergeurs pourtant plus connu.

Lady Whip

Avis hostadvice 24/04/2022

Bravo et merci

Bravo et merci aux équipes techniques pour leur réactivité et leur professionnalisme depuis plus de 10 ans chez eux et de nombreux sites !!! Merci

Olivier Delmas

Avis trustpilot 23/04/2022

Je suis très satisfait.

J'ai commandé un hébergement pour le site d'une association. Tout s'est passé très rapidement et sans la moindre embuche. La tarification est attractive et me parait très claire. Le panneau d'administration de l'hébergement est facile à utiliser et à comprendre. Je n'ai pas encore installé Wordpress car le contenu n'est pas prêt mais ce sera la prochaine étape et je suis très confiant. Merci !

Pierre-André Liné

Avis avislws 20/04/2022

Un service technique excellent

Je suis client chez LWS depuis 2011 avec une boutique OSCommerce qui tourne comme une horloge depuis cette date sur un hébergement mutualisé. La disponibilité de la boutique est très proche de 100%. Concernant les rares problèmes rencontrés en huit ans, j’ai eu à chaque fois un technicien compétent qui a résolu le problème très rapidement et efficacement. Je suis en train de migrer sur une plateforme Pretashop sur un VPS, avec l’offre LWS Debian 9 et Prestashop. Un technicien m’a grandement aidé pour finaliser l’installation de la boutique lors de la mise à jour vers la dernière version de Prestashop 1.7 qui posait problème. Je suis très satisfait de LWS, et ce sur la durée : réponses et réactions rapides et efficaces. Je recommande cet hébergeur et encore merci.

Alain

Avis trustpilot 16/04/2022

Une expérience jamais égalée !

Étant Développeur Web & Mobile Full-Stack depuis plus de 5 ans déjà, j'ai rarement eu un service client aussi rapide et efficace. Sans compter la qualité du service en ligne. Je recommande VIVEMENT LWS !

Chris KOUAKAM

Avis hostadvice 12/04/2022

Très bon hébergeur

J'ai un serveur VPS chez eux et je n'ai aucun problème, dès qu'il y a un problème le service technique est la pour vous aider et répond assez rapidement à votre demande. Je recommande vivement cet hébergeur.

Vanden Cruyce

Avis avislws 09/04/2022

Je suis ravie

Je suis ravie d'être avec LWS sur tous les plans, je remercie les Techniciens (Fabrice, Omar, Sandy-Mahitsison) depuis plus de 8 ans j'ai évolué avec LWS et toujours soutenue. Une véritable relation humaine même si les questions ou nos inquiétudes ne correspondent pas à leurs missions, ils sont là pour nous répondent et nous rassurent. Mon site c'est mon travail ma source de revenue donc il sont mes partenaires ! les travailleurs de l'ombre merci à eux ! Merci LWS

L'atelier-and-Co

Commentaires (0)

Laisser un commentaire

Votre adresse de messagerie ne sera pas publiée.