Améliorer lrsquoexpérience utilisateur de la page. Dans lrsquoexemple que nous allons montrer, nous allons créer une table statistique basée sur les données de la table de base de données MySQL. Nous examinerons notre tableau à lrsquoavance dans phpMyAdmin, comme suit: Maintenant, dans les tables de données wpdatables, nous allons utiliser la deuxième option de lrsquoassistant Table (créer une table de données liée à une source de données existante) et sélectionner SQL Query comme source de données.
Dans lrsquoéditeur SQL, nous saisisserons une requête pour afficher toutes les colonnes de ce tableau: Sélectionnez dans le tableau statistique Ensuite, nous cliquerons sur le bouton Enregistrer les modifications et créerons la table. Vous avez des instructions détaillées sur ce processus dans notre documentation pour créer des tables de données wpdatables basées sur MySQL. Pour plus d, si nrsquoavez pas accès à la base de données via phpMyAdmin ou similaire, ou si nrsquoêtes tout simplement pas familier avec la création de requêtes, pouvez utiliser le générateur de requêtes wpdb intégré dans les tables de données wpda. Il dispose drsquoune interface utilisateur graphique qui permet de sélectionner les tableaux et les colonnes désirés et de générer des requêtes et des aperçus. Vous pouvez modifier la requête au besoin et créer une table wpdatable basée sur la requête modifiée.
Vous trouverez des instructions détaillées à ce sujet dans notre documentation: en interrogeant la base de données, en créant des tables basées sur des requêtes MySQL. Très bien, passons aux lignes directrices pour la création de tableaux statistiques. Nous devons maintenant personnaliser le tableau, par exemple en cachant la colonne WDT u ID, en activant les options réactives et en définissant toutes les colonnes pour les cacher sur les appareils mobiles et les tablettes, à lrsquoexception des colonnes article et profit. Pour les colonnes revenu, coût et bénéfice, pouvez personnaliser avec certaines couleurs de cellules dans un format conditionnel.
Pour la colonne entrées, nous définissons deux conditions: 1) la valeur de la cellule est supérieure à zéro, définissez
2) la valeur de la cellule est supérieure à zéro, définissez la classe CSS de la cellule au texte blanc. Nous créerons ensuite ces classes dans le champ CSS personnalisé de lrsquoonglet personnalisation des paramètres de table comme suit:. Wpdt C. Wpdatableswrapper. Wpdatatable 1 TD. Texte blanc {couleur: FFFFFF! Important} Où le numéro 1 est. Wpdatatable 1 est votre id de table, donc devez le changer pour votre table. Nous faisons la même chose pour la colonne de coût, sauf que nous définissons la couleur en rouge dans la valeur conditionnelle ( d9534f)
Pour les colonnes de profit, en plus de définir la valeur de condition de couleur en vert ( 5cb85c) Dans les trois colonnes (chiffre drsquoaffaires, coût et bénéfice), nous définissons le préfixe de cellule à la devise $, et dans lrsquoonglet affichage des paramètres de colonne pour chaque colonne, sélectionnez le préfixe de contenu de cellule. Pour en savoir plus, consultez nos colonnes monnaie, pourcentage et autres. Crsquoest tout! Oui, crsquoest simple. Le formulaire est prêt à être publié sur votre poste ou votre page. Tout ce que devez faire maintenant est de lrsquoafficher au début de la page. Comme pour les autres plug ins, nous utilisons un code court pour afficher les tables sur les pages drsquoutilisateurs ou les messages.
Il est facile drsquoajouter du Code court, surtout si utilisez un générateur de page populaire comme elementor, WP bakery ou Gutenberg. D’ailleurs, si avez besoin de plus de fonctionnalités dans les tableaux statistiques, pouvez consulter le Guide suivant pour aider: calculer les totaux, les minimums, les maximums et les moyennes dans les tableaux WordPress créer des colonnes de formule (calcul). Vous pouvez facilement personnaliser les tableaux statistiques en utilisant les tables de données wpdatables. Ce qursquoon va faire, crsquoest afficher les données qursquoon a sous forme de graphiques. Nous allons créer un diagramme circulaire. Pour ce faire, nous utiliserons
Reyriah hachat. Cette fois, nous choisirons le type de carte de zone sur la pile. Dans lrsquoétape sources de données, nous définissons les tableaux statistiques comme des diagrammes circulaires. À lrsquoétape de la plage de données, nous sélectionnerons les colonnes projets, revenus, coûts et bénéfices. Lrsquooption Table de filtre suivante est également active. Dans lrsquoétape de formatage et drsquoaperçu, nous définissons des options telles que la largeur de la réaction, le diagramme de groupe, la couleur par série, etc., mais pouvez faire différents réglages au besoin. À la dernière étape, enregistrer et obtenir le Code court, nous copierons le Code court du diagramme circulaire et lrsquoinsérons sur la même page que le tableau statistique drsquoentrée. Crsquoest tout. Crsquoest tout ce que font les tableaux statistiques et les graphiques des résultats. Bien que la création de tableaux statistiques puisse être une tâche ardue, comme lrsquoavez vu dans il est très facile de créer des tableaux statistiques en utilisant les tables de données wpdatables. suivez les étapes décrites dans finirez par créer un diagramme de statistiques de réactivité sur la page ou sur un billet lié. Cela signifie que lorsque lrsquoutilisateur filtre ou Trie la table, le diagramme est également mis à jour.
Comment créer des tableaux statistiques dans WordPress
