Passer au contenu principal

WP Table Manager : utilisation courante

L'idée principale de WP Table Manager est de gérer toutes les tables depuis l'éditeur bien que vous disposiez d'une vue plugin. WP Table Manager fonctionne sur tous les éditeurs WordPress WYSIWYG, tant pour le frontend que pour le backend. Par exemple, vous pouvez l'utiliser dans un module WordPress personnalisé.
 

1. Gérer les tableaux de l'article

 

bouton-gestionnaire-de-table

 

Lorsque WP Table Manager est installé, un bouton d'édition s'affiche sur votre éditeur. Cliquez dessus pour ouvrir la vue principale WP Table Manager .

Gestionnaire de tableaux dans une lightbox ouverte à partir d'un article/page, vous pouvez appuyer sur le titre pour afficher le contenu du tableau/graphique ou simplement cliquer sur l'espace à côté pour en sélectionner un, puis appuyer sur le bouton Insérer ce tableau.

 

insert-table

 

Ensuite, le tableau sera matérialisé avec une zone grise et un Excel/un graphique ainsi qu'une icône correspondante.

 

table en poteau

 

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

 

edit-tale-post

 

Cependant, Gutenberg est maintenant l'éditeur par défaut de WordPress, vous pouvez donc jeter un œil à 7. Blocks in Gutenberg

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

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

Pour créer une catégorie de tableau, cliquez sur le bouton  Créer nouveau  >>  Catégorie dans l'en-tête du tableau de bord. Pour créer une nouvelle table, cliquez sur le bouton Créer nouveau >> Table.

 

catégories de table

 

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

 

Sur le panneau de gauche, la catégorie peut être gérée en plaçant votre souris dessus, vous pourrez modifier le nom ou le supprimer en faisant un clic droit sur la catégorie.

 

renommer la catégorie

 

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

 

catégorie de déplacement

 

Sur le panneau principal de droite, vous pouvez modifier, dupliquer, renommer et supprimer un tableau. Les icônes se trouvent en haut du tableau de bord lorsque vous cliquez sur un tableau. Vous pouvez également les trouver en faisant un clic droit sur un tableau.

 

boutons modifier-copier-table

 

3. Edition de table

