Gérer des images avec NextGen

Transcription

1 Gérer des images avec NextGen p o u r v o t r e s i t e Wo r d p r e s s par Henri de Prestations-Web Ce guide a été réalisé par Henri du site henri-de-prestations-web.fr avec la version 4.1 de Wordpress. Il vous est offert et est soumis à une licence CC. Il est mis à disposition selon les termes de la licence Creative Commons Attribution - Pas d Utilisation Commerciale - Partage dans les Mêmes Conditions 4.0 International. Les autorisations au-delà du champ de cette licence peuvent être obtenues à

2 NextGen est une extension (ou plugin) pour le système de gestion de contenus web Wordpress. Comment utiliser l'extension NextGen pour mon site? Pour que votre site puisse utiliser NextGen, il faut au préalable que l'extension soit installée puis activée. Pour cela, je vous propose 2 méthodes : METHODE 1.. Pour installer l'extension : > Connectez-vous au back-office de votre site (aussi appelé le Tableau de Bord Wordpress) : adresse-de-votre-site/wp-admin. > Allez sur le menu Extensions > sous-menu Ajouter > Cliquez sur le champ de recherche pour Chercher parmi les extensions. > Saisissez NextGen, et validez (touche Entrée) > Repérez-la dans les résultats, puis cliquez sur Installer maintenant. Pour activer l'extension : > Rendez-vous sur la page qui liste les extensions installées sur votre site : menu Extensions > sous-menu Extensions installées. > Dans la ligne de NextGen Gallery.., cliquez sur le lien bleu Activer...ou bien la METHODE 2 Pour installer l'extension : > Allez sur : > Cliquez sur le bouton Download.. pour la télécharger sur le disque dur de votre ordinateur. Repérez l'emplacement de votre ordinateur sur lequel a été téléchargé le dossier de l'extension. > Connectez-vous au back-office de votre site (aussi appelé le Tableau de Bord Wordpress) : adresse-de-votre-site/wp-admin. > Allez sur le menu Extensions > sous-menu Ajouter

3 > Cliquez sur Mettre une extension en ligne, en haut de l'écran. > Ensuite cliquez sur Choississez un fichier puis sur Installer Maintenant. Pour l'activer : Idem que pour la Méthode 1. Voilà, désormais l'extension NextGen est prête à être utilisée! Comment ajouter une galerie d'images sur mon site avec NextGen? Création d'une gallerie > Toujours identifié dans Wordpress, rendez-vous sur la page d'édition de votre publication concernée par l'ajout de l'image (page, article ou autre..). Dans la barre de fomatage de l'éditeur de contenu, vous devez voir le carré vert de l'icone de NextGen (assure-vous que l'onglet Visuel soit sélectionné, pas Texte). Remarque en survolant le carré vert NextGen, l'indication Attach NextGen gallery to post apparaît. > Pointez avec la souris à l'endroit où vous voulez insérer la galerie d'images. > Cliquez donc sur l'icone NextGen (le carré vert) Une fenêtre s'affiche. > Cliquez sur le 2ème onglet : Ajouter une Galerie / des Images. le 2ème onglet > Dans la partie Télécharger des Images, à côté de Gallerie sélectionnez Créer une nouvelle gallerie. > Puis cliquez dans le champ en regard, et saisissez un nom pour la galerie d'images que vous allez créer (par exemple galerie-test) > Enfin, cliquez sur le bouton Ajouter des Fichiers pour ajouter les images (on présume que celles-ci sont présentes sur le disque dur de votre ordinateur). > Sélectionnez-donc les fichiers-images puis validez. La file d'attente des fichiers à

4 envoyer s'affiche. Cliquez sur Démarrer l'envoi. Les images se chargent alors dans votre galerie (la gallerie-test pour nous). Si jamais une image ne s'est pas chargée correctement, suivez la procédure suivante. Sinon passez au paragraphe Insertion de la gallerie. Procédure en cas de souci de chargement d'images Si une ou plusieurs images ne se sont pas bien chargées dans la galerie : 1/ > Cliquez sur le 3ème onglet : Gestion des Galeries > Trouvez la gallerie concernée (celle que vous venez de créer) et sélectionnez-la, en cliquant sur son nom. La page de la gallerie s'affiche avec les images qui la composent. Repérez bien la ou les images qui n'apparaissent pas dans la liste des images de la galerie. 2/ Retournez alors dans le 2ème onglet : Ajouter une Galerie / des Images. > Dans la partie Télécharger des Images, à côté de Gallerie, sélectionnez la gallerie en question. > Puis cliquez sur le bouton Ajouter des Fichiers, et trouver l'image à recharger. > Enfin cliquez sur Démarrer l'envoi. La ou les images se chargent automatiquement. Un message de confimation apparaît alors. Insertion de la gallerie A ce stade, vous devez avoir une gallerie fin prête à être intégrée dans une de vos publications. > Cliquez sur le 1er onglet : Afficher les galleries. > Dans la partie Choisir un type d'affichage, sélectionnez Vignettes de base... > Dans la partie Que voulez-vous afficher?, laissez par défaut Galleries pour le champ Sources, et sélectionnez la gallerie à insérer, en cliquant dans le champ vide, en regard de Galleries.

5 > Dans la partie Personnaliser les paramètres d'affichage, pour le champ Images par page, sélectionnez le nombres d'images contenues dans votre gallerie. > Cochez Non pour le champ Montrer le lien vers le diaporama. > Cliquez enfin sur Sauvegarder pour insérer la gallerie dans votre publication. Comment mettre une image à la Une avec NextGen? Pour mettre une image à la Une avec NextGen, il faut que l'image que vous souhaitez mettre à la Une soit contenue dans une gallerie NextGen. Si ce n'est pas le cas, relisez la partie Création d'une gallerie du paragraphe précédent Comment ajouter une galerie d'images sur mon site avec NextGen, Si c'est le cas : > Il suffit de vous rendre sur la page d'édition de votre publication. > Tout en bas à droite de l'écran, dans le module Image à la Une, cliquez sur le lien Mettre une image NextGEN à la Une. La fenêtre NextGen s'affiche alors. > Dans le champ Pas de gallerie, sélectionnez la galerie contenant l'image que vous voulez mettre à la Une. Puis cliquez sur le bouton Choisir. La liste des images de la gallerie choisie se charge. > Sur la ligne de l'image voulue, cliquez sur le lien Montrer, à droite. Si vous ne voyez pas l'image souhaitée, n'oubliez pas d'explorer les éventuelles autres pages de la liste. > Une fois l'image affichée, cliquez sur le lien Utiliser comme image à la Une. > Attendez que l'image se charge dans le module de la page principale. > Quand c'est fait, vous pouvez fermer la fenêtre NextGen. > Il ne reste plus qu'à Publier (ou Mettre à jour) votre publication.

6 Je souhaite que ce petit guide vous soit d'une certaine utilité, pour mener à bien vos projets web. Bien cordialement, Henri de Prestations-Web Ce guide vous a été offert par Henri du site Vous pouvez le partager en mentionnant toutefois son auteur.