Trusted WordPress tutorials, when you need them most.
Beginner’s Guide to WordPress
Coupe WPB
25 Million+
Websites using our plugins
16+
Years of WordPress experience
3000+
WordPress tutorials
by experts

Comment passer de NextGEN à Envira Gallery dans WordPress

Voulez-vous passer de NextGEN Gallery à Envira Gallery ?

D’après notre expérience, NextGEN et Envira sont tous deux de puissantes extensions de galerie WordPress. Mais certains de nos lecteurs nous ont demandé comment passer de NextGen à Envira parce que la seconde extension est mieux adaptée à leurs besoins.

Dans cet article, nous allons vous afficher comment passer facilement de NextGEN Gallery à Envira Gallery dans WordPress.

How to Switch From NextGEN to Envira Gallery in WordPress

NextGEN Gallery et Envira Gallery sont tous deux des extensions de galerie par glisser-déposer qui sont faciles à utiliser. Mais lorsque nous les avons comparés dans notre article sur le meilleur plugin de galerie d’images WordPress, nous avons trouvé que chacun d’entre eux s’adresse à différents types d’utilisateurs/utilisatrices de WordPress :

  • Envira GalleryUne excellente extension de galerie polyvalente, avec des offres à partir de 39,50 $ par an. Vous pouvez obtenir des modules pour divers cas d’utilisation, comme les galeries vidéo, WooCommerce, et les liens profonds pour le référencement. Il est également le plus rapide de toutes les meilleures extensions de galerie.
  • NextGEN Gallery – Avec un prix de départ de 69,50 $ par an, cette extension est mieux pour les photographes professionnels. Il est livré avec plusieurs modèles de galeries, le filigrane, et les outils d’e-commerce pour vendre des photos.

Dans l’ensemble, si vous avez besoin d’une extension WordPress de galerie d’images premium pour afficher plusieurs images de manière conviviale, alors Envira est une excellente option. L’extension NextGEN Gallery est également excellente, mais elle est plus destinée à un usage professionnel, surtout si l’on tient compte de son prix identifié.

Vous pouvez en savoir plus sur les extensions de galeries populaires dans notre avis NextGEN et notre avis Envira.

Dans cette optique, voyons comment passer de NextGEN à Envira pour afficher les images sur votre site WordPress.org. Vous pouvez utiliser les liens rapides ci-dessous pour naviguer à travers les étapes :

La première étape pour passer de NextGEN à Envira est d’installer et d’activer l’extension Envira Gallery.

Bien qu’Envira dispose d’une version gratuite, vous aurez besoin d’une offre Envira Gallery Pro pour accéder au module NextGEN d’importation. C’est ce que vous utiliserez pour transférer ultérieurement vos galeries NextGEN.

Pour vous guider, vous pouvez consulter notre article sur l ‘installation d’une extension WordPress.

Une fois que l’extension est activée, vous pouvez vous rendre dans Envira Gallery  » Addons depuis le tableau de bord WordPress. Après cela, trouvez le module NextGEN Outil d’importation et cliquez sur  » Installer « .

Installing the NextGEN Importer addon in Envira Gallery

Vous devriez voir l’état se modifier en « Inactif » et le texte du bouton s’intituler « Activer ».

Il suffit de cliquer sur le bouton pour activer le module.

Activating the NextGEN Importer addon in Envira Gallery

Étape par étape : Choisissez les galeries de photos NextGEN à importer

À ce stade, vous pouvez aller de l’avant et actualiser votre zone d’administration WordPress. Ensuite, allez dans Envira Gallery  » NextGEN Import. Vous devriez maintenant voir une liste de galeries NextGEN à importer.

Cochez les cases à côté des galeries que vous souhaitez transférer vers Outil d’importation et cliquez sur « Importer des galeries ».

Selecting a NextGEN gallery to import to Envira

Attendez quelques minutes pour que l’importation du module soit terminée.

Si l’extension de la galerie de photos a bien importé vos fichiers, vous devriez voir un message comme celui-ci :

The success message that appears when the NextGEN gallery has been imported to Envira

Étape par étape : Modifier les galeries d’images de WordPress Envira

