Fiche n 4 Les galeries NextGen Sommaire 1-Préparer les images avant de les «téléverser» sur le blog...1 1.1-Préparer le blog pour la gestion des images...3 1.2-Ajouter une galerie/des images...4 1.3-Gérer les galeries...5 2-Mettre les images à disposition sur le blog...6 2.1-Insérer la galerie dans un article/une page...6 2.2-Gérer les albums...9 2.3-Gérer les widgets...10 http://blogs.lyceecfadumene.fr/informatique
Fiche n 4 Les galeries NextGen NextGen est une extension de Wordpress qui permet de gérer des galeries avec beaucoup d'images. 1- Préparer les images avant de les «téléverser» sur le blog 1- Redimensionner les images afin de limiter la et afficher les photos comme ci-dessous. On peut place qu'elles prendront sur votre espace. aussi utiliser Paint.NET ou The Gimp. L'avantage Pour visualiser les propriétés des images que de Xnview, c'est qu'il peut traiter plusieurs vous souhaitez utiliser, ouvrir le logiciel Xnview images d'un seul coup. Les trois dernières images ont des dimensions importants pour être incorporer au blog (2016x1512 px, 16 millions de couleurs) et des directement. Il faut les redimensionner. poids (770,35 ko, 793,70 ko et 877,21 ko) trop Page 1/10 - http://blogs.lyceecfadumene.fr/informatique
1 1- Sélectionner les images à redimensionner puis faire clic droit «Convertir» Onglet «Général» Onglet «Transformations» Les images sélectionnées apparaîssent ici 3 2 2- Choisir la cible du redimensionnement : 3- Choisir la transformation : - Renommer (garde l'original et créé une - Cliquer sur redimensionner copie redimensionnée) - Cliquer sur «Ajouter» - Remplacer (supprime l'original et le - Choisir la largeur et cliquer sur «Garder les remplace par la copie redimensionnée) proportions» et sur «Respecter l'orientation - Choisir le format : jpg inverser» - Cliquer sur «Lancer» Page 2/10 - http://blogs.lyceecfadumene.fr/informatique
2- Préparer une archive zip contenant les images que vous souhaitez ajouter à une galerie du site. - Faire un clic droit sur le dossier à compresser (ou passer par le menu «fichier» - Choisir «7-Zip» puis «Ajouter à nom_du_dossier.zip» - le logiciel crée L'archive contenant les l'archive (il existe images retravaillées est d'autres logiciels prête à être transférée pour faire ce travail : sur votre blog. Izarc, Winrar, Winzip...) 1.1- Préparer le blog pour la gestion des images Page 3/10 - http://blogs.lyceecfadumene.fr/informatique
1.2- Ajouter une galerie/des images Menu «Galerie > Ajouter une galerie/des images» Avant de créer la galerie, il faut avoir préparé une archive (.zip) contenant les images. 1 2 1- Saisir un nom pour la galerie 2- Cliquer sur «Add Files» (on peut ajouter des images ou un ensemble d'images sous la forme d'une archive zip. 3- Sélectionner les fichiers dans le poste de travail. 4- Cliquer sur «Start Upload» pour lancer le téléversement des images. 3 4 Un message vous indique que tout s'est bien déroulé. On peut aussi envoyer des images pour compléter une galerie existante. Il suffit de la sélectionner dans la liste déroulante «Créer une nouvelle galerie». Page 4/10 - http://blogs.lyceecfadumene.fr/informatique
1.3- Gérer les galeries Menu «Galerie > Gestion des galeries» Cliquer sur la galerie que vous souhaitez paramétrée. 1 2 3 Page 5/10 - http://blogs.lyceecfadumene.fr/informatique
1- Cliquer sur «Ajouter une page», pour créer lier la galerie à une page existante. une nouvelle page sur le blog sur laquelle les 2- Remplir les descriptions de la galerie et des images seront présentées à vos visiteurs. On images peut gérer l'arborescence des pages dans la liste 3- Cliquer sur «Sauvegarder les modifications» déroulante au dessus du bouton. On peut aussi pour sauvegarder vos réglages. 2- Mettre les images à disposition sur le blog Il existe plusieurs façons de mettre les galeries en lignes : en créant une page pour la galerie (voir le point précédent) en insérant la galerie dans un article en utilisant un album en utilisant un widget. 2.1- Insérer la galerie dans un article/une page Page 6/10 - http://blogs.lyceecfadumene.fr/informatique
Page 7/10 - http://blogs.lyceecfadumene.fr/informatique
«Choisir un type d'affichage» : choisir comment la galerie sera présentée dans l'article ou la page. «Que voulez-vous afficher?» : choisir les images à présenter (une galerie, un album, une image) «Personnaliser les paramètres d'affichage» : paramétrer l'affichage (nombre d'images par page, nombre de colonnes de la galerie, etc. Page 8/10 - http://blogs.lyceecfadumene.fr/informatique
«Trier ou exclure des images» : choisir le tri des images (par date, par nom, par ID) et éventuellement exclure des images de l'affichage de la galerie. La galerie est insérée dans l'article ou la page. Pour la modifier, il suffit de cliquer dessus. Aperçu du résultat sur le blog. 2.2- Gérer les albums Menu «Galerie > Gestion des albums» Un album est constitué de galeries et éventuellement de sous-albums. On peut ainsi constituer une véritable arborescence dans les galeries. Page 9/10 - http://blogs.lyceecfadumene.fr/informatique
Choisir un album existant ou ajouter un nouvel album en saisissant son nom puis en cliquant sur Ajouter. En bleu, les galeries, en rouge les albums. On peut déplacer les galeries par un 2.3- Gérer les widgets simple cliquer-glisser. Il existe différentes façons d'utiliser les images, les galeries et les albums dans la partie Widgets. Page 10/10 - http://blogs.lyceecfadumene.fr/informatique