intégrer les images sur le site
DESCRIPTION
Utilisation du module nextgen galerieTRANSCRIPT
![Page 1: intégrer les images sur le site](https://reader034.vdocuments.pub/reader034/viewer/2022042719/568c33c11a28ab02358de422/html5/thumbnails/1.jpg)
1
[VandB.fr]
Gestion des galeries photos sur le site
![Page 2: intégrer les images sur le site](https://reader034.vdocuments.pub/reader034/viewer/2022042719/568c33c11a28ab02358de422/html5/thumbnails/2.jpg)
2
Introduction aux galeries photos
● La page magasin vous permet de publier autant de photos que vous le désirez. Celles-ci sont organisées par « dossiers » appelés « galeries ».
● Ces même galeries peuvent appartenir à un « album » qui rassemble autant de galeries que nécessaire.
● Dans la page magasin (bas de la page), vos photos sont intégrées automatiquement via votre album,
– Ajouter une galerie à votre album l'insère automatiquement dans ce pied de page.
– Chaque série de photos doit donc être intégrée en tant que « galerie »,
– Chaque galerie doit être rattachée à votre « album ».
![Page 3: intégrer les images sur le site](https://reader034.vdocuments.pub/reader034/viewer/2022042719/568c33c11a28ab02358de422/html5/thumbnails/3.jpg)
3
Ajouter des images
● ATTENTION, n'oubliez pas d'optimiser vos images avant des les envoyer sur le site. Sur internet, rien ne sert d'avoir des images en haute définition, l'affichage écran reste à 72 dpi et nous prendrons pour taille de référence les dimensions suivantes :
● 800 pixels de large max● 600 pixels de hauteur max
● Référerez au guide « Recadrage image » au besoin.
● Une fois vos images « optimisées » créez un fichier compressé :
● Sélectionner les images● Clic droit > envoyer vers > dossier compressé● Renommez ce fichier de manière équivoque en intégrant le nom de
votre magasin et une indication de date :– Ex: rennes_stpatrick_09
→ Ensuite, connectez-vous à l'administration du site.
![Page 4: intégrer les images sur le site](https://reader034.vdocuments.pub/reader034/viewer/2022042719/568c33c11a28ab02358de422/html5/thumbnails/4.jpg)
4
Accéder aux galeries
Depuis le tableau de bord, cliquez sur « Galerie » pour développer le menu et sélectionnez « ajoutez une galerie / des images »
![Page 5: intégrer les images sur le site](https://reader034.vdocuments.pub/reader034/viewer/2022042719/568c33c11a28ab02358de422/html5/thumbnails/5.jpg)
5
Charger les images
Pour insérer des images :
Sélectionnez ensuite « télécharger un fichier zip »
ou
Pour créer une nouvelle galerie, saisissez son nom.
![Page 6: intégrer les images sur le site](https://reader034.vdocuments.pub/reader034/viewer/2022042719/568c33c11a28ab02358de422/html5/thumbnails/6.jpg)
6
Charger les images
Cliquez sur « parcourir » pour retrouver le fichier que vous souhaitez charger sur le site.
Sélectionnez la galerie de destination si celle-ci existe déjà, sinon, créer une nouvelle galerie à partir de ce fichier.
![Page 7: intégrer les images sur le site](https://reader034.vdocuments.pub/reader034/viewer/2022042719/568c33c11a28ab02358de422/html5/thumbnails/7.jpg)
7
Chargement des images
Résultat du chargement
Passez ensuite au menu « gérer les galeries » pour ajuster le tout...
![Page 8: intégrer les images sur le site](https://reader034.vdocuments.pub/reader034/viewer/2022042719/568c33c11a28ab02358de422/html5/thumbnails/8.jpg)
8
Gérer la galerie
Sélectionnez la galerie
(exemple)
![Page 9: intégrer les images sur le site](https://reader034.vdocuments.pub/reader034/viewer/2022042719/568c33c11a28ab02358de422/html5/thumbnails/9.jpg)
9
Gestion de la galerie
Inutile de toucher à la partie haute
Nous allons dérouler pour affiner l'affichage des images (optionnel)
![Page 10: intégrer les images sur le site](https://reader034.vdocuments.pub/reader034/viewer/2022042719/568c33c11a28ab02358de422/html5/thumbnails/10.jpg)
10
Gérer les informations
Ici vous pouvez (ce n'est pas obligatoire ) affiner en insérant un titre à l'image en vue de la décrire.
Ce petit texte s'affichera au-dessus, quand la description viendra en dessous.
Eviter les descriptions sur la galerie qui affiche les images du magasin dans la partie haute du site.
Par contre, pour commenter les photos de soirées, ça reste intéressant.
![Page 11: intégrer les images sur le site](https://reader034.vdocuments.pub/reader034/viewer/2022042719/568c33c11a28ab02358de422/html5/thumbnails/11.jpg)
11
Gérer les informations
Une fois enregistrées, la galerie est automatiquement mise à jour.
Le titre s'affiche au-dessus de l'image, d'où l'importance de bien nommer les images.
![Page 12: intégrer les images sur le site](https://reader034.vdocuments.pub/reader034/viewer/2022042719/568c33c11a28ab02358de422/html5/thumbnails/12.jpg)
12
Supprimer une image
Il est possible d'exclure une photo en cochant simplement l'option, action temporaire (case à droite de l'écran)
Ou d'effacer l'image en cochant la case à gauche de l'image et sélectionnant « Effacer les images » dans le menu déroulant.
![Page 13: intégrer les images sur le site](https://reader034.vdocuments.pub/reader034/viewer/2022042719/568c33c11a28ab02358de422/html5/thumbnails/13.jpg)
13
Notes
● Pour ajouter des images à une galerie existante, il suffit de répéter l'opération.
● Courage c'est au final assez simple (vous verrez), même si cela peut paraître complexe au premier contact (j'admets...), mais sans cette gestion, point de salut ;-)
![Page 14: intégrer les images sur le site](https://reader034.vdocuments.pub/reader034/viewer/2022042719/568c33c11a28ab02358de422/html5/thumbnails/14.jpg)
14
Publier des photos dans un article
● Il vous est également possible d'insérer des photos, des galeries ou votre album dans un article.
● Pour cela, vous devez préalablement créer la galerie rassemblant les photos et suivre les étapes suivantes (voir pages suivantes).● Vous avez donc le choix, mais pour mettre en avant des photos, la
combinaison des deux est intéressante :
● L'article pour mettre en avant de façon temporaire la galerie,● L'album pour capitaliser dans le temps.