skip to Main Content

Comment créer une galerie photo avec le plugin NextGen Gallery

Divi : le thème WordPress le plus facile à utiliser

Divi : Le meilleur thème WordPress de tous les temps !

Avec plus de 600.000 téléchargements, Divi est le thème WordPress le plus populaire au monde. Il est complet, facile à utiliser et livré avec plus de 62 templates gratuits. [ Recommandé ]

Si vous souhaitez présenter des images regroupées dans un même emplacement, la meilleure solution est d’utiliser une galerie photo. Nous vous avons déjà présenté le plugin Envira qui permet d’ajouter une galerie photo sur WordPress, mais aujourd’hui nous vous présenterons un autre qui a récemment été mis à jour, et qui propose également des fonctionnalités intéressantes: NextGen Gallery

 

Comment Installer et utiliser NextGen Gallery

NextGen Gallery est un plugin WordPress gratuit, que vous pouvez trouver dans le répertoire de plugins de WordPress. Vous pouvez en outre l’installer depuis votre blog à partir de la section des extensions. Tapez « NextGen Gallery », et vous verrez le plugin dans les résultats retournés. 

Installez et activez ensuite le plugin, ce qui ajoutera un menu sur la gauche comme sur l’image ci-dessous.

next-gen-gallery-plugin-wordpress

En survolant le lien « Gallery », vous verrez de nouveaux liens disponibles.

Comment créer une galerie

Pour créer une galerie, cliquez sur le lien « Add Gallery / Images » dans le sous-menu du lien « Gallery » (emplacement « Gallery >> Add Gallery/Images»).

Une fois sur la nouvelle page, assurez-vous que l’option sélectionnée est « Create a new gallery » (sur l’image suivante c’est le champ indexé par la flèche noire), entrez le nom de la galerie sur le champ vide (flèche bleu);

Ensuite cliquez sur « Ajouter des fichiers » pour ajouter vos différents fichiers images (flèche orange), lorsque vous avez terminé, cliquez sur « Démarrer l’envoi » (flèche verte).

Créez Facilement votre site Web avec Elementor

Elementor vous permet de créer facilement n'importe quel design de site Web avec un look professionnel. Arrêtez de payer cher pour ce que vous pouvez faire vous-même. [ Gratuit ]

Vous pouvez également ajouter des images, ou des fichiers compressés contenant des images (.zip) par glisser-déposer, c’est-à-dire en déplaçant les images vers l’emplacement « Drag Image and Zip files or click Add Files ».

Lorsque vous cliquerez sur démarrer l’envoi, les différentes images que vous avez ajouté seront envoyées. Sur le menu latéral gauche, cliquez sur le lien « Gallery >> Manage Galleries », pour gérer la galerie qui vient d’être créée.

next-gen-gallery-ajouter-une-gallerie-image

Sur cette page, vous pourrez voir les différentes galeries disponibles. Cliquez sur le nom de la galerie pour la modifier. 

Sur cette nouvelle page, vous pouvez modifier le nom de la galerie (Title), la description (description), le chemin vers la galerie (NE PAS MODIFIER), l’option d’attachement à une page (nous en reparlerons plus tard), l’image qui sert d’aperçu à la galerie, et une option pour créer une nouvelle page.

Ce que nous ferons dans ce tutoriel, c’est de créer une nouvelle page, et non d’utiliser une déjà existante. L’option « Link to page » (attacher à une page) ne sera pas utilisée, nous utiliserons plutôt l’option « Create new page » en définissant si oui ou non cette page sera une sous-page d’une autre déjà existante.

Cherchez-vous les meilleurs thèmes et plugins WordPress ?

Téléchargez les meilleurs plugins et thèmes WordPress sur Envato et créez facilement votre site web. Déjà plus de 49.720.000 de téléchargements. [EXCLUSIF]

modifier-une-galerie-avec-nextGen-gallery

Cliquez sur « Save Changes » pour enregistrer ces modifications.

Un peu plus bas sur la même page, vous pouvez voir les images disponibles sur cette galerie. Vous pouvez notamment, supprimer ces images, les déplacer, ajouter un watermark #tutoriel, ajouter des mots-clés, supprimer des mots clés, ajouter un titre, une description etc.

Vous pouvez désormais accéder à la page contenant la galerie. Dans ce tutoriel, cette page se nomme « nouvelle galerie ». Sur cette page, vous pourrez voir les images de la galerie.

