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

Come creare facilmente gallerie di immagini responsive su WordPress con Envira

Nota editoriale: guadagniamo una commissione dai link dei partner su WPBeginner. Le commissioni non influenzano le opinioni o le valutazioni dei nostri redattori. Per saperne di più su Processo editoriale.

Avete provato a creare una galleria di immagini in WordPress solo per scoprire che la funzionalità integrata manca di alcune caratteristiche importanti?

Esistono diversi plugin per gallerie di immagini in WordPress che promettono di dare buoni risultati, ma la maggior parte di essi è difficile da usare e rende il vostro sito web molto lento. Con Envira, potete creare facilmente bellissime gallerie di immagini in WordPress.

In questo articolo vi mostreremo come creare facilmente gallerie di immagini responsive su WordPress con Envira Gallery.

How to easily create responsive WordPress image galleries with Envira

Perché Envira Gallery è migliore?

Se gestite un sito di fotografia o di portfolio con molte foto, conoscete già i problemi che comporta la creazione di una galleria di immagini.

Ad esempio, potreste riscontrare problemi di velocità del sito, mancanza di organizzazione, compatibilità del browser, compatibilità dei dispositivi e difficoltà di configurazione.

A differenza di altri plugin per gallerie, Envira è estremamente veloce e al tempo stesso ricco di funzionalità come il design reattivo, la funzionalità lightbox e slideshow, il costruttore drag and drop, i modelli e il supporto video.

Inoltre, dispone di altri componenti aggiuntivi come la protezione che consente di proteggere le immagini, i tag che aiutano a organizzare tutte le immagini, il deeplinking, il fullscreen e il supersize. Envira si integra facilmente con altri strumenti e piattaforme come Instagram, Dropbox, WooCommerce e Pinterest.

Detto questo, diamo un’occhiata al processo di creazione di una galleria di immagini con Envira.

Aggiunta di una galleria di immagini reattiva con Envira Gallery

Envira Gallery è il miglior plugin di galleria di immagini per WordPress sul mercato.

Per questa esercitazione, utilizzeremo la versione Envira Gallery Pro per sbloccare ulteriori funzioni. Esiste anche una versione gratuita di Envira Gallery che può essere utilizzata per creare gallerie di immagini.

Envira Gallery website

Per prima cosa, è necessario installare e attivare il plugin Envira Gallery. Se avete bisogno di aiuto, consultate la nostra guida su come installare un plugin di WordPress.

Dopo l’attivazione, è necessario andare su Envira Gallery ” Impostazioni e inserire la chiave di licenza. La chiave di licenza si trova nell’area dell’account di Envira Gallery.

Add the Envira Gallery license key

È sufficiente inserire la chiave e fare clic sul pulsante “Verifica chiave”.

Quindi, per creare una nuova galleria, è necessario andare su Envira Gallery ” Aggiungi nuovo dalla dashboard di WordPress.

Add new gallery

Da qui è possibile inserire un nome per la galleria nella parte superiore e poi fare clic sul pulsante “Seleziona i file dal computer” per caricare le immagini nella galleria.

Envira Gallery vi permette anche di scegliere immagini da altre fonti per la vostra galleria. Potete semplicemente caricare le immagini nella libreria multimediale di WordPress e utilizzarle per la galleria.

Modifica delle impostazioni della galleria di immagini in Envira Gallery

Una volta selezionate le immagini, sarà possibile visualizzarne le miniature.

View images in the gallery

È possibile riorganizzare le immagini semplicemente trascinandole e rilasciandole nell’ordine desiderato.

Se si fa clic sull’icona della matita, si vedranno altre opzioni. Ad esempio, è possibile inserire i metadati dell’immagine, come il titolo e il tag alt.

Envira Gallery consente di aggiungere HTML al titolo dell’immagine. È inoltre possibile aggiungere un link a qualsiasi pagina o sito web nel campo Collegamento ipertestuale immagine.

Add metadata to gallery images

Una volta soddisfatti dei metadati, si può fare clic sulla scheda Configurazione per configurare le impostazioni della galleria di immagini.

È possibile scegliere come visualizzare questa particolare galleria. Ad esempio, è possibile scegliere tra diversi layout di galleria, abilitando il caricamento pigro e il ritardo del caricamento pigro.

Set up config settings

Se si scorre verso il basso, si vedranno altre impostazioni.

Envira Gallery consente di modificare l’altezza e i margini delle righe, di mostrare le descrizioni delle gallerie di immagini, di modificare le dimensioni e la grandezza delle immagini e altro ancora.

Additional config settings for gallery

Successivamente, è possibile passare alla scheda Lightbox e configurare le impostazioni per la lightbox utilizzata per visualizzare le immagini complete quando si fa clic su di esse.

Sono disponibili opzioni per selezionare un tema, mostrare una didascalia o un titolo, le dimensioni dell’immagine, attivare la visualizzazione delle frecce, nascondere o visualizzare la barra degli strumenti della galleria lightbox, scegliere gli effetti di apertura e chiusura della lightbox e altro ancora.

Lightbox settings for image gallery

Dopo aver configurato le impostazioni della lightbox, scorrere in basso nella scheda lightbox fino alla sezione miniature.

