Documentation WP Table Manager

introduction

WP Table Manager est une extension WordPress utilisée pour gérer les tableaux HTML dans WordPress avec une interface de type feuille de calcul. Il vient comme un paquet unique tous les thèmes sont inclus.

 

WP-Table-Manager

 

Principaux avantages:

  • Gérer les tableaux comme dans un tableur
  • 6 thèmes inclus
  • Entièrement géré par n'importe quel éditeur
  • AJAX sauvegarde automatique
  • Données triables sur le frontend
  • Editeur de style de cellule, ligne, colonne
  • Redimensionner la ligne et la colonne avec drag'n drop
  • Copier une cellule avec drag'n drop
  • Copiez le tableau complet en un clic
  • Format des cellules HTML
  • Editeur de code CSS avancé

 

I. INSTALLATION DE WP TABLE MANAGER

1.1 Installer

 

Pour installer notre plugin, vous devez utiliser le programme d’installation WordPress standard ou décompresser et placer tout le dossier dans / wp-content / plugin.

 

dossier d'installation-wp-media

 

Puis cliquez sur activer le plugin, pour voir le menu WP Media Folder apparaître dans le menu de gauche de WordPress.

WP Table manager est accessible depuis un menu dédié à gauche ou dans une lightbox depuis l'éditeur. Vous avez également les paramètres dans le menu "Configuration".

 

1.2 Mettre à jour le plugin

Afin de mettre à jour le WP Media Folder, vous pouvez utiliser le programme de mise à jour par défaut de WordPress. Vous pouvez également supprimer et installer la nouvelle version à partir d'un fichier .zip téléchargé sur www.joomunited.com. Dans tous les cas, vous ne perdrez aucun contenu car tout est stocké dans la base de données.

 

wptm-update

 

Assurez-vous de toujours avoir la dernière version pour éviter tout problème de sécurité et de stabilité.

Pour mettre à jour la version payante, vous devez vous connecter à votre compte JoomUnited à partir des paramètres WordPress: Paramètres> Général

 

lien de compte

 

Ensuite, utilisez l'identifiant et le mot de passe de votre compte JoomUnited. Après une connexion réussie, le bouton devient bleu avec un texte. Déconnecter mon compte JoomUnited

 

image9

 

Enfin, vous pouvez mettre à jour tous les plugins commerciaux JoomUnited à partir du standard WordPress mis à jour.

 

II. WP TABLE MANAGER UTILISATION COMMUNE

L'idée principale de WP Table Manager est de gérer toutes les tables à l'aide de l'éditeur, même si vous avez une vue plug-in. WP Table Manager fonctionne sur chaque éditeur WYSIWYG WordPress, à la fois pour le front-end et le back-end. Par exemple, vous pouvez l'utiliser dans un module WordPress personnalisé.
 

2.1 Gérer les tableaux de l'article

 

bouton de gestionnaire de table

 

Lorsque WP Table Manager est installé, vous avez un bouton d’éditeur qui est affiché ci-dessous. Cliquez dessus pour ouvrir la vue principale WP Table Manager.

Gestionnaire de tables dans une lightbox ouverte à partir d'un message:

 

image14

 

Lorsque vous souhaitez insérer un tableau dans votre éditeur, utilisez le bouton en haut à droite Insérez ce tableau pour le mettre dans votre article. Ensuite, le tableau sera matérialisé avec une zone grise et une icône semblable à Excel.

 

image15

 

Si vous cliquez sur la zone puis sur le bouton WP Table Manager, la table ajoutée précédemment sera chargée.

 

image16

 

Cependant, Gutenberg est l'éditeur par défaut dans WordPress, vous pouvez donc jeter un coup d'œil à 2.7 Les blocs à Gutenberg

2.2 Gérer les tableaux et les catégories

Les tableaux sont classés dans des catégories. Vous pouvez avoir autant de tables que vous le souhaitez dans les catégories.

Pour créer une catégorie de table, cliquez sur Nouvelle catégorie de table bouton sur l'en-tête du tableau de bord. Pour créer une nouvelle table, cliquez simplement sur Bouton Créer un tableau.

 

tableaux-catégories

 

Remarque: une catégorie et une table par défaut sont déjà créées lors de l'installation du plugin.

 