Pour ajouter des données dans des tableaux, vous devez agir comme si vous étiez dans une feuille de calcul. Un double-clic sur une cellule vous offrira la possibilité de mettre à jour le contenu, un simple clic pour sélectionner une / certaines cellules (et d'appliquer un style par exemple).

 

édition cellulaire

 

Pour ajouter des lignes ou des colonnes, utilisez le clic droit. Ensuite, vous pouvez insérer des lignes / colonnes à gauche ou à droite.

 

ajouter-ligne-col

 

Pour copier des cellules, vous pouvez utiliser CTRL + C / CTRL + V (ou le truc de pomme qui fait le même 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 de cellule

 

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

changements-enregistrer

 

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

WP Table Manager conserve une sauvegarde de la modification que vous avez effectuée avec l'édition du contenu des cellules et peut la restaurer.

 

annuler l'action

 

4. Édition de contenu avancé

Cellules HTML

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

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

 

cellule-tableau-html

 

Fusionner des cellules

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 des cellules

 

Ou vous pouvez utiliser Fusionner les cellules dans la barre d'outils.

 

merge-cells-icon

 

Types de colonnes

Afin de changer le type de données des colonnes, vous pouvez aller dans Menu Format >> Types de colonnes. Choisissez ensuite un type pour une colonne correspondante.

 

type de colonne

 

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

 

cellule-type-colonne

 

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 le front-end

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

 

cache-colonne-frontend

 

5. Exportation Excel et feuille de calcul

Vous pouvez exporter une feuille de calcul dans WP Table Manager en utilisant notre outil dédié. Accédez à Menu Tableau >> Exporter le tableau, sélectionnez Données + styles ou Données uniquement . Cliquez ensuite sur le bouton Export Excel .

 

export-table

 

L'export peut se faire au format Excel 2003 ou 2007. Vous pouvez trouver au plugin Configuration >> Paramètres principaux.

 

format d&#39;exportation

 

 

6. Code court

Code abrégé du tableau

Sur le tableau de bord, vous pouvez voir le shortcode de chaque table. Les boutons de copie sont à côté du shortcode, vous pouvez l'utiliser pour partager les tableaux facilement, par exemple : [wptm id=8]

 

petit code

Shortcode des cellules

L'utilisateur peut insérer plusieurs lignes et colonnes en utilisant un shortcode au lieu d'un tableau entier. Tout d'abord, vous devez sélectionner les cellules que vous souhaitez insérer. Ensuite, faites un clic droit dessus et sélectionnez code abrégé d'insertion de cellule dans le menu contextuel.

 

cell-insert-shortcode

 

Après avoir sélectionné les options dans la fenêtre contextuelle, cliquez sur l' icône Copier Ensuite, vous pouvez coller le shortcode dans vos publications/pages.

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

 

Code abrégé du graphique

Après avoir créé un graphique, vous pouvez trouver le shortcode du graphique dans le panneau de droite, puis vous pouvez copier et le coller dans vos publications/pages.

par exemple : [wptm id-chart=42]

 

graphique-shortcode

 

7. Blocs dans l'éditeur Gutenberg

Vous pouvez maintenant afficher vos tableaux ou graphiques sur votre site en utilisant l'éditeur Gutenberg. Ces deux blocs WP Table Manager WP Table Manager et WP Table Manager Chart .

Pour ajouter une table dans l'éditeur Gutenberg, recherchez puis cliquez sur WP Table Manager bloquer dans la catégorie Widgets. Une fois localisé, cliquez sur le champ et une liste de tables que vous avez créée apparaîtra, puis vous sélectionnerez une table que vous souhaitez afficher sur le frontend. Après avoir sélectionné le tableau, un tableau d'aperçu s'affichera immédiatement.

 

ajouter un bloc de table

 

C'est similaire à l'ajout d'un tableau, en recherchant puis en cliquant sur le WP Table Manager Chart dans la catégorie Widgets. Ensuite, vous choisissez un graphique dans la liste déroulante.

 

ajouter un bloc de graphique

 

8. Édition frontale

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

 

édition frontale

 

Il contient ces fonctionnalités : 

  • Création d'une nouvelle ligne : autorisez les utilisateurs sans connexion ou spécifiez uniquement les groupes d'utilisateurs connectés à avoir l'autorisation de créer de nouvelles lignes sur le front-end. Notez que ce style sera appliqué par colonne, l'arrière-plan sera défini sur des couleurs alternées pour l'ensemble du tableau.
  • Modifier la ligne : autorisez les utilisateurs sans connexion ou uniquement les utilisateurs connectés à avoir l'autorisation de modifier les lignes sur le front-end.
  • Colonne ID utilisateur : choisissez les valeurs de colonne à partir desquelles seront utilisées comme identifiants utilisateur. Fait référence à l'ID de la table des utilisateurs WordPress (wp_users), DOIT être défini comme un entier côté MySQL.
  • Bouton d'édition d'affichage : activer/désactiver à l'aide du bouton bascule.

 

modifier-table-frontend

 

Vous pouvez créer une nouvelle ligne ou sélectionner une ligne à modifier sur le front-end.

 

modifier-créer-ligne-frontend

 

Remarque : Une nouvelle ligne ne peut pas être créée sur le frontend s'il s'agit de tables de base de données.

 

Lorsque la table Modifier sur la fonctionnalité frontale est activée, vous pouvez voir l' Modification dans les paramètres de la colonne. Faites un clic droit sur n’importe quelle cellule et sélectionnez Paramètres de colonne .

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

 

    paramètres de colonne

     

    Onglet Affichage

    • Libellé de la colonne : nom de la colonne.
    • Masquer la colonne sur le frontend : masquer/afficher la colonne à l'aide du bouton bascule.

     

    onglet d&#39;affichage

     

    Onglet Données

    • Type de colonne : sélectionnez un type pour la colonne : Texte, Varchar, Integer, Float, Date, Datetime.

     

    onglet données

     

    Onglet Modification

    • Activation de l'édition : activer/désactiver à l'aide du bouton bascule.
    • Données requises : activer/désactiver à l'aide du bouton bascule.
    • Type de saisie de données : 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éfinissez la valeur par défaut de la colonne.
    • Liste de valeurs : Saisissez les valeurs possibles pour cette colonne dans cette liste, séparez-les en appuyant sur ENTRÉE. Les valeurs seront utilisées dans les éditeurs pour la colonne.

     

    Modification-onglet-col-setting