WP Table Manager: utilisation courante

L'objectif principal de WP Table Manager est de permettre la gestion de tous les tableaux depuis l'éditeur, même si vous utilisez une vue d'extension. WP Table Manager est compatible avec tous les éditeurs WYSIWYG de WordPress, aussi bien pour l'interface publique que pour l'interface d'administration. Vous pouvez par exemple l'utiliser dans un module WordPress personnalisé.

1. Gérer les tables à partir de l'article

Une fois WP Table Manager installé, un bouton d'édition apparaît dans votre éditeur. Cliquez dessus pour ouvrir la vue principale WP Table Manager .

Dans le gestionnaire de tableaux qui s'ouvre dans une fenêtre contextuelle depuis un article ou une page, vous pouvez cliquer sur le titre pour afficher le contenu du tableau ou du graphique, ou simplement cliquer sur l'espace à côté pour en sélectionner un, puis cliquer sur le bouton « Insérer ce tableau »

Ensuite, le tableau sera matérialisé avec une zone grise et une icône correspondante de type Excel / graphique.

Si vous cliquez sur la zone puis à nouveau sur le bouton WP Table Manager le tableau précédemment ajouté sera chargé.

Cependant, Gutenberg est désormais l'éditeur par défaut de WordPress, vous pouvez donc consulter la section 7 : Blocs dans Gutenberg.

2. Gérer les tables et les catégories

Les tableaux sont classés par catégories. Vous pouvez avoir autant de tableaux que vous le souhaitez dans une même catégorie.

Pour créer une catégorie de tableau, cliquez sur le bouton « Créer » > « Catégorie » dans l’en-tête du tableau de bord. Pour créer un nouveau tableau, cliquez sur le bouton « Créer » > « Tableau ».

Remarque : une catégorie et un tableau par défaut sont déjà créés lors de l'installation du plugin

Dans le panneau de gauche, vous pouvez gérer la catégorie en plaçant votre souris dessus ; vous pourrez modifier son nom ou la supprimer en cliquant avec le bouton droit sur la catégorie.

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

Dans le panneau principal à droite, vous pouvez modifier, dupliquer, renommer et supprimer une table. Les icônes correspondantes se trouvent en haut du tableau de bord lorsque vous cliquez sur une table. Vous pouvez également y accéder en effectuant un clic droit sur une table.

3. Édition du tableau