La catégorie peut être gérée en mettant votre souris dessus, vous pourrez éditer le nom ou le supprimer.

 

nom de la table

 

Pour classer les catégories, vous pouvez utiliser la fonction glisser-déposer.

 

table-move

 

En plaçant votre souris sur le titre du tableau, des icônes apparaîtront pour modifier le titre du tableau, copier le tableau (tout le tableau, y compris les données et le modèle) ou le supprimer.

 

2.3 Edition de la table

Pour ajouter des données dans des tableaux, vous devez agir comme si vous étiez dans un spreadsheat. Double-cliquer sur une cellule vous donnera la possibilité de mettre à jour le contenu, un simple clic pour sélectionner une / plusieurs cellules (et appliquer un style par exemple).

 

image20

 

Pour ajouter des lignes ou des colonnes, cliquez sur le + sur la bordure du tableau ou utilisez le clic droit!

 

add-row-line

 

Pour copier des cellules, vous pouvez utiliser CTRL + C / CTRL + V (ou le truc Apple qui fait la même chose J), ​​ou vous pouvez également placer votre souris dans le coin inférieur droit de la cellule et l'amener dans la direction souhaitée.

 

copie cellulaire

 

Notez que tout ce que vous faites est enregistré automatiquement avec un message en haut à droite

 

Vous avez une option pour annuler la dernière modification.

 

image24

 

WP Table Manager conserve une sauvegarde de la modification que vous avez effectuée et peut la restaurer.

 

image25

 

2.4 Edition de contenu avancée

Vous pouvez ajouter du contenu HTML avec un éditeur WYSIWYG dans chaque cellule. Sélectionnez une cellule, à droite Format> HTML.

 

image26

 

Maintenant, lorsque vous modifiez la cellule, vous aurez l'éditeur HTML à l'intérieur. Image et HTML sont disponibles.

 

html-table-cellule

 

Les cellules peuvent également être fusionnées. Sélectionnez 2 cellules ou plus puis faites un clic droit, un menu vous permettra de faire la fusion.

 

fusionner les cellules

 

2.5 Excel / tableur import / export

Vous pouvez importer et exporter une feuille de calcul dans WP Table Manager en utilisant notre outil dédié.

 

image29

 

Les tables peuvent être importées à partir de documents Excel ou Open Office. Le format sera détecté automatiquement et importé. Notez que seule la première page Excel sera importée.

L'exportation peut être faite au format Excel 2003 ou 2007.

 

image30

 

 

2.6 Shortcode

Chaque table a son shortcode, vous pouvez trouver à Plus onglet sur le panneau de droite. Ensuite, vous pouvez facilement partager la table en utilisant le shortcode, par exemple: [wptm id = 8]

 

petit code

 

2.7 Les blocs à Gutenberg

Vous pouvez maintenant afficher vos tableaux ou graphiques dans l'éditeur Gutenberg. Ces deux blocs WP Table Manager sont les graphiques WP Table Manager et WP Table Manager.

Pour afficher une table dans l’éditeur Gutenberg, cliquez sur le bouton WP Table Manager bouton dans la catégorie Widgets. Il y aura un menu déroulant apparaît, puis vous sélectionnez la table que vous souhaitez afficher dans l'interface.

 

add-table-block

 

C'est semblable à un graphique, en cliquant sur le bouton Graphique WP Table Manager bouton dans la catégorie Widgets. Ensuite, vous choisissez un graphique dans le menu déroulant.

 

add-chart-block

 

III. TABLES DE COIFFAGE

3.1 Format

L'onglet Format est disponible à la droite de votre écran par défaut. Il contient différents paramètres.

 

image31

 

  • Type de cellule: par défaut ou HTML. Le type par défaut vous permet de calculer avec HTML l'insertion de contenu HTML comme des images. Un éditeur WYSIWYG pour chaque cellule sera implémenté dans la prochaine version, pour le moment vous ajouterez du HTML dans la cellule.
  • Fond de cellule Couleur: définir la couleur de fond du cours

 

image32

 

Les bordures et les options de police peuvent être appliquées sur une ou plusieurs cellules

 

image33

 