aperçu-de-la-gallerie-en-action-nextGen-gallery

En cliquant sur une image, elle s’agrandira. Vous pouvez utiliser les touches directionnelles de votre clavier pour naviguer entre les images.

Pour voir le slideshow (défilement automatique de toutes les images, un peu comme un diaporama), cliquez sur [show slideshow]

aperçu-de-option-zoom

NextGen gallery est également disponible en version premium, cette version ajoutera 6 nouvelles présentations d’images en mode agrandissement, 5 nouvelles lightbox, et une assistance.

Créez Facilement votre Boutique en ligne

Téléchargez gratuitement WooCommerce, le meilleurs plugins e-commerce pour vendre vos produits physiques et numériques sur WordPress. [Recommandé]

Ce que nous avons aimé :

  • Simplicité du plugin (vous pourrez créer votre galerie en 5 minutes maximum).
  • Lighbox (lorsque l’on clique sur une image, la fenêtre qui s’affiche nous a impressionnée).
  • Intégration aux thèmes (sur ce tutoriel, nous l’avons expérimenté sur le thème « Twenty Twelve », et il s’affiche très bien).

Ce que nous n’avons pas aimé :

  • Le plugin est partiellement en anglais.
  • L’option « Link to a page » ne fonctionne pas correctement, vous pourrez attacher une page, mais celle-ci n’affichera pas la galerie photo.
  • Le fait qu’il soit imposé de cliquer sur [show slideshow] pour voir un slideshow, nous a dérangé car cela implique qu’il faut aller sur une autre page.

Conclusion :

Alors que Envira propose plus de fonctionnalités, avec ce plugin vous pourrez facilement créer des galeries photos sans prise de têtes. Nous espérons donc que ce tutoriel vous aidera à créer des galeries photos sur votre blog.

N’hésitez pas à nous donner votre avis, ou à partager l’article.