Maintenant que votre galerie d’images a été importée, vous pouvez la modifier.

Ce que vous devez faire, c’est aller dans Envira Gallery  » Envira Gallery et survoler le titre de la galerie nouvellement importée. Cliquez ensuite sur « Modifier ».

Editing the imported NextGEN gallery in Envira

Il y a beaucoup de choses à faire ici.

Dans la section supérieure de l’interface utilisateur, vous pouvez ajouter de nouvelles images à partir de la médiathèque, de l’ordinateur de bureau ou d’autres sources comme votre compte Instagram.

Adding new files to the Envira Gallery

Si vous défilez vers le bas, vous trouverez d’autres options de personnalisation pour configurer votre nouvelle galerie.

Dans l’onglet « Galerie », vous pouvez gérer les images, les supprimer ou les trier à votre guise.

Configuring Envira's Gallery settings

Modifié dans l’onglet « Configuration », vous pouvez modifier de nombreux éléments de votre galerie.

La première est la Mise en page de la galerie. Vous pouvez choisir Automatique (la mise en page s’ajuste automatiquement en fonction de la quantité et de la taille de vos images), Mason, Grille, Square, Blogroll ou BnB.

Configuring the Envira Gallery's layout

En descendant dans la page, vous trouverez d’autres options d’affichage de la galerie. Ici, nous recommandons d’activer la fonctionnalité de chargement paresseux pour accélérer les performances de votre site WordPress.

Les autres réglages, comme les titres ou les légendes et la position de recadrage des miniatures, peuvent être adaptés à vos besoins. En fonction de la mise en page de votre galerie, vous trouverez peut-être d’autres réglages à définir ici.

Enabling the lazy loading feature in Envira Gallery

Passons maintenant à l’onglet « Visionneuse ». La visionneuse est une fonctionnalité qui permet d’afficher vos images dans une fenêtre pop-up en plein écran lorsque l’utilisateur clique dessus.

Nous allons plus en détail sur la configuration des réglages de la visionneuse dans notre article sur l ‘ajout d’une galerie WordPress avec un effet de visionneuse.

The Lightbox settings of Envira Gallery

L’onglet « Mobile » est le suivant.

Les réglages effectués ici peuvent rendre votre galerie de photos Envira plus responsive et lui donner une belle apparence lorsqu’elle est vue sur un appareil mobile.

Si vous cochez le réglage « Créer des images de galerie mobiles ? », cela signifie que vous pouvez activer ou désactiver des images spécifiques pour les appareils mobiles afin d’enregistrer un peu d’espace sur l’écran.

Configuring the Envira Gallery's mobile gallery settings

L’onglet « Autonome » vous permet de créer une page dédiée à vos galeries et d’utiliser un modèle de page personnalisé.

Cependant, si votre thème WordPress ne dispose pas d’un modèle de page personnalisé, vous pouvez passer à l’onglet  » Divers « .

Dans cet onglet, vous pouvez modifier le slug de la galerie, ajouter des classes CSS personnalisées, importer ou exporter des galeries depuis ou vers votre ordinateur, copier des images dans une autre galerie existante et activer la fonction de langue de droite à gauche.

Envira Gallery's Miscellaneous settings

Une fois que vous êtes satisfait des réglages, défilez jusqu’à la section « Publier ».

Il suffit ensuite de cliquer sur « Mettre à jour » pour officialiser les modifications.

Updating the Envira Gallery settings

Étape par 4 : Affichage des galeries de photos importées

Votre galerie étant modifiée et ayant fière allure, commençons à l’ajouter à vos pages, publications et autres parties de votre site où se trouvait votre galerie NextGEN.

Le plugin de galerie d’images Envira propose trois façons d’insérer des galeries dans WordPress : en utilisant le bloc Gutenberg, les codes courts ou la marqueur de modèle. Explorons chacune de ces méthodes.

Ajouté le bloc Gutenberg de la galerie Envira

Tout d’abord, allez sur la page ou la publication où se trouve votre galerie NextGEN. Ensuite, vous pouvez cliquer sur le bouton « + Ajouter un bloc » pour trouver le bloc de la galerie Envira.