La largeur des lignes et des colonnes peut être définie en pixels. Sélectionnez une colonne ou une ligne n'importe où dans la table et validez la taille.

 

3.2 Options de thème et de tri

Sur l'onglet de la table, toujours sur la partie droite, vous avez un sélecteur de thème. Il suffit de cliquer sur un thème pour l'appliquer.

L'application d'un thème remplacera toutes les données et le style de votre tableau. La façon de procéder consiste donc à appliquer un thème, puis à modifier les données, à créer votre propre thème, puis à dupliquer vos tableaux.

 

choix de thème

 

La "fonction de mise en forme automatique: vous aide à colorer la ligne sur votre table avec Style d'en-tête et Style de pied de page options. Vous pouvez sélectionner les styles de modèles ou créer vos propres paramètres de plug-in.

 

image35

 

Le paramètre sortable vous permet de faire un tri de données AJAX sur le frontend.

 

image36

 

La table align est à peu près aligner la div qui contient la table entière, centrez toute la table par exemple.

 

image37

 

Une cellule hightlight est également disponible en option. Vous pouvez activer cette fonctionnalité dans la configuration. Il est désactivé par défaut. Vous pouvez sélectionner la couleur en surbrillance et l’opacité de la surbrillance.

 

point culminant

 

3.3 Ajouter une info-bulle sur les cellules

Les infobulles de cellules doivent être activées à partir de la configuration du plugin (Menu de configuration). Après l'activation, vous obtenez un bouton au bas de l'écran. Format onglet lors de l'édition de la table.

 

image39

 

Vous pouvez pour une largeur en pixels. L'info-bulle de modification vous amènera à une info-bulle avec un éditeur pour la modifier.

 

éditeur d'infobulle

 

Ajouter du contenu et enregistrer, vous avez terminé, l'info-bulle sera affichée du côté public lors du survol de la souris.

 

infobulle

 

3.4 Gel des lignes et des colonnes

La congélation de lignes ou de colonnes est disponible dans Table languette. Vous pouvez geler jusqu'à 5 lignes ou colonnes. Il est compté à partir de la première rangée / col.

 

ligne de congélation

 

Pour geler les lignes, une option supplémentaire vous permet de fixer la hauteur de la table (car votre conteneur de table peut avoir une hauteur infinie).

 

ligne de gel

 

Lorsque vous avez choisi la ligne ou la colonne à figer, vous pouvez faire défiler votre tableau et afficher toujours la ligne / les lignes fixes.

 

affichage ligne fixe

 

3.5 Filtrage des données de colonne

Une option de filtrage est à nouveau disponible dans l’onglet Table. Vous pouvez l'activer pour activer les champs de filtrage des données publiques.

 

filtre-colonne

Exemple de filtres:

 

responsive-table-scroll

 

3.6 CSS personnalisé

Allons un pas plus loin. Si vous êtes un webdesigner avec des compétences en CSS, vous pourrez ajouter des CSS dans le Plus onglet. Vous pouvez ajouter un remplissage et un rayon de bordure sur la cellule.

 

image47

 

Notez que si vous avez appliqué un thème, certains CSS personnalisés seront ajoutés automatiquement. Vous pouvez toujours l'éditer bien sûr.

 

Toujours sur le Plus onglet, cliquez sur la coutume Bouton CSS accéder à l'édition css. Le code CSS est coloré en utilisant le code miroir et peut être écrit en moins de CSS, ça marche aussi!

 

custom-table-css

 

Les cellules, les lignes et les colonnes ont des coordonnées pour les identifier et leur appliquer des CSS personnalisés. R est la ligne, C est la colonne.

 

affichage css

 

3.7 Tables WordPress réactives

Mes tables sont-elles réactives ou utilisent-elles le défilement sur de petits appareils?

WP Table Manager gère le design réactif avec un outil prioritaire, en option. Par défaut, la fonctionnalité responsive est désactivée, il y aura un débordement (mais cela fonctionne très bien sur mobile).

 

mode réactif

 

Le mode réactif étant avancé, vous pouvez définir une priorité pour masquer les colonnes sur les tailles de mobiles. Lorsque les colonnes sont masquées, un menu du mobile avec une case à cocher sera affiché pour forcer l'affichage / le masquage des colonnes.
La taille de la colonne est fixée lors de l'édition de la table. Si la taille de toutes les colonnes est trop grande pour le conteneur, vous aurez un débordement et vous pourrez facilement faire défiler sur des appareils mobiles.