Pour ajouter des données dans les tableaux, procédez comme dans un tableur. Un double-clic sur une cellule permet de modifier son contenu, un simple clic de sélectionner une ou plusieurs cellules (et d'appliquer un style, par exemple).

Pour ajouter des lignes ou des colonnes, utilisez le clic droit. Vous pourrez ensuite insérer des lignes/colonnes à gauche ou à droite.

Pour copier des cellules, vous pouvez utiliser CTRL+C / CTRL+V (ou le raccourci 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 la déplacer dans la direction souhaitée.

Notez que tout ce que vous faites est enregistré automatiquement, comme l'indique un message en haut à droite

Vous avez la possibilité d'annuler/rétablir la dernière modification.

WP Table Manager conserve une sauvegarde des modifications que vous avez apportées au contenu des cellules et peut les restaurer.

4. Édition de contenu avancée

Cellules HTML

Vous pouvez ajouter du contenu HTML avec un éditeur WYSIWYG dans chaque cellule. Sélectionnez une cellule, puis cliquez sur l' icône < > .

Désormais, lorsque vous modifierez la cellule, un éditeur HTML s'intégrera à votre interface. Vous pourrez alors utiliser des images et du code HTML.

Fusionner les cellules

Il est également possible de fusionner les cellules. Sélectionnez au moins deux cellules, puis effectuez un clic droit ; un menu contextuel vous permettra alors de procéder à la fusion.

Vous pouvez également utiliser Fusionner les cellules dans la barre d'outils.

Options de colonnes

Pour personnaliser la largeur des colonnes d'un tableau, accédez à Menu Format > Options des colonnes > onglet Affichage et sélectionnez la taille d'écran cible (Ordinateur, Tablette ou Mobile).
Saisissez la largeur souhaitée pour chaque colonne en utilisant le format approprié. Pour les pourcentages, incluez le symbole % (ex. : 25 %). Pour les pixels, saisissez uniquement le nombre sans « px » (ex. : 150).

Remarque : Lorsque vous utilisez des largeurs en pourcentage, les tableaux peuvent ne pas s’afficher correctement s’ils sont placés dans des éléments masqués tels que des onglets ou des sections repliables. Dans ce cas, il est conseillé d’utiliser des valeurs en pixels.

Onglet Données

Pour modifier le type de données des colonnes, accédez au menu Format >> Options des colonnes >> onglet Données. Choisissez ensuite un type pour la colonne correspondante.

Ou cliquez avec le bouton droit sur n'importe quelle cellule, sélectionnez Paramètres de colonne, puis dans l' Données , vous pouvez sélectionner le type pour le

Remarque : Après avoir modifié le type de données de la colonne, les anciennes données de la colonne actuelle peuvent être perdues !

Masquer les colonnes sur l'interface utilisateur

Pour masquer une colonne d'un tableau sur l'interface utilisateur, vous pouvez cliquer avec le bouton droit sur une cellule ou un en-tête de colonne, sélectionner Paramètres de colonne , puis, dans l' Affichage , activer Masquer la colonne sur l'interface utilisateur .

5. Exportation vers Excel et les feuilles de calcul

Vous pouvez exporter une feuille de calcul depuis WP Table Manager grâce à notre outil dédié. Accédez à Menu Tableau >> Exporter le tableau, sélectionnez Données + styles ou Données uniquement . Cliquez ensuite sur Exporter vers Excel .

L'exportation peut se faire au format Excel 2003 ou 2007. Vous trouverez cette option dans Configuration du plugin >> Paramètres principaux.

6. Code court

code court de tableau

Sur le tableau de bord, vous pouvez voir le code court de chaque tableau. Les boutons de copie se trouvent à côté du code court ; vous pouvez les utiliser pour partager facilement les tableaux, par exemple : [wptm id=8]

Code court des cellules

L'utilisateur peut insérer plusieurs lignes et colonnes à l'aide d'un shortcode au lieu d'un tableau entier. Commencez par sélectionner les cellules à insérer. Ensuite, faites un clic droit et choisissez « Insertion de cellules par shortcode » dans le menu contextuel.

Après avoir sélectionné les options dans la fenêtre contextuelle, cliquez sur Copier . Vous pourrez ensuite coller le code court dans vos articles/pages.

ex. : [wptm id=258 download="1" align="none" range="B1-D8"]

Code court du graphique

Après avoir créé un graphique, vous trouverez son code court dans le panneau de droite, puis vous pourrez copier et le coller dans vos articles/pages.

par exemple : [wptm id-chart=42]

7. Blocs dans l'éditeur Gutenberg

Vous pouvez désormais afficher vos tableaux ou graphiques sur votre site grâce à l'éditeur Gutenberg. Ces deux WP Table Manager sont des exemples WP Table Manager et le graphique WP Table Manager .

Pour ajouter un tableau dans l'éditeur Gutenberg, recherchez puis cliquez sur WP Table Manager Dans la catégorie Widgets, cliquez sur le bloc correspondant. La liste des tableaux que vous avez créés s'affichera ; sélectionnez celui que vous souhaitez afficher. Un aperçu du tableau sélectionné s'affichera immédiatement.

C'est similaire à l'ajout d'un tableau : recherchez puis cliquez sur le WP Table Manager Chart » dans la catégorie « Widgets ». Ensuite, sélectionnez un graphique dans la liste déroulante.

8. Édition frontale

Dans l'éditeur de tableau, veuillez accéder à Tableau > Édition frontale .

Il contient les fonctionnalités suivantes :

Création d'une nouvelle ligne : autoriser les utilisateurs non connectés ou limiter l'accès à la création de lignes à certains groupes d'utilisateurs connectés. Notez que le style sera appliqué par colonne et que l'arrière-plan du tableau sera de couleurs alternées.
Modifier la ligne : Autoriser les utilisateurs non connectés ou uniquement les utilisateurs connectés à modifier les lignes sur l’interface publique.
Colonne ID utilisateur : Choisissez les valeurs de la colonne qui serviront d’identifiants utilisateur. Cette colonne fait référence à l’ID de la table des utilisateurs WordPress (wp_users) et doit être définie comme un entier côté MySQL.
Bouton d'édition d'affichage : activer/désactiver à l'aide d'un bouton bascule.

Vous pouvez créer une nouvelle ligne ou sélectionner une ligne à modifier sur l'interface utilisateur.

Remarque : Il est impossible de créer une nouvelle ligne dans l'interface utilisateur s'il s'agit de tables de base de données.

Lorsque la « Modifier le tableau en front-end » « Modification » apparaît dans les paramètres de colonne. Il suffit de faire un clic droit sur une cellule et de sélectionner « Paramètres de colonne » .

La fenêtre contextuelle des paramètres de colonne comprend 3 onglets :

Onglet Afficher

Étiquette de colonne : Nom de la colonne.
Masquer la colonne en front-end : masquer/afficher la colonne à l’aide du bouton bascule.

Onglet Données

Type de colonne : Sélectionnez un type pour la colonne : Texte, Varchar, Entier, Flottant, Date, Date et heure.

Onglet Édition

Activation/désactivation de la modification : activer/désactiver à l’aide du bouton bascule.
Données requises : activer/désactiver à l’aide du bouton bascule.
Type de données saisies : Sélectionnez le type de données :
- Éditeur de base
- Éditeur HTML
- Boîte de sélection
- Date
Valeur par défaut de la colonne : définir la valeur par défaut de la colonne.
Liste des valeurs : Saisissez les valeurs possibles pour cette colonne dans cette liste, en les séparant par la touche Entrée. Ces valeurs seront utilisées dans les éditeurs de la colonne.