Tutoriel CSB
Bienvenue dans votre tuto, Fabrice (et toute l'équipe du CSB) !
Ce document est votre guide de référence pour gérer le site du CSB au quotidien. On y trouve les bases de WordPress, pour vous balader sereinement dans votre back-office, un tour de Divi 5, le constructeur de pages qu'on utilise pour construire et modifier vos pages et une dernière partie dédiée aux cas particuliers propres à votre site.
Se connecter
Les mises à jour
Le tableau de bord
Pages et articles
Les médias
Le menu
Les utilisateurs
Les extensions
L’interface
Le langage Divi
Modifier un contenu existant
La barre d’outils de Divi 5
Les icones d’action
Les champs de configuration
Les principes de sauvegarde
Modifier un contenu existant
Le bloc « actus » en page d’accueil
Ajouter une actualité
Modifier un bouton
Modifier un horaire de cours
Modifier ou ajouter un membre dans l’équipe
Modifier le formulaire de contact
Utiliser le module de prise de rendez-vous
La gestion des langues
Modifier le footer
WORDPRESS
Se connecter à votre site
Pour accéder à l'administration de votre site, rendez-vous à l'adresse suivante : votresite.be/wp-admin
Entrez votre identifiant (votre adresse mail) et votre mot de passe. En cas d'oubli, cliquez sur "Mot de passe oublié" pour en recevoir un nouveau par email.
Les mises à jour
Votre tableau de bord vous signalera régulièrement des mises à jour disponibles : WordPress lui-même, Divi, les extensions installées. C'est normal et c'est important de les faire.
Règle d'or : "sauvegarde d'abord, clic ensuite". Une mise à jour qui tourne mal sans sauvegarde, c'est le genre de moment qu'on préfère éviter. Si vous êtes sous contrat de maintenance avec LAHPLAB, on s'en occupe. Nous configurons votre hébergeur pour qu'il enregistre automatiquement une sauvegarde mensuelle de votre site. En complément, LAHPLAB propose des formules de maintenance qui incluent des sauvegardes manuelles complètes et des mises à jour vérifiées. N'hésitez pas à nous contacter pour en savoir plus.
L'écran des mises à jour est accessible directement depuis le tableau de bord, via le menu "Mises à jour".
Le tableau de bord
Le tableau de bord est le point d'entrée de toute votre administration. C'est un peu votre cockpit. Voici ce que vous y trouverez et à quoi servent les différentes rubriques.
Pages et Articles : ce sont les deux types de contenu principaux de votre site. Les pages servent aux contenus fixes ("aide sociale", " nous contacter",...), les articles servent aux contenus qui se renouvellent régulièrement (actualités, ...).
La bibliothèque des médias : c'est l'endroit où sont stockés tous vos fichiers : photos, images, pictogrammes, documents PDF, fichiers Excel. Tout ce que vous uploadez sur le site se retrouve ici.
Apparence : cette section permet de gérer les menus, les couleurs et la typographie du site. Nous vous déconseillons d'y effectuer des modifications sans nous consulter au préalable, car une mauvaise manipulation peut affecter l'ensemble des pages du site.
Extensions : les modules complémentaires de votre site. Sauf cas particulier, vous n'avez pas besoin d'y aller.
Comptes : qui a accès à quoi sur votre site. C'est là que vous ajoutez ou supprimez des accès.
Réglages : les paramètres de base. En théorie, vous n'aurez pas à y toucher.
Snippets, Outils, Duplicator Pro : import, export, trucs techniques. Mieux vaut ne pas s'y aventurer seul·e.
WP Consent : est utilisé dans le cadre de la prise de RDV
Table Maker : est utilisé pour la gestion des horaires affichés dans les tableaux (mais vous ne devez pas modifier ces informations ici)
Langues : Gère la configuration des langues sur votre site. Mieux vaut ne pas y toucher seul·e.
Rendez-vous : Gère la configuration de votre module de prise de RDV
Divi : Toutes les options liées à l'apparence de votre site. Mieux vaut ne pas s'y aventurer seul·e.
Pages et articles : quelle différence ?
C'est la question qu'on nous pose le plus souvent. Et c'est une bonne question !
Les pages sont des contenus fixes et stables. Pas de date, pas de flux chronologique. Votre page d'accueil, votre page de contact, vos pages de services : ce sont des pages. Elles existent indépendamment du temps.
Les articles sont des contenus datés, classés par catégories, qui s'affichent du plus récent au plus ancien. Vos actualités, votre blog, vos offres d'emploi : ce sont des articles.
Le test simple : si le contenu a une date et sera remplacé par de nouveaux contenus similaires, c'est un article. Si c'est une page que vous mettez à jour de temps en temps et qui ne "périme" pas, c'est une page.
La bibliothèque des médias
Pour ajouter une image, un PDF ou n'importe quel fichier sur votre site, passez par Tableau de bord > Médias > Ajouter, cliquez sur "Téléverser un fichier" et sélectionnez votre fichier depuis votre ordinateur.
Deux conseils importants pour garder votre site rapide et bien référencé.
Pour les images et photos : ne dépassez pas 500 ko par fichier. 300 ko, c'est encore mieux. Des images trop lourdes ralentissent le chargement de vos pages et pénalisent votre positionnement dans les moteurs de recherche.
Pour les vidéos : nous vous recommandons de les héberger sur YouTube et de les intégrer à votre site via le code "embed" fourni par YouTube. Héberger des vidéos directement sur votre serveur consomme énormément d'espace et ralentit considérablement le site.
La bibliothèque des médias n'est pas un grenier. On n'y stocke pas des cartons qu'on n'ouvrira plus jamais. Un petit tour de nettoyage de temps en temps et tout le monde respire mieux, votre site y compris.
Le menu et la structure du site
Les menus de votre site se gèrent via Tableau de bord > Apparence > Menus.
Votre site est composé de deux menus, chacun traduit : Le menu principal et le top menu. Commencez par sélectionner le menu que vous souhaitez modifier (clic sur le menu, puis clic sur le bouton "Sélectionner).
Pour ajouter un élément au menu : cochez la page souhaitée dans la colonne de gauche et cliquez sur "Ajouter au menu". L'élément s'ajoute en bas de la liste, faites-le glisser à l'endroit voulu.
Pour modifier l'ordre des éléments : cliquez-glissez simplement les éléments dans l'ordre souhaité. Les sous-menus (menus déroulants) se créent en décalant légèrement un élément vers la droite, sous l'élément parent.
Et surtout : n'oubliez pas de cliquer sur "Enregistrer le menu" à la fin. Sans ça, toutes vos modifs partent à la poubelle au prochain rechargement.
Un menu de niveau 1 surchargé, c'est un visiteur perdu. Gardez ça simple.
La gestion des utilisateurs
Vous voulez donner accès à votre site à quelqu'un d'autre ? Ça se passe dans Tableau de bord > Comptes > Ajouter. Renseignez l'adresse email de la personne et choisissez son rôle.
Le choix du rôle est important : il détermine ce que la personne peut faire ou non sur le site.
Administrateur : accès total. À réserver aux personnes qui savent ce qu'elles font et en qui vous avez confiance.
Éditeur : peut créer, modifier et publier tous les contenus, y compris ceux des autres utilisateurs. Idéal pour un responsable éditorial.
Auteur : peut créer et publier ses propres articles, mais ne peut pas modifier les contenus des autres.
Contributeur : peut rédiger des articles mais ne peut pas les publier directement. Ils doivent être validés par un éditeur ou un administrateur.
Abonné : accès très limité, principalement utile pour des sites avec espace membres ou contenu réservé.
Dans la plupart des cas, si vous gérez le site au quotidien, le rôle Éditeur est celui qu'il vous faut : assez de droits pour travailler, pas assez pour tout casser.
Pour supprimer un utilisateur : dans la liste des comptes, survolez le nom de la personne et cliquez sur "Supprimer". WordPress vous demandera ce que vous souhaitez faire de ses contenus : vous pouvez les attribuer à un autre utilisateur ou les supprimer.
La gestion des extensions
Les extensions (ou "plugins") sont des modules qui ajoutent des fonctionnalités à votre site : formulaire de contact, boutique, galerie photos, newsletter... Votre site est déjà équipé de ce qu'il lui faut.
La section Extensions du tableau de bord vous permet de les activer, les désactiver ou les supprimer.
Si un jour vous souhaitez en ajouter une vous-même, quelques règles à garder en tête :
Vérifiez la compatibilité avant d'installer. Une extension non maintenue ou incompatible avec votre version de WordPress peut provoquer des dysfonctionnements sur tout le site. Vérifiez la date de la dernière mise à jour et la compatibilité indiquée.
Moins il y en a, mieux c'est. Chaque extension supplémentaire alourdit votre site et peut créer des conflits avec les extensions déjà en place. N'installez que ce dont vous avez réellement besoin.
Vous voyez une extension avec un nom bizarre que vous n'avez pas installée ? Ne supprimez pas. Elle est probablement là pour une bonne raison, même si cette raison ne vous saute pas aux yeux. En cas de doute, écrivez-nous, on vous dira si c'est essentiel ou pas.
Désactiver n'est pas supprimer. Désactiver une extension l'empêche de fonctionner mais conserve ses données et réglages. Supprimer une extension efface tout : certaines extensions suppriment également leurs données en base de données, ce qui peut être irréversible.
Problème après l'installation d'une extension ? Désactivez-la immédiatement. Si le site ne répond plus du tout, contactez-nous : on peut intervenir directement sur le serveur.
DIVI
L'interface des pages
Depuis le tableau de bord, quand vous allez dans Pages ou Articles, vous obtenez une liste de vos contenus. Pour chacun, vous disposez de plusieurs actions :
Modifier vous fait entrer dans la page pour l'éditer.
Modification rapide vous permet de changer rapidement le statut ou la date de publication sans entrer dans la page.
Corbeille déplace l'élément dans la corbeille. Ce n'est pas définitif immédiatement — les éléments restent dans la corbeille pendant 30 jours avant d'être supprimés automatiquement et définitivement.
Voir vous permet de visualiser la page telle qu'elle apparaît pour vos visiteurs.
La date de publication de chaque contenu est visible dans la colonne de droite de la liste.
Le langage Divi : sections, lignes et modules
Divi construit les pages comme une composition de blocs empilés les uns sur les autres. Pour comprendre comment fonctionne l'éditeur, il faut connaître trois notions de base.
Les sections constituent le découpage horizontal de votre page. Chaque section peut avoir une couleur ou une image de fond différente, ce qui permet de créer des ruptures visuelles entre les parties de la page. Divi propose trois types de sections : Normal, Spécialité et Plein écran. Dans la grande majorité des cas, vous travaillerez avec des sections de type Normal.
Les lignes se trouvent à l'intérieur de chaque section. Elles définissent la mise en colonnes du contenu : une colonne, deux colonnes, trois colonnes, etc. Chaque fois que vous avez besoin d'un nouveau découpage en colonnes, vous créez une nouvelle ligne.
Les modules sont les blocs de contenu eux-mêmes, à l'intérieur de chaque ligne. Un module représente un type de contenu précis : texte, image, bouton, vidéo, formulaire de contact, accordéon, icône, et bien d'autres encore. C'est principalement sur les modules que vous allez travailler quand vous modifiez votre site.
En résumé : une page est faite de sections, chaque section contient des lignes, et chaque ligne contient des modules.
Modifier un contenu existant, ouvrir l'éditeur de Divi 5
Pour modifier une page, rendez-vous sur celle-ci en étant connecté à WordPress. Cliquez sur le bouton bleu "Edit with Divi" pour entrer dans l'éditeur.
Vous pouvez également passer par le tableau de bord : dans la liste de vos pages, cliquez sur "Modifier" sous le nom de la page, puis sur "Edit with the Divi builder" pour basculer en mode visuel.
Une précaution importante : ne cliquez jamais sur "Retour à l'éditeur standard". Cela effacerait votre contenu Divi. Si vous le voyez apparaître, ne cliquez pas dessus.
La barre d'outils à gauche
C'est l'un des éléments les plus visibles de Divi 5. Une barre d'outils est présente sur le côté gauche de l'écran pendant toute votre session dans l'éditeur.
C'est depuis cette barre que vous accédez notamment au bouton pour ajouter de nouveaux éléments à votre page (sections, lignes, modules). Tout est regroupé au même endroit, ce qui évite de chercher les boutons d'ajout directement sur la page.
De haut en bas, voici ce que contient cette barre :
En haut de la barre
- Le petit engrenage tout en haut ouvre le menu principal du Visual Builder.
Premier groupe (les outils pour construire la page)
- Ajouter (le bouton bleu avec le +) : sert à ajouter un nouvel élément à la page (une section, une ligne, un module) ou à insérer un modèle tout prêt depuis la bibliothèque Divi.
- Les calques (Layers) : affiche toute la structure de la page sous forme de liste. Pratique pour retrouver un bloc précis sans devoir tout faire défiler à l'écran.
- L'inspecteur : ouvre un résumé du contenu et du style de l'élément sélectionné, pour tout voir au même endroit.
- Les variables globales : gère les couleurs, les polices et les autres valeurs utilisées partout sur le site, pour garder une présentation cohérente d'une page à l'autre.
- Les presets : gère des styles prédéfinis qu'on peut appliquer rapidement à un élément, plutôt que de tout régler à la main à chaque fois.
- Le gestionnaire de pages : permet de passer d'une page à l'autre du site directement depuis l'éditeur, sans retourner au tableau de bord WordPress.
- Le centre de commandes : une barre de recherche rapide pour retrouver une action ou un réglage sans devoir cliquer partout.
- La vue filaire (wireframe) : affiche la page de façon très simplifiée, juste les blocs, sans les couleurs ni les images. Utile pour voir l'organisation générale d'un coup d'œil.
Deuxième groupe (les aides visuelles)
9. Icônes au survol : active ou désactive l'affichage des petites icônes qui apparaissent quand on passe la souris sur un bloc.
10. Icônes du parent au survol : la même chose mais pour le bloc englobant (la section ou la ligne qui contient l'élément).
11. Mode rayons X : dessine un contour autour de chaque élément de la page, pour bien voir où commence et où finit chaque bloc.
Troisième groupe
12. Réglages de l'espace de travail : pour personnaliser le fonctionnement de l'éditeur selon ses habitudes.
Quatrième groupe
13. Aide : accès aux tutoriels et à la documentation.
14. Nouveautés : les dernières fonctionnalités ajoutées à Divi.
Tout en bas
15. Mode clair/sombre : change les couleurs de l'interface (fond blanc ou fond sombre), juste une question de confort visuel.
Petite astuce : en survolant n'importe quelle icône dans Divi, une petite bulle affiche son nom exact !
Les icônes d'action sur les blocs
En mode visuel, quand vous survolez un bloc, une rangée d'icônes apparaît. Ces icônes sont les mêmes pour les sections, les lignes et les modules. De gauche à droite :
La première, la roue crantée, permet d'ouvrir les réglages du bloc pour modifier son contenu ou son apparence.
La deuxième permet de dupliquer le bloc.
La troisième permet de supprimer le bloc. Attention : une suppression enregistrée est définitive.
La quatrième permet d'accéder à d'autres fonctionnalités
Pour déplacer un bloc, passez simplement votre curseur dessus et déplacez le.
Les champs de configuration
Quand vous ouvrez les réglages d'un module, le panneau s'affiche sur le côté droit de l'écran. Votre page reste visible à gauche pendant que vous faites vos modifications, ce qui vous permet de voir vos changements en direct.
Vous pouvez ouvrir ce panneau de deux façons : en cliquant sur la roue crantée d'un bloc, ou en double-cliquant directement sur l'élément.
En haut du panneau, un fil d'ariane indique votre position dans la structure de la page : Page > Section > Ligne > Colonne. Vous pouvez cliquer sur n'importe quel élément de ce chemin pour accéder directement aux réglages du niveau souhaité, sans fermer et rouvrir des fenêtres.
Le panneau contient trois onglets.
Contenu : c'est l'onglet que vous utiliserez le plus souvent. C'est là que vous modifiez le texte, changez une image, mettez à jour un lien.
Style : vous permet de modifier l'apparence du module : typographies, couleurs, tailles, espacements. Nous vous déconseillons de modifier ces réglages sur les pages existantes, car chaque page a été configurée pour respecter l'identité visuelle de votre site. Une modification de style sur un module peut créer des incohérences visuelles.
Avancé : contient des paramètres plus techniques. Vous n'en aurez généralement pas besoin pour de la modification de contenu simple. La seule option de cet onglet qui peut vous être utile est celle qui permet de masquer ou afficher un élément sur mobile ou tablette, sans pour autant le supprimer. C'est une action réversible, contrairement à la suppression d'un module.
Nous vous conseillons de toujours dupliquer une page existante plutôt que de créer une nouvelle page de zéro, afin de conserver les mises en forme et les styles déjà en place sur votre site.
Les principes de sauvegarde
La sauvegarde en Divi 5 fonctionne différemment de ce que vous avez peut-être connu avec d'autres outils. Il y a deux niveaux à bien distinguer.
Fermer le panneau de réglages n'est pas sauvegarder la page. Quand vous modifiez un module et que vous fermez son panneau (en cliquant sur le X en haut à droite), vos modifications sont enregistrées dans le module automatiquement. Mais la page, elle, n'est pas encore sauvegardée.
Pour enregistrer la page, cliquez sur le bouton "Enregistrer" situé en haut à droite de la barre de l'éditeur. Ce bouton propose un menu déroulant avec plusieurs options :
- Enregistrer : enregistre et publie la page immédiatement.
- Enregistrer Et Définir Comme Brouillon : enregistre la page sans la publier. Elle reste invisible pour vos visiteurs jusqu'à ce que vous la publiez manuellement.
- Enregistrer Et Mettre En Attente : enregistre la page et la soumet pour relecture, sans la publier. Utile si un autre utilisateur doit valider le contenu avant publication.
- Enregistrer Et Définir Comme Privé : enregistre la page en la rendant visible uniquement pour les utilisateurs connectés à l'administration du site.
Dans la grande majorité des cas, vous utiliserez simplement "Enregistrer" ou le raccourci CTRL/⌘ + S.
Pour quitter l'éditeur, cliquez sur le bouton "Quitter" en haut à gauche de cette même barre. Une petite flèche vous permet de choisir où aller ensuite.
Pensez toujours à enregistrer avant de quitter.
VOTRE SITE
Modifier un contenu existant
Pour des modifications légères (corriger une faute, changer un mot), cliquez directement sur l'élément et modifiez-le en ligne. Rendez vous sur la page à modifier et cliquer toujours sur "Edit With Divi" dans le bandeau en haut de la page.
Vous basculez alors dans la partie "édition" de la page. Déplacez votre souris sur l'élément que vous souhaitez modifier et cliquez sur la "roue crantée".
Le panneau latéral correspondant aux réglages s'ouvre alors sur la droite de votre écran.
Il vous suffit de modifier et d'ensuite cliquer sur "Save/Enregistrer" en haut à droite de votre écran pour enregistrer les changements.
Le bloc "actus" en page d'accueil
Ce bloc, situé sur votre page d'accueil, n'est pas "modifiable" en termes de contenu. Il sert à "afficher" les articles que vous ajouter dans la rubrique actu. La configuration de ce bloc sert donc à définir le nombre d'actus qui s'affichent, la couleur, les typos, etc. Pour ajouter une actualité, rendez-vous ci dessous 🙂
Ajouter une actu
Pour ajouter une actualité, vous devez vous rendre dans la rubrique "articles" de votre tableau de bord.
En cliquant sur "tous les articles" vous visualisez l'ensemble des articles. Vous devez alors cliquer sur "ajouter un article".
WordPress vous proposer alors un écran avec plusieurs options. Avant de cliquer sur "Use divi builder", il vous fait paramétrer quelques éléments :
- le titre de votre article
- la catégorie dans laquelle votre article sera classé (les catégories s'affichent selon la langue configurée pour l'article). Par défaut, la catégorie sera "non classé".
- L'extrait de votre article (le petit résumé qui s'affiche dans le bloc "actus" affiché sur votre page d'accueil)
- Les paramètres de page DIVI, qui doivent être configurés comme ceci : (aucune barre latérale + masquer le titre de l'article)
Une fois ces éléments paramétrés, vous pouvez cliquer sur "Use Divi Builder" (le bouton bleu). Vous êtes alors dirigé vers cette page :
Pour plus de facilités et pour ne pas partir d'une page blanche, nous vous conseillons de TOUJOURS partir d'un article récent. Cela vous permettra de charger son contenu et de remplacer les éléments (texte + image).
=> Cliquez sur "choisir une mise en page prédéfinie"
Cliquez ensuite sur "vos pages existantes" dans l'onglet et choisissez l'article le plus récent. Il ne vous reste plus qu'à remplacer le contenu sans vous préoccuper de la mise en page !
Une fois le contenu prêt, cliquez sur le bouton "Enregistrer" en haut à droite de votre page.
modifier un bouton
Pour modifier un bouton sur votre site, lancer l'édition de la page ou de l'article avec Divi et cliquez sur le bouton que vous souhaitez modifier.
Divi vous indique via des petites bulles bleues les éléments qui sont configurés. Ici, le texte et le lien (link). Il vous suffit d'indiquer un autre texte ou. un autre lien et de cliquer sur "Enregistrer" pour valider vos changements.
Modifier un horaire de cours
Pour modifier un horaire de cours, rendez-vous sur la page du cours en question et cliquer sur "Edit with Divi" en haut de votre page. Cliquez ensuite le module contenu votre horaire et cliquez sur la roue crantée pour déployer le panneau latéral des options du module :
Il y a beaucoup d'options dans ce module mais une seule nous intéresse ici : "Table content". Cliquez sur cet onglet pour déployer son contenu.
Pour éditer du contenu, sélectionnez le contenu à éditer et cliquer sur le petit crayon.
Cliquez ensuite sur l'onglet "Colum contents" pour déployer le contenu de cet élément.
Pour revenir en arrière, cliquez sur la petite flèche "retour au parent" en haut de votre panneau latéral.
Modifier ou Ajouter un membre dans l'équipe
Pour ajouter un membre dans l'équipe, rendez-vous dans la page "Equipe et missions" et cliquez sur "Edit With Divi".
Pour modifier : cliquez sur la personne dont vous souhaitez modifier les informations, cliquez sur la "roue crantée" et rendez-vous dans le menu latéral qui s'ouvre à droite pour modifier.
Pour ajouter un.e membre, nous allons dupliquer un membre existant. Placer votre curseur sur "Ariane Lacroix" (par exemple) et sélectionnez non pas la "roue crantée" cette fois-ci, mais l'icône juste à sa droite "dupliquer".
Le même module va alors s'afficher juste en dessous. Il vous reste à modifier les infos : Nom et prénom, fonction et image.
Cliquez sur "Enregistrer" tout en haut à droite pour enregistrer vos modifications.
Modifier le formulaire de contact
Pour modifier le formulaire de contact, rendez-vous dans la page "Nous contacter" et cliquez sur "Edit With Divi". Cliquez ensuite sur votre module, cliquez sur la "roue crantée" et rendez-vous dans le menu latéral qui s'ouvre à droite pour modifier.
Vous pouvez modifier toute une série de configuration dans ce module telles que les noms des champs par exemple ou le sujet de la prise de contact :
utiliser le module de prise de rendez-vous
Votre site utilise l'extension "Simply Schedule Appointments" pour gérer la prise de rendez-vous en ligne. Grâce à cette extension, vos visiteurs réservent un créneau directement sur votre site, sans vous envoyer un message à 23h en espérant une réponse rapide. Le calendrier de réservation s'affiche sur la page de votre choix : la personne choisit un service, une date puis une heure disponible, et c'est réglé. Une confirmation part automatiquement par email, pour elle comme pour vous.
Pour configurer cette extension, cliquez sur la rubrique "Rendez-Vous" de votre tableau de bord.
C'est ici que tout se passe. Dès que vous cliquez sur "Rendez-vous" dans le menu, vous arrivez sur la liste de toutes vos réservations, triées par date. Sur cette capture, la liste est vide : c'est normal, personne n'a encore réservé (car ce module n'est pas encore utilisé à ce jour).
L'onglet "Rendez-vous" :
En cliquant sur un rendez-vous dans la liste, vous ouvrez sa fiche détaillée. C'est là que vous pouvez l'annuler (un email d'annulation part automatiquement, et vous pouvez ajouter une note), le supprimer purement et simplement pour les rendez-vous déjà passés (sans notification cette fois), ou le modifier si un détail a changé. Il existe aussi une option "Modifier en tant que client" qui ouvre les mêmes choix que ceux offerts à vos visiteurs : reprogrammer, modifier ou annuler. Pratique quand une personne vous appelle pour changer son horaire et que vous voulez faire ça à sa place. Le champ de recherche en haut permet de retrouver un rendez-vous par nom, email ou n'importe quelle info renseignée dans le formulaire.
En haut à droite, le bouton vert "Prenez rendez-vous" vous permet d'ajouter vous-même un rendez-vous à la main : pratique pour une personne qui vous appelle au téléphone au lieu de passer par le site. Juste au-dessus de la liste, le menu déroulant "Rendez-vous à venir" permet de changer la période affichée (passés, à venir, tous), et les icônes "Search", "Filtre" et "Exporter" vous aident à retrouver ou extraire une réservation précise si votre agenda venait à se remplir sérieusement.
L'onglet "Types de rendez-vous" :
C'est ici qu'on définit ce que les gens peuvent réserver chez vous. Chaque "service" a sa propre fiche avec plusieurs onglets internes. Nous avons déjà créé un "modèle" dans type de RDV. Il se nomme "inscription".
Dans "les bases", on donne un nom au service, sa durée (en minutes, heures ou jours selon le cas), une couleur pour le repérer facilement dans l'agenda et des instructions qui s'afficheront pour le bénéficiaire,au moment de réserver.
Dans "disponibilité", on définit quand ce service est réservable : des créneaux fixes ou des plages horaires disponibles, avec un intervalle entre chaque créneau (10, 15, 20, 30 ou 60 minutes). C'est un vrai planning hebdomadaire qu'on remplit ici, jour par jour.
Dans "options de planification", on affine les règles : le fuseau horaire, le temps de battement avant et après chaque rendez-vous (pour respirer entre deux RDV), le délai minimum avant de pouvoir réserver et jusqu'à combien de temps à l'avance on accepte les réservations.
Selon la version du plugin, d'autres onglets peuvent s'ajouter : "Capacity" pour limiter ou augmenter le nombre de personnes par créneau, "Payments" pour fixer un tarif et les conditions de paiement, "Customer Information" pour choisir quelles infos demander au client (obligatoires ou pas), "Notifications" pour les emails et SMS automatiques, et des intégrations comme Google Calendar, Zoom ou Mailchimp.
L'onglet "Réglages" : les paramètres généraux
Ici, on configure tout ce qui s'applique à l'ensemble du site plutôt qu'à un service en particulier. Le fuseau horaire général (pour l'affichage dans l'agenda et le calendrier de réservation), le format d'affichage des dates et heures, et le jour de départ de la semaine dans les vues mensuelles.
Un peu plus bas, on trouve les infos de contact qui apparaissent dans les communications avec vos clients : le nom de la personne responsable des rendez-vous, le nom de votre entreprise, l'email qui reçoit les notifications de réservation, et un numéro de téléphone si vous activez les alertes SMS. Il y a aussi un champ pour définir le code pays par défaut, et une option pour choisir sur quelle page du site s'affiche le module d'édition d'un rendez-vous.
"Support" et "Mettre à niveau"
Ces deux derniers onglets sont plus courts : "Support" vous emmène vers l'aide officielle de l'éditeur du plugin en cas de blocage, et "Mettre à niveau" propose de passer à une version payante si vous avez besoin de fonctionnalités avancées (paiements en ligne, SMS, intégrations diverses). Rien d'obligatoire pour un usage basique.
la gestion des langues
Votre site utilise l'extension "Polylang" pour gérer la traduction de vos contenus.
Une rubrique "Langues" apparaît dans la barre latérale. Elle contient les réglages de l'extension. Vous n'avez pas besoin d'y toucher : elle est configurée par LAHPLAB.
Des colonnes de drapeaux apparaissent dans les listes de pages et d'articles. Chaque drapeau correspond à une langue active sur votre site. Ces colonnes vous indiquent en un coup d'oeil quels contenus sont traduits et lesquels ne le sont pas encore. C'est votre tableau de bord de la culpabilité multilingue.
Un sélecteur de langue est accessible depuis la barre d'administration en haut de l'écran. Il vous permet de filtrer l'affichage du tableau de bord par langue.
Comment lire les colonnes de drapeaux ?
Votre site comprend des articles et des pages. Chacun de ses contenus peut être "traduit" en anglais. Dans la liste de vos pages ou articles, les colonnes de drapeaux fonctionnent comme suit :
Une icône crayon (ou un drapeau coloré) indique que la traduction existe pour cette langue. Cliquez dessus pour l'ouvrir directement.
Une icône "+" indique que la traduction n'existe pas encore pour cette langue. Cliquez dessus pour créer la traduction.
Comment traduire une page ou un article ?
C'est l'action que vous ferez le plus souvent. Chaque contenu de votre site doit exister en autant de versions que de langues actives. Une page créée en français ne se traduit pas automatiquement : vous devez créer sa version dans chaque autre langue. Polylang est multilingue, pas magique.
Depuis la liste des pages (ou articles), repérez la page que vous souhaitez traduire. Dans la colonne du drapeau correspondant à la langue cible, cliquez sur l'icône "+".
Une nouvelle fiche s'ouvre, pré-liée à la version originale. Cette fiche est vierge : Polylang crée le lien entre les deux versions mais ne copie pas le contenu. C'est à vous de rédiger le contenu dans la langue cible.
Pour gagner du temps, vous pouvez aussi dupliquer la page originale depuis Divi avant de créer la traduction : cela vous donne une copie complète de la mise en page que vous n'avez plus qu'à retravailler en langue cible. Pensez ensuite à bien lier les deux versions via le panneau "Langues" dans la colonne de droite. Sans ce lien, le sélecteur de langue sur le site ne saura pas faire la correspondance. Et là, c'est le chaos.
Voici ce que vous devez remplir sur cette nouvelle fiche :
Le titre : le nom de la page dans la langue cible.
Le contenu avec Divi : la page est vide côté Divi. Pour ne pas reconstruire la mise en page de zéro, activez le Divi Builder et choisissez "choisir la mise en page", dans les options de démarrage. Recherchez votre page originale dans l'onglet "vos pages existantes" et importez sa structure. Vous n'aurez plus qu'à traduire les textes dans chaque module, sans retoucher la mise en forme.
Note : certains éléments visuels comme le header (menu), le footer, et les templates de fiches produits ou d'événements sont gérés via le Theme Builder de Divi et s'appliquent automatiquement à toutes les langues. Vous n'avez pas à vous en occuper.
L'extrait (si applicable) : le résumé court de la page ou de l'article.
L'image mise en avant (si nécessaire) : en général, la même image peut être utilisée dans toutes les langues. Mais si vous souhaitez une image différente par langue, vous pouvez en assigner une spécifique ici.
Une fois votre traduction rédigée, cliquez sur "Publier" pour la mettre en ligne.
Vérifier que les versions sont bien liées
Dans la colonne de droite de la fiche, un panneau "Langues" indique les différentes versions de ce contenu et leur statut. Vérifiez que chaque version pointe bien vers les autres : c'est ce qui permet au sélecteur de langue côté visiteur de fonctionner correctement.
Si une version n'est pas liée, cliquez sur le menu déroulant correspondant et sélectionnez la page existante dans cette langue pour établir le lien manuellement.
Modifier une traduction existante
Depuis la liste des pages, cliquez sur l'icône crayon (ou le drapeau coloré) dans la colonne de la langue souhaitée. Vous ouvrez directement la version dans cette langue. Modifiez ce dont vous avez besoin et cliquez sur "Mettre à jour".
Les chaînes de traduction : ce que LAHPLAB gère pour vous
En dehors du contenu de vos pages et articles, votre site contient des textes fixes qui ne font pas partie d'une page à proprement parler : les libellés de formulaires, les messages d'erreur, les textes du footer, les éléments du thème Divi...
Ces textes sont appelés chaînes de traduction et se gèrent dans Langues > Traduction des chaînes dans le tableau de bord. C'est une interface technique qui liste tous les textes statiques du site et leurs traductions. Fascinant, mais pas pour vous.
Cette section est gérée par LAHPLAB lors de la mise en place du site multilingue. Vous n'avez pas besoin d'y accéder.
Si vous constatez qu'un texte fixe sur votre site n'est pas traduit, signalez-le nous et nous nous en chargeons.
Modifier le footer (FR et en)
Le footer de votre site est géré via le "Thème builder" de Divi. Pour apporter des changements, rendez-vous dans la rubrique "Divi-Thème builder" de votre tableau de bord :
Vous voyez alors les 2 footers configurés pour votre site internet :
- le footer en FR (en vert)
- le footer en EN (en noir, appliqué sur les pages EN)
Pour effectuer un changement sur un de ces footers, vous devez tout d'abord cliquer sur le "crayon" qui vous permet de lancer le "divi builder".
Le footer s'affiche alors en mode front end et fonctionne exactement comme n'importe quelle autre section de page : vous cliquez sur la roue crantée d'un module pour en modifier le contenu.
Pour sauvegarder vos modifications, cliquez sur "Enregistrer" en haut à droite de votre page.
Attention : toute modification du footer s'applique à l'ensemble des pages de votre site. Ce n'est pas le moment de tester des choses en live. En cas de doute, contactez-nous avant d'intervenir.
Les questions que nous comprenons que vous vous posiez
J'ai créé une page mais elle n'apparaît pas sur le site dans une des langues. Pourquoi ?
Vérifiez deux choses : d'abord que la traduction de cette page dans la langue concernée est bien publiée (et non en brouillon). Ensuite, vérifiez dans le panneau "Langues" de la fiche que les versions sont bien liées entre elles. Si tout semble correct, contactez-nous.
Le sélecteur de langue sur le site pointe vers une mauvaise page. Comment corriger ça ?
C'est un problème de liaison entre les versions. Ouvrez la fiche de la page concernée, allez dans le panneau "Langues" dans la colonne de droite et vérifiez que chaque langue pointe bien vers la bonne version. Corrigez le lien si nécessaire via le menu déroulant.
J'ai modifié une page en français mais la version néerlandaise n'a pas été mise à jour automatiquement. Est-ce normal ?
Oui, c'est tout à fait normal. Polylang ne traduit pas automatiquement votre contenu : chaque version linguistique doit être mise à jour manuellement. Quand vous modifiez une page, pensez à ouvrir sa traduction et à y appliquer les mêmes changements. Google Translate non plus ne le fait pas automatiquement, d'ailleurs.
Une image ne s'affiche pas quand je modifie une page traduite. Pourquoi ?
L'image est probablement associée à une langue spécifique dans la bibliothèque des médias. Vérifiez dans la bibliothèque que l'image n'est pas restreinte à une autre langue. Si c'est le cas, changez sa langue en "Toutes les langues" ou contactez-nous.
J'ai ajouté une page au menu français mais elle n'apparaît pas dans le menu néerlandais. Est-ce normal ?
Oui, c'est normal. Chaque langue a son propre menu. Vous devez ajouter la version néerlandaise de la page dans le menu néerlandais manuellement, via Apparence > Menus. Deux menus, deux opérations. C'est le prix du multilingue.
Un texte sur mon site n'est pas traduit (un bouton, un label...). Que faire ?
Ce type de texte fixe est géré dans les chaînes de traduction, une interface technique gérée par LAHPLAB. Signalez-nous le texte non traduit et nous nous en chargeons.
Puis-je avoir des contenus qui n'existent que dans une seule langue ?
Oui. Une page ou un article peut très bien n'exister qu'en français, sans traduction néerlandaise. Dans ce cas, le contenu n'apparaîtra pas pour les visiteurs qui naviguent en néerlandais. C'est parfois voulu (une actualité publiée uniquement en français par exemple), mais veillez à ce que ce soit intentionnel et non pas un oubli.
D'autres ressources utiles
Protégé : Tutoriel Gams Lu
Protégé Par Mot De Passe
Pour voir cet article protégé, saisissez le mot de passe ci-dessous:
Protégé : Tutoriel R4R
Protégé Par Mot De Passe
Pour voir cet article protégé, saisissez le mot de passe ci-dessous:
Comprendre et utiliser Polylang
Comment naviguer entre les langues dans votre administration, traduire vos pages et articles au quotidien, et gérer vos menus multilingues avec Polylang pour WordPress.