Queste miniature appaiono sotto la lightbox quando l’utente fa clic su un’immagine. Consentono agli utenti di sfogliare la galleria facendo clic su un’immagine in miniatura.

Adjust thumbnails settings

Envira Gallery consente anche di modificare le impostazioni dell’aspetto della galleria su mobile.

È sufficiente passare alla scheda Mobile e attivare l’opzione per creare immagini di gallerie reattive ai dispositivi mobili, modificare le dimensioni dei dispositivi mobili, regolare l’altezza delle righe, attivare il titolo e altro ancora.

Mobile gallery settings

Infine, è possibile accedere alla scheda Misc per visualizzare ulteriori impostazioni per la galleria di immagini.

Ad esempio, è possibile modificare lo slug della galleria, inserire CSS personalizzati, importare una galleria e altro ancora.

View misc setting for gallery

È anche possibile esportare la galleria e copiare le immagini.

Una volta soddisfatti delle impostazioni della galleria, è necessario premere il pulsante “Pubblica” per rendere disponibile la galleria.

Publish your image gallery

Dopo la pubblicazione, si potranno vedere gli shortcode da inserire in un post, in una pagina o in un widget per visualizzare la galleria.

Per maggiori informazioni, consultate la nostra guida su come aggiungere shortcode a WordPress.

Copy image gallery shortcodes

Aggiunta di una galleria direttamente in un post o in una pagina di WordPress

Ora che avete creato una galleria di immagini con Envira Gallery, il passo successivo è aggiungerla a qualsiasi post del blog o pagina di destinazione.

Una volta entrati nell’editor di contenuti di WordPress, fare clic sul pulsante “+” per aggiungere il blocco Envira Gallery.

Envira gallery block

Dopo aver aggiunto il blocco, è sufficiente fare clic sul menu a discesa del blocco Envira Gallery per scegliere la galleria.

Verrà quindi visualizzata un’anteprima della galleria di immagini nell’editor di blocchi. Una volta soddisfatti del suo aspetto, è sufficiente pubblicare il post o la pagina. Si potrà quindi visitare il proprio sito web per vedere una galleria di immagini responsive in azione.

Image gallery preview

Suggerimenti per l’utilizzo di Envira Gallery in WordPress

Envira Gallery è inoltre dotata di addon premium che ne estendono le funzionalità e aggiungono altre caratteristiche.

Ad esempio, è possibile impedire il furto di immagini disabilitando il clic con il tasto destro del mouse sulle immagini utilizzando Envira Gallery. Oppure utilizzare il suo addon per il watermarking e aggiungere filigrane alle immagini nella galleria.

È inoltre possibile integrare Envira Gallery con WooCommerce per creare splendide gallerie di immagini dei prodotti. In questo modo, avrete una maggiore flessibilità nel mostrare immagini personalizzate dei prodotti in diversi layout.

Permette anche di organizzare le gallerie usando i tag e di creare portafogli filtrabili. Questo è molto utile se avete più gallerie e volete rendere più facile per gli utenti ordinare gli articoli a cui sono interessati.

Speriamo che questo articolo vi abbia aiutato a creare gallerie di immagini responsive in WordPress con Envira. Potreste anche voler consultare la nostra guida definitiva alla SEO di WordPress e come avviare un podcast.

Se questo articolo vi è piaciuto, iscrivetevi al nostro canale YouTube per le esercitazioni video su WordPress. Potete trovarci anche su Twitter e Facebook.

Divulgazione: I nostri contenuti sono sostenuti dai lettori. Ciò significa che se cliccate su alcuni dei nostri link, potremmo guadagnare una commissione. Vedi come WPBeginner è finanziato , perché è importante e come puoi sostenerci. Ecco il nostro processo editoriale .

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.

Il kit di strumenti WordPress definitivo

Ottenete l'accesso gratuito al nostro kit di strumenti - una raccolta di prodotti e risorse relative a WordPress che ogni professionista dovrebbe avere!

Reader Interactions

34 commentiLascia una risposta

  1. Syed Balkhi says

    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. THANKGOD JONATHAN says

    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.

  3. Jiří Vaněk says

    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.

  4. Ralph says

    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!

  5. Moinuddin Waheed says

    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.

  6. Sameer Hussain says

    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.

  7. R Taylor says

    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 says

      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.

      Admin

  8. Marilyn Pongracz says

    An Envira tech person got back to me, and I had to disable Essential Grid to make it work in the Highend Theme.

  9. Marilyn Pongracz says

    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.

  10. Kenny Lambert says

    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 says

      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.

      Admin

  11. Amber says

    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?

  12. Rohit Kumar says

    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

  13. WPBeginner Staff says

    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’);

  14. Mathias says

    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

  15. Elise says

    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?

  16. Roma Cantuaria says

    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/

  17. Kaley Perkins says

    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.

  18. Stephen Starr says

    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/

  19. Clare Chate says

    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?

Lascia una risposta

Grazie per aver scelto di lasciare un commento. Tenga presente che tutti i commenti sono moderati in base alle nostre politica dei commenti e il suo indirizzo e-mail NON sarà pubblicato. Si prega di NON utilizzare parole chiave nel campo del nome. Avremo una conversazione personale e significativa.