Comment créer un tableau de données en ligne avec WordPress
Il existe des tableaux WordPress qui aident à créer des graphiques et des tableaux beaux et efficaces. Les tableaux et les graphiques aident à présenter les données et les informations d’une manière facile à comprendre et à assimiler.
Ils rendent la présentation plus logique et visuellement plus attrayante.
Quand est-ce une bonne idée d’utiliser un tableau pour présenter des informations ? Pensez à les utiliser pour les informations sur les prix des produits ou services.
Utilisez-les pour répertorier le personnel, les clients ou les partenaires, ainsi que leurs données correspondantes. Ou que diriez-vous des statistiques sportives, des équipes et des classements ?
Mais comment faire un tableau de données dans WordPress? L’éditeur WordPress est génial et est utile pour beaucoup de choses.
Il n’a cependant pas de fonction de création de tableaux. Ainsi, lors de la création d’un article ou d’un blog, il n’est pas facile d’insérer un tableau.
Faire des tableaux dans WordPress n’est pas facile. Surtout pour ceux qui découvrent WordPress ou qui manquent de compétences techniques.
Un plugin pourrait être la réponse. Avec un plugin de tableau WordPress, créer des tableaux d’aspect professionnel est un jeu d’enfant.
Pourquoi utiliser un plugin de table ?
Tableaux et graphiques créés avec wpDataTables
Avec un plugin WordPress, un utilisateur peut créer, ajuster et habiller une table. Ensuite, ils peuvent insérer le tableau dans WordPress et l’utiliser de différentes manières.
Faire des tableaux de données avec un plugin est beaucoup plus pratique. Le résultat est plus professionnel et de qualité.
Mettre les informations sous forme de tableau les rend plus compréhensibles. Les gens aiment les étudier et les regarder.
Le résultat est qu’ils passeront plus de temps sur le site Web et seront plus susceptibles de revenir. C’est bon pour les affaires !
Bien sûr, ce tutoriel fera un usage abondant de wpDataTables. Il est étonnant de voir combien de choses différentes ce plugin peut faire et les résultats professionnels qu’il donne.
Il a des tonnes de fonctionnalités et de fonctionnalités. Il fait bien plus que créer des tables de base.
L’importation de grands ensembles de données n’est pas facile. wpDataTables a une fonctionnalité qui le rend facile, qui est disponible avec la version payante.
Il peut exporter les tableaux créés dans une variété de formats dans une publication. Il peut faire des formats CSV ou Excel, ainsi que des requêtes ODF et MySQL.
Un avantage de wpDataTables est que son utilisation ne nécessite aucune expérience ou connaissance de HTML ou CSS. Il y a une page de paramètres claire et pratique qui contrôle tout.
Lorsque tous les paramètres sont corrects, il suffit de copier et coller le shortcode.
Comment créer des tableaux de données avec le plugin wpDataTables
Voilà comment cela fonctionne:
Le fichier source
Assurez-vous que le fichier source est prêt. La page Configuration de la table comporte un onglet Source de données.
Dans cet onglet, les utilisateurs trouveront divers paramètres. C’est également ici que vous définissez la source de données.
Cela peut être:
- Requête MySQL
- Exceller
- CSV
- XML
- Feuille de calcul Google
- URL
- Tableau PHP sérialisé
L’exemple utilise un document Excel qui contient les données.
Assurez-vous que toutes les données sont correctement tabulées. S’il n’est pas correctement organisé, wpDataTables aura du mal à lire les colonnes de la table.
Créer un nouveau tableau
Pour créer une nouvelle table, accédez à wpDataTables, qui se trouve dans la partie gauche du tableau de bord WordPress. En cliquant dessus, l’écran illustré ci-dessus s’affichera.
C’est ici que vous pouvez créer ou ajouter une nouvelle table. Cliquez sur le bouton Ajouter nouveau et un écran apparaîtra qui ressemble à celui ci-dessus.
Définissez maintenant le paramètre correct de la table. Les paramètres définissent à quoi ressemble la table et comment elle se comporte.
Le sous-titre suivant traite de certaines de ces caractéristiques.
Définir les caractéristiques de la table
Il y a plusieurs sections sur la page Configuration de la table. Ce sont ceux qui se trouvent dans les trois premières sections :
- Lignes par défaut par page
- Masquer jusqu’au chargement
- Bloc d’informations
- Limiter la largeur du tableau
- Pagination
- Alignement de la pagination
- Mise en page de la pagination
- Réactivité
- Lignes par page
- Défilement
- Afficher le titre du tableau
- Retour à la ligne
Tous les paramètres sont personnalisables. Le tableau de données résultant peut être aussi compliqué que souhaité.
Après avoir défini ces paramètres, cliquez sur Télécharger le fichier pour sélectionner le document source.
Après les trois sections décrites ci-dessus, il existe d’autres paramètres de personnalisation :
- Réactif. Ce paramètre affiche le tableau de données en fonction de l’appareil et de la taille de l’écran de la visionneuse.
- Défilable. Permet le défilement horizontal.
- Masquer le tableau jusqu’à ce que la page soit complètement chargée. Un réglage pratique pour les pages qui se chargent lentement.
- Filtrage avancé. Ajoute un filtre à la fin de chaque colonne.
- Filtrer dans le formulaire. Ajoute un filtre dans le formulaire.
- Outils de table. Permet l’intégration de fonctions supplémentaires. Ceux-ci incluent la copie et l’enregistrement dans Excel ou CSV.
- Activer le tri. Ajouter une fonction de tri de table.
- Limiter la disposition du tableau. Définit la taille de la table sur la taille du conteneur parent.
- Longueur d’affichage. Définit le nombre d’entrées sur une seule page.
Il y a un bouton Aperçu qui montre à quoi ressemblera le tableau. Effectuez d’autres ajustements au besoin.
Une fois tous les paramètres corrects et le formulaire optimisé, cliquez sur le bouton Enregistrer.
Cependant, après l’enregistrement, il existe des options supplémentaires. Utilisez-les pour rendre la table encore meilleure.
Le plugin a des paramètres par défaut qui sont automatiquement utilisés. Ces paramètres incluent la couleur et le type de filtre.
Triez les données par paramètres tels que la date, l’heure et le texte. Vous trouverez ci-dessous un exemple de types de colonnes, de couleurs, de nombres et de chaînes modifiés.
Enregistrer et copier le code court
N’oubliez pas d’ enregistrer le tableau et de cliquer sur Fermer. Le plugin reviendra directement à la page d’accueil.
Si tout s’est bien passé, le tableau récemment créé apparaît, ainsi que le titre, le type et une option de duplication.
Il affichera également le shortcode. Copiez le code et accédez à la page cible.
Ajouter le shortcode à une page ou à une publication
Ajouter le tableau à une page ou à un article est maintenant très facile. Sélectionnez où il doit aller et collez le shortcode dans l’éditeur de la page.
Continuez à modifier la page et à optimiser le contenu.
Publier
Lorsque vous avez terminé, cliquez sur le bouton Publier. La page et le tableau doivent ressembler à l’exemple.
Ce sera parfait, cohérent et aligné. Les données du tableau sont faciles à lire et à comprendre.
Les visiteurs du site Web auront la possibilité d’ exporter les données dans une variété de formats. Ils peuvent également filtrer les données sur le site Web
Il existe également une intégration avec wpBakery et Elementor. Toute table créée avec wpDataTables est exportable vers ces constructeurs de pages.
Comment créer des tableaux WordPress sans plugin
Il est possible de faire des tableaux WordPress sans l’aide de plugins. Cet article en aborde trois : utiliser Google Sheets ou Google Docs, le générateur de tableaux et l’éditeur de blocs.
Utilisation de Google Docs ou Sheets
Cela commence par créer un nouveau Google Documents ou Sheet. Peu importe lequel.
Ce guide suppose l’utilisation de Docs. Après avoir créé le document :
- Aller à Insérer
- Cliquez sur Tableaux
- Sélectionnez le nombre de lignes et de colonnes
- Appuyez sur Entrée
- Remplissez les données
- Sélectionnez le tableau
- Copiez -le
- Collez -le dans l’éditeur WordPress
Avec cela, l’élément est prêt pour la publication.
L’inconvénient de cette méthode est qu’il existe très peu d’options de personnalisation. Il n’a pas beaucoup de choix pour le style.
De plus, les tableaux résultants ne sont pas très réactifs. Ces types de tableaux de données sont généralement très difficiles à lire sur les appareils mobiles.
Utilisation des générateurs de table
Le codage de base derrière les tableaux WordPress est basé sur HTML. À cela s’ajoutent des styles CSS pour les rendre plus beaux.
Donc, créer des tableaux de données sans plugin nécessite un peu de codage et tout le monde ne sait pas comment faire cela. Pour cette raison, beaucoup dépendent de plugins et de générateurs de tableaux en ligne.
Ils créent et composent une table de données dans l’un de ces générateurs pour en faire le code HTML. Ensuite, copiez et collez le produit sur le site Web WordPress.
Certains meilleurs générateurs en ligne créent des tableaux réactifs qui fonctionnent sur différentes tailles d’écran. Certains autres ajoutent également du style mais généralement, les possibilités sont limitées.
Pourtant, ils sont très utiles. Certains bons sont Responsive Table Generator Tool et Rapid Tables.
Création de tableaux dans l’éditeur de blocs WordPress
Pour faire ça:
- Créez un nouveau message ou une nouvelle page ou continuez à en modifier un existant.
- Dans l’éditeur, cliquez sur le signe + pour ajouter un nouveau bloc.
- Cliquez sur Tableau sous Formatage. Ou recherchez-le dans le champ Rechercher un bloc.
- Choisissez le nombre de colonnes et de lignes pour le tableau. La valeur par défaut est 2×2.
- Entrez les données dans les cellules. Les cellules se redimensionnent automatiquement en fonction du contenu.
Ou définissez la taille de la cellule sur une taille spécifique à l’aide de l’option à droite.
- Ajoutez un en-tête et un pied de page dans la section des options à droite. L’exemple montre un tableau avec un en-tête et une couleur d’arrière-plan grise.
Modifiez la couleur sous l’onglet Paramètres de couleur.
Ces trois méthodes pour créer des tableaux de données et les utiliser dans WordPress fonctionnent bien. Mais ils ont aussi de nombreuses limites.
Par exemple, il n’y a pas de fonctionnalités avancées. Ils ne produisent pas de tableaux réactifs et causent souvent des problèmes techniques.
Réflexions finales sur la création d’un tableau de données dans WordPress
Les tableaux sont si utiles pour présenter des données que leur abondance sur le Web n’est guère surprenante. Ils améliorent l’expérience utilisateur et les téléspectateurs peuvent absorber et comprendre les informations.
L’éditeur WordPress classique n’a pas la possibilité de créer des tableaux. Comment faire un tableau de données dans WordPress alors ?
Il faut recourir à l’utilisation d’applications tierces. Cet article a montré comment utiliser Google Docs pour le faire.
Cet article a également montré comment utiliser le plugin wpDataTables. Ce plugin peut créer de beaux tableaux réactifs.
Il est le plus facile à utiliser et offre une grande variété de fonctionnalités qui permettent à l’utilisateur de créer le tableau qu’il souhaite.
Si vous avez aimé lire cet article sur la création d’un tableau de données, vous devriez consulter celui-ci sur les sources de données.
Nous avons également écrit sur quelques sujets connexes tels que l’alternative DataTables , la bibliothèque de tables JavaScript, les plugins de table WordPress, comment créer une table dans WordPress sans plugin, comment insérer une table dans WordPress , les plugins de table de tarification WordPress et comment créer des tables statistiques. dans WordPress.