Adding the Envira Gallery block in the WordPress block editor

Il suffit de faire glisser et de déposer le bloc à l’endroit qui convient le mieux à l’écran.

Saisissez ensuite le nom de la galerie que vous venez d’importer et de modifier.

Choosing a gallery to insert in the Envira Gallery block

Une fois cela défini, vous pouvez utiliser la colonne latérale Réglages du bloc pour configurer davantage le bloc. Les options de modification sont similaires à celles proposées à l’étape précédente.

Vous pouvez également ajouter de nouvelles images à la galerie à partir de votre ordinateur ou de votre médiathèque.

Editing the Envira Gallery block in the WordPress block editor

À ce stade, vous pouvez simplement retirer le bloc ou le code court de la galerie NextGEN que vous aviez sur cette page.

Tout ce que vous avez à faire est de cliquer sur le menu à trois points dans la barre d’outils du bloc et de sélectionner « Supprimer ».

Removing the old NextGEN Gallery block in WordPress

Il vous suffit maintenant de cliquer sur le bouton « Mettre à jour » dans le coin supérieur droit de la page pour effectuer vos modifications.

Ajouter la galerie Envira à WordPress avec un code court

Une autre méthode consiste à utiliser les codes courts fournis par Envira et à les insérer à l’aide du bloc Shortcode. Cette option est recommandée si le bloc Gutenberg ne fonctionne pas.

Pour trouver le code court de la galerie, vous pouvez vous rendre sur Envira Gallery  » Envira Gallery et copier le code dans la colonne ‘Shortcode’.

Copying the Envira Gallery shortcode

Vous pouvez également ouvrir votre galerie et naviguer jusqu’à la section « Code Envira ».

Les deux codes courts en haut (celui avec l’ID et celui avec le slug) fonctionnent essentiellement de la même manière. Une fois ajouté, le code court affichera la galerie comme d’habitude.

Le code court spécial ci-dessous vous permet d’ajouter un lien qui dirige les utilisateurs/utilisatrices vers la galerie.

The Envira shortcodes in the Envira Gallery editor

Vous pouvez ajouter ces codes courts à vos pages, à vos publications ou à toute autre zone prête à recevoir des widgets. Pour obtenir des conseils étape par étape, consultez notre article sur l ‘ajout de codes courts dans WordPress.

Ajout d’un marqueur de modèle Envira dans un fichier de thème

La dernière option consiste à afficher la galerie d’images Envira en insérant son marqueur de modèle dans un fichier de thème. Vous trouverez ces identifiants sous la liste des codes courts dans l’éditeur de galerie.

Envira's gallery template tags in the gallery editor

Cette méthode est recommandée si vous souhaitez afficher la galerie dans l’en-tête ou le pied de page de votre site. Ou peut-être voulez-vous afficher la galerie sur toutes vos pages et publications en même temps.

Étant donné que l’insertion de code personnalisé peut potentiellement casser votre site, nous vous recommandons d’utiliser WPCode. Cette extension d’extraits de code permet d’ajouter facilement et en toute sécurité du code à WordPress sans interagir directement avec vos fichiers cœur.

Tout d’abord, installez l’extension sur votre site WordPress. Ensuite, rendez-vous dans la section  » Code Snippets  » +  » Add Snippet« . Une fois que vous avez fait cela, il suffit de sélectionner  » Add Your Custom Code (New Snippet)  » et de cliquer sur le bouton  » Use snippet « .

Adding custom code in WPCode

Ensuite, allez-y et insérez le titre de votre extrait. Il s’agit de le rendre facilement identifiable. Il peut s’agir de quelque chose comme « Extrait de la galerie Envira ».

Ensuite, modifiez le type de code en « Extrait de PHP ».

Maintenant, copiez et collez l’une des marquesurs de modèle d’Envira dans la boîte de Prévisualisation du code. Bien qu’elles aient l’air différentes, elles fonctionnent en fait de la même manière. La différence est que l’une utilise l’ID de la galerie, tandis que l’autre utilise son slug.

Inserting the Envira Gallery template tag in WPCode

