Plugin de table WordPress: 5 façons rapides de créer des grilles impressionnantes

Un plugin de table WordPress vous permet de présenter des informations sur votre site Web dans un format structuré. Curieusement, WordPress n'a pas de fonction intégrée pour créer de tels affichages. Vous pouvez les créer sans plugin en écrivant votre propre HTML, mais c'est très délicat et au-dessus des compétences de la plupart des propriétaires de sites Web. Il est beaucoup plus facile d'utiliser une extension de bonne qualité.

Plugin de table WordPress

WordPress rend cela facile si vous utilisez la bonne extension - vous pouvez afficher rapidement des informations complexes sous une forme visuelle sans aucun savoir-faire technique. Les meilleurs plugins sont adaptés aux mobiles et vous permettent de créer des affichages entièrement réactifs dans WordPress. C'est beaucoup plus simple que d'écrire votre propre code. Certains plugins de table réactifs WordPress vous permettent même de contrôler le comportement des lignes et des colonnes sur différentes tailles d'écran.

Cet article de CollectiveRay vous guidera à travers le processus de choix du produit qui vous convient. Tout d'abord, nous vous aiderons à choisir le bon produit en fonction de vos besoins spécifiques. Nous fournirons ensuite des instructions détaillées sur la façon de créer votre contenu dans différents formats en utilisant 5 options différentes.

Lisez plus d'articles sur les plugins WordPress en cliquant sur le menu ci-dessus.

Quel plugin de table WordPress?

Choisir le meilleur plugin de table pour WordPress nécessite un peu de réflexion. Il existe de nombreuses options intéressantes - vous devez choisir celle qui correspond le mieux à vos besoins. Commencez par rédiger une liste de toutes les fonctionnalités dont vous avez besoin. Penser à:

  • Type de contenu - Voulez-vous afficher des informations statiques ou dynamiques de votre site Web? Par exemple, allez-vous ajouter les données manuellement? Ou souhaitez-vous répertorier des articles, des pages ou d'autres éléments de votre site Web WordPress, ou même des produits WooCommerce?
  • Réactivité - Votre site Web utilise-t-il un thème WordPress réactif? Si votre site Web global est réactif, vous avez également besoin de fonctionnalités réactives - sinon, la grille se cassera sur les mobiles et les tailles d'écran plus petites.
  • Design - Avez-vous des exigences spécifiques pour la conception de vos grilles? Au minimum, vous voudrez vous assurer que le contenu hérite des styles de votre thème afin que les polices, les couleurs, etc. de la grille correspondent au reste de votre site Web. Certains plugins de table WordPress incluent également des options de style supplémentaires.
  • Ne cédez plus à la sirène - Quel contrôle voulez-vous sur le fonctionnement des lignes et des colonnes?
  • Prise en charge HTML - Avez-vous besoin d'afficher des données formatées dans la grille telles que des codes courts, des icônes, des boutons ou des liens?
  • Contenu multimédia - Allez-vous afficher du texte brut? Ou souhaitez-vous ajouter des images, des fichiers audio ou vidéo intégrés, des listes de lecture multimédia ou d'autres informations spéciales?
  • Compatibilité des plugins - Le contenu de la grille doit-il s'intégrer à d'autres plugins WordPress sur votre site? Par exemple, souhaitez-vous afficher les informations d'autres extensions telles que WooCommerce ou The Events Calendar dans une grille?
  • Fonctionnalités supplémentaires - Rédigez une liste de toutes les fonctionnalités supplémentaires dont vous avez besoin. Les données doivent-elles être triables, par exemple en cliquant sur les en-têtes de colonne? A-t-il besoin d'un champ de recherche? Avez-vous besoin d'ajouter plusieurs grilles à votre site Web ou une seule? Si vous avez beaucoup de données, avez-vous besoin de la capacité de diviser les informations en plusieurs pages? Avez-vous besoin d'ajouter des filtres dans une liste déroulante au-dessus de l'affichage?

Armé de cette liste, vous pouvez consulter les produits présentés dans cet article et choisir celui qui convient le mieux à votre site Web.

Quel plugin de table WordPress responsive?

Les meilleurs plugins de table WordPress réactifs sont:

  • TablePress - le choix le plus populaire, parfait pour afficher des données statiques en lignes et en colonnes.
  • Tableau des messages avec recherche et tri - parfait pour créer un index des articles de blog.
  • Post Table Pro - parfait pour afficher des données dynamiques telles que des types d'articles personnalisés, des portefeuilles, des images, de l'audio, de la vidéo, des produits, des événements, des documents ou des publications.
  • Tableau des produits WooCommerce - parfait pour créer une grille de produits WooCommerce.
  • Go Tarification - parfait pour les niveaux de tarification des sites Web.

Il existe de nombreux bons produits avec des fonctionnalités similaires à TablePress, notamment Easytable, wpDataTables et UltimateTables.