Tableau avec un rouleau (mieux pour un petit nombre de colonnes)

 

responsive-table-scroll

 

Tableau avec colonne cachée (mieux pour un grand nombre de colonnes)

 

57bb0cb0ac948

 

3.8 Tableau de téléchargement

Pour partager votre table avec le public, vous devez activer Bouton de téléchargement option à Onglet Table sur le panneau de droite. Le type de fichier sera * .xlsx.

 

table de téléchargement

 

3.9 pagination

Vous pouvez trouver cette fonctionnalité dans l'onglet Table de chaque table. Activer et choisir le nombre de lignes à afficher dans une page.

 

pagination-wptm

 

IV TABLEAU DE TABLES

4.1 Créer une table avec des données

Depuis la version 2.0, vous avez maintenant la possibilité d'ajouter des graphiques dans votre contenu. Commencez par créer un tableau avec des données pour générer un graphique.

 

image50

 

Puis faites votre sélection pour générer le graphique, ici tout le tableau est sélectionné, cliquez sur Bouton Ajouter un graphique.

 

image51

 

Un graphique sera généré, en respectant la plage de données que vous avez sélectionnée. Sur la partie droite, vous pouvez sélectionner le type de table. Vous pouvez générer un graphique selon vos besoins à partir d'un jeu de données.

 

image52

 

Le graphique sera mis à jour de manière dynamique en ce qui concerne le changement de données dans le tableau.

 

4.2 Paramètres du graphique

Une fois votre graphique ajouté, vous avez quelques options dans la colonne de droite.

image53

 

La «ligne / colonne» n'est disponible que si vous avez sélectionné uniquement des nombres dans le jeu de données. Vous serez autorisé à changer les données de col en ligne.

Le paramètre “Utiliser la première ligne / colonne comme étiquettes” vous permet d’ajouter une étiquette à votre graphique.

 

graphique

 

Ensuite, vous avez des options pour définir la largeur / hauteur, aligner, colorer à votre graphique.

 

V. EXCEL ET GOOGLE SHEETS SYNC

5.1 Synchroniser une table avec un fichier de données Excel

Il est possible d’effectuer une synchronisation entre une table que vous avez créée et un fichier Excel situé sur votre serveur (n’importe où). Du onglet de droite nommé "Table", en bas vous avez un bloc pour lier un fichier Excel à la table.

 

lien vers Excel


Si vous cliquez sur le bouton Parcourir, vous pourrez sélectionner un Excel n’importe où sur votre serveur. Ici, il s’agit d’un fichier chargé via le gestionnaire de médias (dossier / uploads).

 

link-excel-file-table

 

Une fois que votre fichier Excel est lié à la table, vous pouvez cliquer sur le bouton Récupérer des données bouton pour importer des données à partir du fichier Excel.

Remarque: Seules les données seront extraites d'Excel, pas les styles, de sorte que le style global de votre tableau ne sera pas modifié lors de l'importation.

 

fetch-excel-data

 

Attention: en fonction de la mémoire disponible sur votre serveur, vous ne pourrez pas importer de très gros fichiers Excel (plus de 1000 lignes par exemple).

Ensuite, voici le résultat d'une importation de données.

 

Excel-Google-feuilles-synchronisation

 

5.2 Synchronisation avec Google Sheets

WP Table Manager offre également certaines possibilités de synchronisation de Google Sheets. Votre fiche Google doit être publiée pour pouvoir être synchronisée. Commencez par ouvrir votre feuille à partir de Google Drive et publiez-la en tant que page Web à l'aide du Menu Fichier.

 

publier-web-google-feuilles

 

Ensuite, vous aurez accès au lien de fichier Google Sheets, copiez ce lien.

 

feuille de liaison

 

Et coller dans WP Table manager Onglet "Table"

 

lien vers Excel

 

Vous avez terminé! Vous pouvez maintenant récupérer des données pour une synchronisation instantanée et exécuter une synchronisation automatique. L'option de style de récupération est au cas où vous souhaiteriez également obtenir les styles de feuilles de calcul Google Sheets.

 