À ce stade, vous pouvez défiler jusqu’à la section Insertion. Vous pouvez conserver la méthode d’insertion comme « Insertion automatique ».

Quant à l’Emplacement, vous pouvez choisir celui qui correspond le mieux à vos besoins.

Par exemple, si vous souhaitez afficher la galerie dans la zone de l’en-tête, sélectionnez « Site Wide Header ». Si vous souhaitez que la galerie apparaisse avant le titre de la publication du blog, choisissez « Insert Before Post » (Insérer avant la publication).

Ensuite, activez le code et cliquez sur « Enregistrer l’extrait ».

Configuring WPCode's Insert Method and Location

Confirmez ensuite que vous visitez votre site pour voir si le code fonctionne.

Voici à quoi ressemblait notre site de test lorsque nous avons utilisé l’Emplacement « Insérer avant la publication » :

An example of what the Envira Gallery looks like when inserted before the blog post

Guides ultimes pour améliorer vos galeries de photos Envira

Félicitations ! Vous êtes officiellement passé de NextGEN à Envira dans WordPress. Si vous avez besoin de plus d’inspiration pour améliorer vos galeries d’images Envira, nous avons quelques excellents tutoriels que vous pouvez consulter :

Nous espérons que cet article vous a aidé à apprendre comment passer de NextGEN à Envira Gallery dans WordPress. Vous pouvez également consulter notre liste des meilleures extensions d’images mises en avant pour WordPress et notre guide sur la création d’un portfolio vidéo WordPress.

Si vous avez aimé cet article, veuillez alors vous abonner à notre chaîne YouTube pour obtenir des tutoriels vidéo sur WordPress. Vous pouvez également nous trouver sur Twitter et Facebook.

Divulgation : Notre contenu est soutenu par les lecteurs. Cela signifie que si vous cliquez sur certains de nos liens, nous pouvons gagner une commission. Consultez comment WPBeginner est financé, pourquoi cela compte et comment vous pouvez nous soutenir. Voici notre processus éditorial.

Avatar

Editorial Staff at WPBeginner is a team of WordPress experts led by Syed Balkhi with over 16 years of experience in WordPress, Web Hosting, eCommerce, SEO, and Marketing. Started in 2009, WPBeginner is now the largest free WordPress resource site in the industry and is often referred to as the Wikipedia for WordPress.

L'ultime WordPress Toolkit

Accédez GRATUITEMENT à notre boîte à outils - une collection de produits et de ressources liés à WordPress que tous les professionnels devraient avoir !

Reader Interactions

7 commentairesLaisser une réponse

  1. Syed Balkhi

    Hey WPBeginner readers,
    Did you know you can win exciting prizes by commenting on WPBeginner?
    Every month, our top blog commenters will win HUGE rewards, including premium WordPress plugin licenses and cash prizes.
    You can get more details about the contest from here.
    Start sharing your thoughts below to stand a chance to win!

  2. Jiří Vaněk

    Thank you for the complete guide. We used NextGen on several older sites and were happy with it. Unfortunately, it is currently not enough, so let’s think about migrating the gallery under Envira. This gallery seems more robust and with better functions. This guide will make it a lot easier for us, because at least I can check step by step whether we are doing everything right.

    • WPBeginner Support

      You’re welcome, glad you’ve found our guide helpful so far :)

      Administrateur

  3. Silvia

    Hi! Thanks for this guide, very useful.
    I have a question: is it necessary to activate nextgen gallery plugin to do import with Envira?
    Thanks :)

    • Sreehari P Raju

      Yep. You need to activate it.

  4. Dieter Petereit

    What about all the links in the respective articles embedding images stored in the gallery storage path? Are they changed too by importing? Or will I have perfectly imported galleries but completely broken articles?

    • Sreehari P Raju

      There won’t be any problem.

Laisser une réponse

Merci d'avoir choisi de laisser un commentaire. Veuillez garder à l'esprit que tous les commentaires sont modérés selon notre politique de commentaires, et votre adresse e-mail ne sera PAS publiée. Veuillez NE PAS utiliser de mots-clés dans le champ du nom. Ayons une conversation personnelle et significative.