Cependant, nous pensons que TablePress est clairement le gagnant, c'est pourquoi c'est le seul plugin de grille statique que nous présentons dans cet article. Les autres produits de cet article fonctionnent de différentes manières, ce qui vous donnera un bon choix, quelles que soient vos exigences.

TablePress - Afficher des données statiques dans une grille

TablePress

TablePress est de loin le produit le plus populaire, il mérite donc d'être présenté en premier dans cette liste. le version gratuite compte plus de 400,000 XNUMX utilisateurs actifs.

Si vous avez besoin de plus de fonctionnalités, diverses extensions premium sont disponibles. Il est dommage que la version gratuite de TablePress n'inclue pas de fonctionnalités réactives, mais cela est disponible en tant que module complémentaire payant.

En dehors de ce léger reproche, nous le recommandons à quiconque souhaite afficher des informations statiques dans une grille. TablePress facilite la création de contenu sous forme de grille pour votre site Web. Il fournit une interface de type feuille de calcul simple dans laquelle vous pouvez saisir les données.

Vous pouvez également l'importer depuis Excel si vous recherchez un plugin de table WordPress - Excel. Une fois que vous avez ajouté les données, TablePress les convertit instantanément en lignes et en colonnes. TablePress est basé sur le Tables de données jQuery plugin, qui fournit de nombreuses fonctionnalités interactives telles qu'un champ de recherche et des en-têtes de colonne cliquables.

Les fabricants de TablePress l'ont développé en un produit complet qui vous permet de stocker des informations statiques dans une vue conviviale.

Comment formater votre contenu avec TablePress:

  1. Connectez-vous à votre tableau de bord WordPress et accédez à Plugins> Ajouter nouveau.
  2. Rechercher «TablePress» et installez-le et activez-le.
  3. Vous verrez un nouveau «TablePress» Le lien apparaît sur le côté gauche de l'administrateur WordPress. Cliquez dessus pour commencer à créer votre affichage. Vous pouvez le faire en suivant les instructions simples à l'écran ou en utilisant le Documentation pour plus de conseils.
  4. Une fois que vous avez ajouté les données, vous pouvez les ajouter à n'importe quelle page, publication ou widget en insérant un shortcode. Cela devrait être au format: [table id = /] -Remplacer le texte entre les <-> avec l'ID du contenu que vous venez de créer.

Le style de l'affichage sera tiré de votre thème dans la mesure du possible, par exemple, pour correspondre aux polices et aux couleurs. Il existe une boîte CSS personnalisée qui vous permet d'ajouter n'importe quel code personnalisé pour personnaliser davantage votre contenu à l'aide du plugin, mais la plupart des gens n'en auront pas besoin.

Tableau des articles avec recherche et tri - Afficher les articles de blog dans une grille

Tableau des publications avec recherche et tri

Tableau des messages avec recherche et tri est un autre plugin de table WordPress réactif gratuit.

Il crée du contenu dynamique sans que vous n'ayez à entrer de données - en particulier, vos articles de blog WordPress. Il s'adresse à un marché différent des produits à contenu statique tels que TablePress et est idéal pour créer un index des publications sur votre site Web. C'est ridiculement facile à utiliser et beaucoup plus simple que de lister manuellement vos articles de blog.

Comme TablePress, il s'agit d'une version WordPress du plugin jQuery DataTable. Cela signifie que les formats créés par les deux produits sont assez similaires et ont des fonctionnalités interactives similaires telles que la recherche et le tri. Cependant, contrairement à TablePress, la version gratuite de cette extension est entièrement réactive et adaptée aux mobiles.

Comment créer du contenu à l'aide de la table des messages avec Recherche et tri:

  1. Connectez-vous à votre tableau de bord WordPress et accédez à Plugins> Ajouter nouveau.
  2. Rechercher 'Tableau des messages avec recherche et tri' et installez et activez.
  3. Ajouter le shortcode [posts_data_table] à n'importe quelle page, publication ou widget.

Et c'est tout! Le produit créera automatiquement une grille réactive répertoriant tous vos articles de blog. Il prend le style de votre thème pour que les polices et les couleurs correspondent au reste de votre site et aient l'air professionnel. Le contenu par défaut possède la plupart des fonctionnalités dont vous avez besoin, telles que le champ de recherche, les en-têtes de colonne triables et la possibilité de filtrer par catégorie ou par tag. Vous pouvez configurer davantage le contenu à l'aide des options sur la page du plugin. Par exemple, vous pouvez choisir les colonnes à afficher, le nombre de publications par page avant que les boutons de pagination n'apparaissent en bas, l'ordre de tri, etc.

Il existe également une version Posts Table Pro, dont nous parlerons plus en détail ci-dessous.

