La version d’une galerie d’images dans WordPress peut être frustrante si les fonctionnalités intégrées ne répondent pas à vos besoins. De nombreuses extensions de galerie promettent d’excellents résultats, mais sont souvent difficiles à utiliser et ralentissent votre site.
Envira Gallery offre une solution simple. Il vous permet de créer facilement des galeries d’images étonnantes et responsive dans WordPress.
Dans cet article, nous allons vous afficher comment configurer et personnaliser rapidement des galeries d’images à l’aide d’Envira.
Pourquoi la galerie Envira est-elle meilleure ?
Si vous gérez un site de photographie ou de portfolio avec beaucoup de photos, vous connaissez déjà les difficultés liées à la création d’une galerie d’images.
Par exemple, vous pourriez rencontrer des problèmes liés à la vitesse du site, au manque d’organisation, à la compatibilité des navigateurs et des appareils, ainsi qu’à une configuration difficile.
Contrairement à d’autres plugins de galerie, Envira est extrêmement rapide tout en étant doté de fonctionnalités telles qu’un design responsive, des fonctionnalités de visionneuse et de diaporama, un constructeur par glisser-déposer, des modèles et un support vidéo.
Il dispose également d’autres modules complémentaires, comme la protection, qui vous aide à protéger vos images. D’autre part, le module identifié vous aide à organiser toutes vos images, à créer des liens profonds, à les afficher en plein écran et à les surdimensionner.
Envira s’intègre également facilement à d’autres outils et plateformes comme Instagram, Dropbox, WooCommerce et Pinterest.
Dans cette optique, examinons le processus de création d’une galerie d’images avec Envira Gallery.
Ajout d’une galerie d’images responsive avec Envira Gallery
Envira Gallery est la meilleure extension de galerie d’images pour WordPress sur le marché.
Pour ce tutoriel, nous utiliserons la version Envira Gallery Pro afin de déverrouiller davantage de fonctionnalités. Cependant, vous pouvez également créer des galeries d’images en utilisant une version gratuite d’Envira Gallery.
Tout d’abord, vous devrez installer et activer l’extension Envira Gallery. Si vous avez besoin d’aide, veuillez consulter notre guide sur l’installation d’une extension WordPress.
Lors de l’activation, vous devrez vous rendre dans lesRéglages d’ Envira Gallery et saisir votre clé de licence, que vous trouverez dans la zone de votre compte Envira Gallery.
Saisissez/saisie la clé et cliquez sur le bouton « Vérifier la clé ».
Pour créer une nouvelle galerie, vous devez vous rendre dans Envira Gallery » Add New à partir du tableau de bord WordPress .
Vous pouvez ensuite saisir un nom pour votre galerie en haut de la page et cliquer sur le bouton « Sélectionner des fichiers depuis votre ordinateur » pour y téléverser des images.
Envira Gallery vous permet également de choisir des images provenant d’autres sources pour votre galerie. Vous pouvez simplement téléverser des images dans la médiathèque de WordPress et les utiliser pour la galerie.
Modifier les Réglages de la Galerie d’images dans Envira Gallery
Une fois les images sélectionnées, vous devriez pouvoir voir les miniatures des images.
Vous pouvez réorganiser les images en les faisant simplement glisser et en les déposant dans l’ordre que vous souhaitez commander.
Si vous cliquez sur l’icône représentant un crayon, vous verrez apparaître d’autres options. Par exemple, vous pouvez insérer des métadonnées d’image telles que le titre et l’identifiant alt.
Envira Gallery vous permet d’ajouter du HTML au titre de l’image et d’ajouter un lien vers n’importe quelle page ou site web dans le champ « Hyperlien de l’image ».
Une fois que vous êtes satisfait des métadonnées, vous pouvez cliquer sur l’onglet « Configuration » pour définir les Réglages de votre galerie d’images.
Vous pouvez choisir le mode d’affichage de cette galerie particulière. Par exemple, vous avez le choix entre différentes mises en page de galerie et vous pouvez activer le chargement paresseux et le délai de chargement paresseux.
Si vous défilez vers le bas, vous verrez d’autres réglages.
Envira Gallery vous permet de modifier la hauteur des lignes et les marges, d’afficher les descriptions de la galerie d’images, de modifier les dimensions et la taille des images, etc.
Ensuite, vous pouvez passer à l’onglet « Lightbox » et définir les Réglages pour la visionneuse qui affiche les images complètes lorsqu’elles sont cliquées.
Des options permettent de sélectionner un thème, d’afficher une légende ou un titre, la taille de l’image, d’activer l’affichage des flèches, de masquer ou d’afficher la barre d’outils de la galerie visionneuse, de choisir les effets d’ouverture et de fermeture de la galerie visionneuse, etc.
Une fois les réglages de la visionneuse terminés, défilez vers le bas de l’onglet de la visionneuse jusqu’à la section des miniatures.
Ces miniatures apparaissent sous la visionneuse lorsque l’utilisateur clique sur une image. Cliquer sur une miniature permet aux utilisateurs/utilisatrices de parcourir la galerie.
Envira Gallery vous permet également de modifier les Réglages de l’apparence de votre galerie sur mobile.
Il suffit de passer à l’onglet » Mobile » et d’activer l’option permettant de créer des images de galerie responsive pour les mobiles, de modifier les dimensions mobiles, d’ajuster la hauteur des lignes, d’activer le titre, etc.
Dernier point, vous pouvez accéder à l’onglet « Divers » pour voir d’autres Réglages pour votre galerie d’images.
Par exemple, il existe des options permettant de modifier le slug de la galerie, de saisir un CSS personnalisé, d’importer une galerie, etc.
Vous pouvez également exporter la galerie et copier des images.
Une fois que vous êtes satisfait des Réglages de votre galerie, cliquez sur le bouton « Publier » pour rendre cette galerie disponible.
Après la publication, vous verrez les codes courts à insérer dans une publication, une page ou un widget pour afficher votre galerie.
En savoir plus, consultez notre guide sur l’ajout de codes courts sur WordPress.
Ajout d’une galerie directement dans une publication ou une page dans WordPress
Maintenant que vous avez créé une galerie d’images à l’aide d’Envira Gallery, l’étape suivante consiste à l’ajouter à n’importe quel article de blog ou page d’atterrissage.
Une fois que vous êtes dans l’éditeur de contenu de WordPress, allez-y et cliquez sur le bouton » + » pour ajouter le bloc Envira Gallery.
Après avoir ajouté le bloc, vous pouvez choisir votre galerie en cliquant sur le menu déroulant du bloc Envira Gallery.
Vous verrez alors une Prévisualisation de votre galerie d’images dans l’éditeurs/éditrices de blocs. Une fois que vous êtes satisfait de son apparence, il vous suffit de publier votre publication ou votre page. Vous pourrez alors visiter votre site pour voir une galerie d’images responsive en action.
Astuces pour l’utilisation de la galerie Envira dans WordPress
Envira Gallery est également livrée avec des modules complémentaires premium qui étendent les fonctionnalités et offrent plus de mis en avant.
Par exemple, vous pouvez empêcher le vol d’ images en désactivant le clic droit sur les images à l’aide d’Envira Gallery. Vous pouvez également utiliser son module complémentaire de filigrane pour ajouter des filigranes aux images de la galerie.
Vous pouvez également intégrer Envira Gallery à WooCommerce pour créer de superbes galeries d’images de produits. Cela vous permet d’afficher des images de produits personnalisées dans différentes mises en page.
Il vous permet même d’organiser les galeries à l’aide d’identifiants et de créer des portfolios filtrables. C’est très utile si vous avez plusieurs galeries et que vous souhaitez faciliter le tri des articles qui intéressent les utilisateurs/utilisatrices.
Transformez votre vision en un site WordPress époustouflant avec l’équipe d’experts de WPBeginner ! Nos designers talentueux créeront un site qui incarne parfaitement votre marque. Des designs personnalisés aux meilleures pratiques de référencement, nous gérons tout. Commencez à construire votre beau site dès aujourd’hui!
Nous espérons que cet article vous a aidé à créer des galeries d’images responsive dans WordPress avec Imagira. Vous pouvez également consulter nos guides sur l’ajout de plusieurs galeries dans les publications et pages WordPress et sur l’ajout d’un widget Flickr dans 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.
THANKGOD JONATHAN
Please how about embeded images. Can I use embeded images to create gallery with Envira plugin. If not how do I ensure the images does not affect my website speed. In cases where I have large number of galleries in a photography blog.
WPBeginner Support
Rather than using embeds we would recommend optimizing your images for your site as that would normally work better than an embed for page speed. Our article below goes in-depth on optimizing your images:
https://www.wpbeginner.com/beginners-guide/speed-wordpress-save-images-optimized-web/
Administrateur
Jiří Vaněk
Just recently, I was creating a website for a kindergarten, and part of the website included an extensive gallery. I ended up using Elementor and found my way around it. However, the organization of photos isn’t very good. Thank you for the tip. If I’m doing a redesign of the website or creating another one with a large gallery, I will definitely give this plugin a try.
WPBeginner Support
We hope you find it helpful
Administrateur
Ralph
This looks really nice. I won’t use it as i don’t have almost any images for my blog (it is technical) but my wife blogs about furniture so this may find a good use!
WPBeginner Support
We hope she finds it helpful
Administrateur
Moinuddin Waheed
I have used many image plugins back in 2017 and due to heavy load time on my website I left most of them. I don’t know if installing all these plugins make the website somewhat slower or it is good to install and the code itself takes care of the speed of the website.
The problem comes with the quality of the image. usually we get high quality images on our phones and when we upload those on our websites it get stuck due to its image size. if we crop do something we compromise with the image quality.
I hope all these hurdles will be fixed by envira plugin.
WPBeginner Support
We hope you find the plugin suits your needs
Administrateur
Sameer Hussain
Now this is something that can come handy any day. Because images are a big part of your website and ultimately blogging success. Thanks for this.
WPBeginner Support
You’re welcome!
Administrateur
R Taylor
We have read this several times and watched the videos and still can’t figure out how to add caption and have it actually show when published. We have Pro but are screen is different, example when it says to « add gallery » (block beside « add media ») our version doens’t show it this way. We aren’t sure if that is where are issue starts or not.
WPBeginner Support
Envira has likely updated their interface since this article was created so you could check with Envira’s support. More than likely there could be a styling issue where your theme does not show the caption for some reason.
Administrateur
Marilyn Pongracz
An Envira tech person got back to me, and I had to disable Essential Grid to make it work in the Highend Theme.
Marilyn Pongracz
I tried a gallery and it was easy to create, but with some long and some short captions, it didn’t look very good. Lightbox didn’t work, either, even when I disabled my theme’s lightbox. Then I tried disabling Envira, and my theme’s lightbox won’t work.
Kenny Lambert
Envira is a piece of rubbish – would not work on my website and even though I have deleted the gallery and the plugin this [envira-gallery id= »91″] still shows on my homepage and I can’t get rid of it
WPBeginner Support
Hi Kenny,
Envira uses shortcodes to display galleries. You have to add these shortcodes to display galleries and you can remove them by simply editing the post and page and removing the shortcode. Hope this helps.
Administrateur
William
thanks to Envira for the gallery option. Save a lot of time.
Amber
I love the Envira Plugin, but I can’t figure out how to have the gallery images link to the attachment page/post – it just links to the image, which is great if using lightbox (which I don’t want to do)…any ideas?
Editorial Staff
The best way to get support for Envira Gallery is through their customer support system
Administrateur
Rohit Kumar
I have been using theme « Being Hueman » on my blog but images are cut off. you can visit my blog and see yourself. I am not able to fix it and moreover, I have not seen any help on google so I have to write this comment to seek your help.
Regards,
Rohit Kumar
WPBeginner Support
Please see our tutorial on how to crop and edit post thumbnails in WordPress.
Administrateur
WPBeginner Staff
Shortcodes are not enabled by default for widgets. To enable shortcodes in widgets please add this code in your site’s functions.php file or a site-specific plugin.
add_filter(‘widget_text’,’do_shortcode’);
Mathias
How can I insert the shortcode for the gallery into a widget in my sidebar? It did not work when I copied the short code into a text widget in my sidebar. thanks
WPBeginner Staff
Envira Gallery works on any standard compliant WordPress theme. It is not an eCommerce plugin itself, but it works with most popular eCommerce plugins and themes.
Elise
Hi! I’m creating a site for an art gallery. I would like to use the Envira plug in. Can you recommend a good theme to use or purchase that would go well with the Envira plug in? And at some point I would like to add ecommerce, does Envira support that or is that a theme issue?
Roma Cantuaria
Hello. I’m trying the Envira Lite right now. The design is perfect and the program is very easy to use. However, I’m facing two problems. Firstly, my photos are taking too long to load. Secondly, even after the page is completely loaded, a kind of loading icon under my gallery continues to appear. I’d like a little help from you guys.
The link to my gallery: http://www.casasemparede.com/teste-7/
Kaley Perkins
Just bought the plugin but never saw a place to enter the code for the 20% off. Not a big deal for sure with all of the AMAZING value you provide, and QUITE possibly user error on my behalf being so eager to get it downloaded and working, but heads-up.
Stephen Starr
I’m testing Envira Lite, on a custom these. Not sure where this code belongs:
You can also place this gallery into your template files by using the template tag(s) below:
if ( function_exists( ‘envira_gallery’ ) ) { envira_gallery( ‘467’ ); }
if ( function_exists( ‘envira_gallery’ ) ) { envira_gallery( ‘posada-life-in-picture’, ‘slug’ ); }
Here’s my gallery that doesn’t have the lightbox function:
http://posadalife.stephenbstarrdesign.info/posada-life-in-pictures/
Adam
I tried the lite version and i added photos and used the short code for my gallery. Now, I get a loading wheel and the photos don;t load.
http://humanebroward.com/animal-assisted-therapy-team-photos/
WPBeginner Support
Its working fine on our side, we can see your gallery and photos. Seems like you resolved the issue you were having.
Administrateur
Clare Chate
Hey there, the two main features I’m currently looking for in a good gallery for my clients, is
(1) Categories / Folders (that may be a given, excuse my ignorance!
)
and
(2) Social media sharing on images
Does this one have those options?
WPBeginner Support
It allows you to enable Tags using the tags addon. Using this feature you can allow users to sort gallery into tags. For the time being, there is no social sharing on the images.
Administrateur
Clare
Thankyou for the info!
Clare