Cet article comporte 15 commentaires
  1. Bonsoir,

    J’ai utilisé le plugin NextGenGallery.

    Le problème est que je ne parviens pas à centrer ma diapo dans mon article de mon blog WordPress.

    Voici le code que j’ai écrit dans la page (version) texte de mon article :

    [cycloneslider id= »fuits-cinema-mouches »]

    Je dois reconnaître que le code et moi ce n’est pas le grand amour !

    Pourriez-vous me dire ce qui cloche dans mon code ?

    Merci pour votre aide !

    nb ; si vous pouvez publier une réponse sur ce site, ça m’arrangerait !

    CDT

    Nadège

    1. Petit rectificatif suite à mon précédent message…

      Suite à mon dernier message, le code HTML que j’ai écrit est :

      [cycloneslider id= »fuits-legumes-moches »]

      J’expliquais avoir eu du mal à intégrer mon diaporama dans mon article WordPress

      J’ai utilisé le plugin NextGENgallery.

      MERCI POUR VOTRE AIDE !!!!

      CDT

      Nadège

    2. Bonjour Nadège,
      alors, premièrement votre shortcode n’indique aucune valeur qui puisse centrer le contenu qui est généré. Vous pouvez essayer d’utiliser le bouton « centré » de l’éditeur visuel pour voir si cela peut corriger le problème. Dans le cas contraire, vous aurez probablement besoin d’ajouter un style CSS personnaliser pour faire le travail.

  2. Bonsoir,

    Je m’occupe d’un site pour photographes amateurs.
    Je vous rejoins pour vous exposer un aléa qui est survenu alors que tout se passait bien.
    Avec WordPress, j’utilise NextGEN Gallery.
    Je crée une galerie à chaque adhérent pour qu’il puisse exposer ses photos.
    Cela fonctionnait bien et subitement, lorsque maintenant je créé une galerie, je peux inscrire le nom de la galerie, je clique ensuite sur « Ajouter des fichiers », les noms des images choisies apparaissent dans l’espace prévu et lorsque je clique sur « Démarrer l’envoi » aucune image ne se télécharge.
    Il est bien inscrit « Aucune image n’a été téléchargée »
    Pourriez vous me conseiller ? Merci

  3. Bonsoir Hervé,
    Oui j’avais essayer mais ça n’avait pas résolu mon problème. Finalement en rajoutant mon lien pour revenir à la page parent ça marche bien. Il ne me reste plus qu’a bosser pour compléter mes galeries.
    Merci pour votre assistance,

    Bon weekend

    1. Bonsoir,
      Dommage que nous n’ayons pas pu résoudre votre problème. Cependant nous espérons le faire prochainement. à bientôt sur BlogPasCher.

      Bon Week-end à vous également.

  4. Bonjour, je débute avec mon premier blog. Effectivement nextgen est très intéressant, je l’ai installé et j’ai créé un album avec 2 galeries. L’album s’ouvre depuis une page et je peux choisir une galerie. Par contre je ne comprends pas pourquoi quand je quitte le diaporama je ne reviens pas au choix de l’album.
    Auriez-vous une idée ?
    Merci beaucoup pour l’aide que vous pourriez m’apporter ou même pourquoi pas une critique sur ma construction de ce premier blog que je modifie au fur et à mesure que j’apprends des astuces.
    Je vous souhaite une bonne soirée
    jean pierre

    1. Bonjour Jean Pierre
      En principe lorsque vous ouvrer un album ce dernier est constitué de plusieurs photos. En cliquant sur une photo, un diaporama se déclenche, et bien évidemment en fermant ce diaporama (quitter) se dernier se ferme et laisse place aux choix des images de l’album.

      Donc j’aimerai savoir si la page où vous vous trouvez lorsque vous démarrez le diaporama n’est pas la même que celle qui s’affiche lorsque vous fermez le diaporama.

      Si tel est le cas, alors aucun inquiétude, ce n’est que normal, mais surtout c’est ainsi que le plugin a été fait. Je serai toute voir ravi d’en savoir plus, par exemple le blog sur lequel vous publiez votre diaporama.

      1. Merci beaucoup pour vos reponses, j ai cherche une solution mais je suis toujours coince. J ai une page ou est publie mon album qui comprend 3 galeries. Si j en ouvre une je ne peux plus revenir au menu de mon album. Les vignettes recouvre son emplacement. Je ne vois pas comment enlever les vignettes. Tout se passe sur la meme page. C est mon premier blog, j ai du louper quelque chose quelque part.
        son adresse est http://www.plongee-de-nuit-decouverte.com. merci d avance de vos critiques.
        bien cordialement

      2. Bonjour,
        J’ai compris votre problème (je crois) et j’ai une solution pour vous.
        Accédez aux réglages du plugin « NextGen Gallery >> Paramétrages et Galeries ». Sur l’option dépliant « Diaporama de base NextGEN » cochez l’option « montrer le lien vers les vignettes » sur la valeur « Oui ». Modifier le texte dans le champ qui suit : « Texte du lien vers les Vignettes » par exemple pour « Revenir au menu »… Un lien s’affichera désormais au-dessus de chaque album vous permettant de revenir au menu.

        je pense que ça devrait corriger votre problème…

        1. Bonsoir Hervé, merci beaucoup pour votre aide, malheureusement j’avais déjà essayé ça. En fait j’ai même essayé de mettre deux fois de suite, mais tres espacée, la commande [album=1]. j’ai bien 2 fois mais 3 galeries qui s’affichent, mais si je clique sur une, ses vignettes viennent recouvrir l’emplacement de ma commande [album] et cela efface en même temps mon 2° album placé un peu plus bas. petite précision, mes 2 autres galeries du coup ne sont plus accessibles. Je vais essayer des choses ce soir, je vous dirai si je trouve. Pour l’instant je pense que c’est un bug entre nextgen et la dernière version de wordpress.
          Cordialement, jean pierre.

        2. Bonsoir Hervé. Bon hè ben voila, j’ai trouvé une solution finalement, C’est un peu bricole mais ça marche. Je vais mettre chaque album sur une page séparée que je règle en fille de ma page principale des galeries. Sur cette page fille je rajoute un lien après l’album qui me redirige vers la page galeries. Du coup c’est juste un peu plus long mais c’est efficace.
          Merci pour l’aide que vous avez essayé de m’apporter.
          Bonne continuation
          Amicalement
          Jean Pierre

Laisser un commentaire

Votre adresse de messagerie ne sera pas publiée. Les champs obligatoires sont indiqués avec *

Ce site utilise Akismet pour réduire les indésirables. En savoir plus sur comment les données de vos commentaires sont utilisées.

Back To Top
9 Partages
Partagez8
Tweetez1
Enregistrer