5.3 Synchronisation automatique Excel et Google Sheets

Au-dessus du lien de fichier, vous pouvez également activer une synchronisation automatique. WP Table Manager ira chercher les données automatiquement à intervalles réguliers.

Une fois activé, une notification est affichée après le titre du tableau.

 

google-sheet-sync-notice

 

Le délai de synchronisation peut être défini dans la configuration globale WP Table Manager.

 

période de synchronisation

 

Note: quand vous importez des fichiers Excel ou des données de synchronisation à partir de Google Sheet, le lien sera valide si vous utilisez la fonction: = Lien hypertexte ()
Exemple: = HYPERLINK ("https://joomunited.com", "Joomunited")

VI. PARAMÈTRES WP TABLE MANAGER

6.1 Paramètres

Pour accéder au WP Table Manager, allez dans WP Table Manager> Configuration

En option, vous pouvez définir:

  • Activer les boutons d'importation / exportation
  • Format de fichier d'exportation
  • Activer l'info-bulle
  • Activer l'enregistrement automatique ou activer un bouton d'enregistrement manuel
  • Périodicité de synchronisation de fichier
  • Chargez le plugin sur le frontend
  • Reconstruire la couleur alternative
  • Cellule en surbrillance
  • Surligner la couleur de fond
  • Surligner la couleur de la police
  • Souligner l'opacité
  • Formats de date
  • Position du symbole
  • Symbole de devise
  • Symbole décimal
  • Nombre décimal
  • Mille symbole

 

image55

 

VII. CONSEILS ET PISTES DE WP TABLE MANAGER

7.1 Calcul

Vous avez une implémentation de calcul de base dans WP Table Manager. Les éléments disponibles sont:

  • SOMME, COMPTE, CONCAT
  • MIN MAX MOY
  • DATE, JOUR, JOURS, JOURS360
  • OU XOR ET

Pour faire une somme, tapez comme ceci: = SUM (A1; B2) ou = SUM (A1: B2)

 

calcul de somme

 

7.2 Rôles d'utilisateur

La gestion de la table est définie par les rôles d’utilisateur WordPress qui ont la possibilité d’exécuter une action spécifique. Tous les utilisateurs d'un rôle d'utilisateur auront les mêmes autorisations en matière de gestion de table.
Pour configurer l'accès, utilisez le menu WP Table Manager> Rôles de l'utilisateur.

 

paramètres de rôles d'utilisateur

 

Une fois que l'utilisateur est connecté, il aura le privilège de groupe pour gérer les fichiers.

Vous pouvez définir le propriétaire de l'utilisateur pour les catégories et les tables à l'adresse suivante: Plus languette.

 

set-user-role

 

VIII. TABLES DE BASE DE DONNEES

WP Table Manager vous permet de créer des tables à partir de vos tables de base de données.

Depuis l'administrateur, cliquez sur WP Table Manager> Tables de base de données.

 

 

Vous pourrez ensuite sélectionner des tables et des colonnes dans votre base de données. En appuyant sur le contrôle, vous pouvez sélectionner plusieurs tables, colonnes.

 

sélection de base de données

 

Lors de la sélection des colonnes, vous pouvez définir un titre personnalisé et un ordre par défaut pour vos données dans la table, lorsqu'elles sont affichées du côté public.

 

titre de colonne

 

Ensuite, vous avez quelques options et filtres à appliquer à vos tables:

  • Un niveau de pagination par défaut (à utiliser avec une grande quantité de données)
  • Nombre de lignes pour la pagination
  • Appliquez un filtre à vos données, par exemple. une colonne peut être égale, différente ... d'une valeur définie
  • La possibilité de regrouper des valeurs dans les colonnes

 

options de table de base de données

 

Enfin, vous pouvez prévisualiser et générer votre table comme n'importe quelle autre table.

La seule différence est que les thèmes ne peuvent pas être appliqués aux tableaux, mais vous pouvez personnaliser tout l'affichage comme dans n'importe quel autre tableau.

 

Lorsque votre table est générée, vous aurez toujours accès à la table. Source de base de données et vous pouvez par exemple ajouter la colonne "Status" dans votre tableau à La source de données languette.

 

base de données générée