Post Table Pro - Afficher les articles, les pages et les types d'articles personnalisés dans une grille

Postes Table Pro Plugin WordPress

Post Table Pro est la version premium de PT avec Search & Sort.

C'est beaucoup plus sophistiqué que la version gratuite et vous permet d'afficher différents types de contenu - pas seulement des articles de blog.

Vous pouvez créer des pages de liste de contenu à partir de votre site Web, de fichiers multimédias ou de l'un de vos types de publication personnalisés. Si vous réfléchissez de manière créative à la façon dont cette extension peut être utilisée, vous serez étonné des différents types de grilles que vous pouvez créer.

En effet, les types de publication personnalisés sont utilisés pour stocker autant de types d'informations différents dans WordPress. Si votre site Web utilise des types de publication personnalisés pour stocker des publications de portefeuille, des témoignages, des études de cas, des fichiers audio, des documents, des vidéos, des listes de lecture multimédia, des événements d'une extension d'événements, des produits d'un produit de commerce électronique, de l'immobilier anti-taches ou autre chose, vous pouvez afficher ces informations dans une grille consultable et triable.

Cela signifie que cette version du produit a beaucoup plus d'utilisations possibles que le plugin gratuit. En règle générale, nous recommandons que si vous souhaitez créer une grille affichant des informations stockées sur votre site Web, il est préférable de le faire de manière dynamique à l'aide de Posts Table Pro. Beaucoup de gens le font manuellement en utilisant des solutions de contenu statique comme TablePress, sans se rendre compte qu'ils pourraient gagner du temps en le faisant automatiquement.

Comment créer du contenu avec Post Table Pro:

  1. Tout d'abord, vous devez acheter le plugin. Téléchargez les fichiers et copiez votre clé de licence.
  2. Connectez-vous à votre tableau de bord WordPress et accédez à Plugins> Ajouter nouveau.
  3. Téléchargez les fichiers et activez-les.
  4. Retour vers WooCommerce> MessagesTablePro et entrez votre clé de licence.
  5. Ajoutez le shortcode dans n'importe quelle page, publication ou widget: [posts_table]. Le produit créera instantanément un tableau réactif répertoriant tous vos articles WordPress.

Vous pouvez utiliser le plugin Documentation pour configurer vos lignes et colonnes - par exemple, pour afficher des pages ou un type de publication personnalisé au lieu de publications standard.

Cela vous indique comment sélectionner le type de publication à afficher dans la grille. Il vous indique également comment contrôler divers éléments de la grille, tels que les colonnes affichées et l'ordre de tri par défaut et comment le contenu réactif se comporte sur des écrans de plus petite taille.

Il existe de nombreuses options et la documentation est très complète, alors lisez-la attentivement et planifiez la meilleure façon de créer votre contenu dynamique.

