Dans l'interface, le nom technique du type de page faisant apparaitre sur le site chaque album dans lequel sont intégrées l'ensemble des photos qui lui sont propres s'appelle un "projet". Chaque projet est indexé selon la ou les catégories qui le caractérisent et cet indexage permet qu'il apparaisse de façon pertinente au sein du site selon la nature (Historique ou Bâtiment par exemple) ou le type d'action que l'album implique (Ateliers permanents ou FCP par exemple).
.
1/ Se connecter sur l’interface du site
Cliquer sur ce lien : https://aime-emploi-formation.org/wp-admin/
Une fenêtre de dialogue apparait, entrer les informations demandées :
- Identifiant
- Mot de passe
Vous entrez alors dans le « Tableau de bord » WordPress du site AIME.
Pour basculer sur le site tel qu’il apparait au visiteur, cliquer dans la barre noire en haut de page, sur le petit picto représentant une maison à gauche avec AIME inscrit à côté. Pour revenir sur le tableau de bord, cliquer au même endroit (le petit picto est un cadrant au lieu d’une maison).
.
2/ Créer un nouveau projet
Dans la barre noire qui se situe en haut de l’interface, en passant la souris sur « + Créer », un sous-menu apparait, cliquer sur « Projet ». Une toute nouvelle page de projet apparait.
Dans le premier espace de saisie, indiquer le titre que vous souhaitez donner à l’album photo. C’est ce titre qui apparaitra, entre autres, en dessous de la vignette sur la page « Photos » ou sur les pages d’actions concernées.
Cliquer, juste en dessous, sur le bouton violet « Utiliser Divi Builder ». Cela fait apparaitre un interface spécifique qui permet de construire plus efficacement le contenu du site Internet.
Divi propose alors 3 solutions de construction de page, choisir « Cloner une page existante ». Choisir le modèle qui s’apparente le plus au nouveau projet à réaliser, puis cliquer sur le bouton bleu « Use this Layout ».
Changer le contenu des textes et photos pour l’adapter au nouveau projet.
Changer si besoin le texte en jaune qui indique la catégorie à laquelle appartient le nouvelle album (exemples : Historique, Bâtiments, Ateliers permanents ou Formation Compétence Premières).
Modifier le texte en bleu en indiquant le titre du nouvel album.
Supprimer les photos présentes et les remplacer par les nouvelles photos du projet : cliquer sur le picto « roue crantée » du cartouche gris du module galerie. Cliquer sur le picto « poubelle » de chaque image, puis sur « + » pour en télécharger de nouvelles depuis votre ordinateur.
Assurez-vous de respecter au préalable les indications mentionnées dans le tuto « Optimiser les photos pour le site ».
Une fois ces modifications terminées, cliquer sur le bouton vert en bas à droite de la fenêtre contextuelle.
A tout moment, vous pouvez cliquer sur le bouton bleu « Enregistrer le brouillon » en bas à droite de la page pour sauvegarder vos modifications puis sur le bouton vert « Publier » lorsque votre projet est prêt à être mis en ligne.
.
3/ Indiquer les catégories
Pour ouvrir le module « Catégories de projet » cliquer sur le picto « roue crantée » dans le menu violet situé en bas de page.
Dans l’onglet « Projet », vous pouvez renseigner les catégories souhaitées en lien avec le contenu de l’album en cochant chaque petit carré correspondant aux catégories utiles.
.
4/ Publier et mettre à jour le projet
Tant que le projet est en mode « Brouillon », il n’est pas visible de l’extérieur. Pour publier le projet, lorsqu’il est prêt, cliquer sur le bouton vert « Publier » en bas de page à droite. Le nouvel album est alors mis en ligne et devient visible de l’extérieur, pour les visiteurs du site.
Si le projet est ensuite modifié, cliquer en bas à droite de la page sur le bouton vert « Sauvegarder »pour mettre en ligne les modifications apportées.
.
5/ Image mise en avant
Pour ajouter le visuel qui sera visible en vignette de présentation du chantier sur les pages Photos ou sur les pages Actions, cliquer dans la barre noire en haut de page sur « Edition d’un projet ».
Dans la colonne à droite de l’interface, cliquer sur l’onglet « Image mise en avant », sur « Définir l’image mise en avant » puis sur « Médiathèque ».
Sélectionner une image dans la médiathèque qui regroupe tous les visuels déjà chargés dans la banque d’image du site. Choisir la photo la plus représentative de l’album et de préférence une photo en format paysage. Noter, si besoin, qu’il est aussi possible à partir de cette fenêtre de dialogue de charger une nouvelle image à partir des fichiers qui se trouvent sur votre ordinateur.
Une fois choisie l’image dans la médiathèque, cliquer sur le bouton bleu « Mettre à jour » en haut à droite de la page pour sauvegarder puis sur le bouton violet « Modifier avec le Divi Builder » pour revenir à l’interface Divi qui permet la visualisation de la page.
.
6/ Gérer l’ensemble des projets publiés
Le menu dans la marge noire sur la gauche de la page d’interface fait apparaitre la section « Projets » à partir de laquelle, en cliquant sur « Tous Les Projects », on peut en un coup d’oeil, visualiser l’ensemble des projets et les catégories choisis pour chaque projet, et y exécuter éventuellement des modifications rapides. On peut aussi entrer dans l’interface d’un projet en cliquant sur son nom ou sur « Editer avec Divi ».
A partir de ce menu, il est aussi possible d’intervenir sur les listes complètes des catégories.
