Les membres de l'équipe projet du Groupe CMP vous souhaitent une belle journée !

📔Annuaire des entreprises

Dans ce tutoriel nous verrons comment ajouter un tableau Excel dans la page Annuaire des entreprises.

Étape 1 : Créer le fichier Excel

Vous pouvez créer votre tableau à l'aide d'un logiciel tel que Excel, Microsoft Excel, LibreOffice Calc ou Google Sheets.

ATTENTION : Pour pouvoir réussir l’importation dans le site par la suite, vous devez vous assurer que :

  • Votre tableau comporte bien des titres de colonne nommés

  • Vous avez supprimé toutes les cases vides

  • Et que votre fichier Excel ne comporte pas plusieurs onglets

Exemple :

Après avoir apporté les modifications, assurez-vous de sauvegarder le fichier Excel.

Étape 2 : Se connecter à WordPress

  1. Ouvrez votre navigateur web et entrez l'URL de votre site WordPress.

  2. Connectez-vous au tableau de bord de votre site Wordpress en utilisant vos identifiants (nom d'utilisateur et mot de passe).

Étape 3 : Importer le fichier Excel dans la médiathèque de WordPress

  1. Dans le menu WordPress, cliquez sur "Médias" pour accéder à la médiathèque.

  2. Sélectionnez "Ajouter un nouveau" pour téléverser le fichier Excel modifié depuis votre ordinateur dans le dossier “Fichiers excel”.

Étape 4 : Copier l’URL du fichier depuis la médiathèque

  1. Après avoir téléchargé le fichier Excel dans la médiathèque, cliquez sur le fichier pour ouvrir ses détails.

  2. Copiez l'URL du fichier que vous trouverez dans la section "URL du fichier".

Étape 5 : WPDataTables

Dans le tableau de bord de WordPress, vous verrez un menu latéral à gauche. Recherchez l'option "wpdatatables" puis cliquez dessus pour l'ouvrir.

Étape 6 : Sélectionner “Parcourir tous les tableaux”

  1. Dans le menu wpdatatables, cliquez sur "Parcourir tous les tableaux" pour voir la liste des tableaux disponibles.

  2. Cliquez ensuite sur “Ajouter un nouveau”, puis sélectionnez la deuxième option “Create a data table linked to an existing data source”.

  1. Ensuite une section"Source des données" apparaît et il vous est demandé de définir le type de source du fichier, sa localisation et son chemin.

  2. Dans “Type de source de données d’entrée” sélectionnez “Fichier Excel”.

  3. Dans “File location” choisissez “WordPress Media Library”.

  4. Dans “Chemin d’accès du fichier d’entrée ou URL” vous devez collez l’URL du fichier copié dans la médiathèque à l’étape 4.

  1. Cliquez ensuite sur “Enregistrer les changements”.

Étape 7 : Enlever le titre du tableau

Un aperçu du tableau apparaît ensuite en dessous.

Pour enlever le titre du tableau qui s'affichera dans la page il faut aller dans la section “Affichage” puis décocher la première option “Afficher le titre du tableau”.

Puis enregistrez les changements.

Étape 8 : Copier l’ID du tableau

Copier l’ID du tableau permettra de l’afficher dans notre page. Il est affiché à côté du nom du tableau, copiez le “[wpdatatable id=...]

Étape 9 : Modifier la page Annuaire des entreprises

À présent nous allons modifier la page Annuaire des entreprises.

  1. Dans le menu latéral du tableau de bord de WordPress cliquez sur “Pages”, puis dans la barre de recherche tapez le nom de la page Annuaire des entreprises.

  2. Lorsque vous passez la souris sur la page plusieurs options s’offrent à vous, sélectionnez “Modifier avec Elementor”.

Étape 10 : Ajouter un onglet avec le tableau

Vous êtes maintenant dans l’éditeur de page Elementor.

Les onglets qui contiennent les tableaux Excel sont dans la première section “L’Annuaire des entreprises”.

  1. Afin d’ajouter votre tableau vous devez ajouter un onglet, passez votre souris sur les onglets, une bordure rose apparaît. Cliquez sur le crayon dans le coin en haut à droite.

  1. Dans le panneau de gauche la liste des éléments de l’onglet apparaît, pour créer un nouvel onglet tout prêt il faut dupliquer le dernier. Cliquez sur le logo qui représente 2 pages superposées.

La page contient beaucoup d’onglets avec tableau, elle mettra un peu de temps à afficher le nouvel onglet que vous venez de créer. Il suffit d’attendre un peu.

  1. Modifiez ensuite le titre de l’onglet. Dans le panneau de gauche cliquez sur l’onglet, le titre s’affiche et vous pouvez le modifier.

Étape 11 : Insérer le nouveau tableau

Enfin pour modifier le tableau il vous faut accéder au code court dans l’onglet.

  1. Pour cela il faut aller dans le panneau de droite “Structure” et cliquer sur la flèche à gauche du premier conteneur pour dérouler la liste des éléments qu’il contient.

  1. Faites la même chose pour “Onglets” puis pareil pour le dernier élément.

  1. Déroulez les conteneurs jusqu’à accéder au code court et cliquez sur code court.

  2. Maintenant dans le panneau de gauche vous pouvez modifier le code court. Vous n’avez plus qu’à remplacer l’ID avec celui que que vous avez copié dans l’étape 8 pour insérer le tableau sur la page.

Assurez-vous d'enregistrer vos modifications en cliquant sur le bouton "Publier".

Mis à jour