(Si vous cherchez à obtenir la meilleure offre, Cliquez sur le lien ci-dessous au prix le plus bas jusqu'au Juin 2021)

Visitez le site Web pour télécharger Posts Table Pro

Tableau des produits WooCommerce - Afficher les produits dans une vue en grille

Tableau des produits WooCommerce

Tableau des produits WooCommerce est la version spécifique à WooCommerce de PT Pro.

Il mérite sa propre mention en raison de la popularité de WooCommerce, car c'est le seul élément qui vous permet d'afficher les produits dans une vue de style grille interactive. Plus de 30% de TOUS les sites Web de commerce électronique dans le monde fonctionnent sur WooCommerce.

Cela signifie que beaucoup de gens ont besoin d'afficher les données WooCommerce en lignes et en colonnes, pour avoir un bon moyen de comparer divers articles qui sont à vendre.

Au lieu de créer vos grilles WooCommerce manuellement, ce produit crée des lignes et des colonnes réactives instantanées contenant des données sur vos produits. Il prend en charge toutes les données principales de WooCommerce telles que l'image en vedette, le nom du produit, une courte description, une description longue, des catégories, des balises, l'état du stock, les attributs du produit, des critiques, etc. Il propose également du contenu multimédia tel que la vidéo intégrée, l'audio et les listes de lecture.

Vous pouvez utiliser ce plugin comme alternative à la vue par catégorie traditionnelle (populaire auprès des catalogues en ligne et des sites de vente en gros). Vous pouvez même l'utiliser comme un formulaire de commande complet d'une page, avec des boutons «Ajouter au panier» directement dans le contenu.

Comment créer du contenu avec la table des produits WooCommerce:

  1. Tout d'abord, vous devez acheter le plugin. Téléchargez les fichiers et copiez votre clé de licence.
  2. Connectez-vous à votre tableau de bord WordPress et accédez à Plugins> Ajouter nouveau.
  3. Téléchargez le produit et activez-le.
  4. Retour vers WooCommerce> Paramètres> Produits> Tableau des produits, entrez la clé de licence et cliquez sur Enregistrer les modifications.
  5. Ajoutez le shortcode dans n'importe quelle page, publication ou widget: [table_produit]. Cela créera votre contenu répertoriant instantanément tous vos produits WooCommerce.

Si vous souhaitez modifier le contenu par défaut, vous pouvez utiliser le Documentation pour configurer le shortcode de manière plus avancée.

Il existe de nombreuses options - vous pouvez inclure ou exclure des produits de catégories ou de balises spécifiques, contrôler quelles colonnes sont affichées et comment elles sont appelées, quelles colonnes contiennent des liens, modifier l'ordre de tri et bien plus encore. Les grilles de produits WooCommerce sont automatiquement réactives. Vous pouvez utiliser la documentation pour contrôler davantage le comportement du contenu sur les mobiles.

Par exemple, vous pouvez modifier les points d'arrêt et choisir les colonnes qui ont la priorité sur les petites tailles d'écran.

(Vous cherchez le prix le plus bas? Nous avons le prix le plus bas chez les fournisseurs de ce plugin, jusqu'à Juin 2021 - cliquez sur le lien ci-dessous maintenant pour obtenir le meilleur prix).

Visitez le tableau des produits WooCoomerce

Go Tarification - Créez des affichages de prix réactifs

Go Tarification

Go Tarification est le meilleur produit de tableau de prix WordPress.

Il existe de bons plugins de tarification gratuits tels que Tableaux de prix faciles, mais nous devons recommander Go Pricing en raison du grand nombre de styles intégrés.

Go Pricing est utilisé sur plus de 24,000 250 sites Web et propose un choix de XNUMX modèles de tarification. Cela facilite la création de comparaisons de prix accrocheuses qui s'intègrent bien au reste de votre site Web.

L'interface est facile à utiliser et vous pouvez prévisualiser vos modifications avant de les mettre en ligne. Il est compatible avec les produits populaires tels que Visual Composer et vous pouvez ajouter autant d'affichages de prix que vous le souhaitez à votre site Web. Vous pouvez même ajouter des boutons PayPal directement dans votre tarification. Les grilles de prix sont entièrement réactives et le développeur a soigneusement réfléchi à la meilleure façon de créer des tableaux de prix fantastiques sur les appareils mobiles.

Comment afficher vos différents niveaux de tarification avec Go Pricing:

  1. Tout d'abord, vous devez acheter le Go Tarification plugin.
  2. Téléchargez les fichiers.
  3. Connectez-vous à votre tableau de bord WordPress et accédez à Plugins> Ajouter nouveau.
  4. Téléchargez et activez-le.
  5. Utilisez le Documentation pour créer votre tarification. Le produit propose plusieurs méthodes telles que l'importation de l'un des modèles de tarification de démonstration ou la création de la vôtre à partir de zéro.

 

Consultez la démo des tableaux de tarification de Go

Quel plugin de table WordPress utiliserez-vous?

Nous espérons que vous avez trouvé cette liste de plugins de tableau de prix WordPress réactifs utiles. Nous avons essayé de couvrir différents types de produits afin que vous puissiez trouver la bonne solution, que vous souhaitiez afficher des informations statiques, des prix, des articles, des pages, des produits ou autre chose. Enfin, nous serions très heureux si vous partagiez cet article avec vos groupes de conception Web préférés et avec toute personne souhaitant ajouter ce type de contenu à son propre site Web.

A propos de l'auteur
David Attard
Auteur: David AttardSite Web : https://www.linkedin.com/in/dattard/
David travaille dans ou autour de l'industrie en ligne / numérique depuis 18 ans. Il possède une vaste expérience dans les industries du logiciel et de la conception Web utilisant WordPress, Joomla et les niches qui les entourent. En tant que consultant numérique, son objectif est d'aider les entreprises à obtenir un avantage concurrentiel en utilisant une combinaison de leur site Web et des plates-formes numériques disponibles aujourd'hui.

Encore une chose ... Saviez-vous que les personnes qui partagent des informations utiles comme cet article ont l'air géniales aussi? ;-)
Si vous voulez, vous pouvez laisser un incontournable commentez vos pensées, puis partagez-les sur votre ou vos groupes Facebook qui trouveraient cela utile et récoltons ensemble les avantages. Merci d'avoir partagé et d'être gentil!

Divulgation: Cette page peut contenir des liens vers des sites externes pour des produits que nous aimons et que nous recommandons sans réserve. Si vous achetez des produits que nous suggérons, nous pouvons percevoir des frais de parrainage. Ces frais n'influencent pas nos recommandations et nous n'acceptons pas les paiements pour les avis positifs.

Auteur (s) présenté sur:  Logo du magazine Inc   Logo Sitepoint   Logo CSS Tricks    logo webdesignerdepot   Logo WPMU DEV   et beaucoup plus ...