Plugin Bento Grid Gallery per WordPress: gallerie moderne con Gutenberg
Il Plugin Bento Grid Gallery permette di creare su WordPress gallerie fotografiche moderne con layout Bento, direttamente nell’editor Gutenberg. È una soluzione che ho sviluppato per superare la classica sequenza di immagini tutte uguali e dare maggiore ritmo visivo a fotografie, portfolio e contenuti editoriali.
Il plugin è disponibile gratuitamente nel repository ufficiale di WordPress.org ed è pensato per lavorare con gli strumenti nativi di WordPress, senza richiedere Elementor o altri page builder.
Cos’è Bento Grid Gallery?
Bento Grid Gallery è un plugin WordPress gratuito sviluppato da Davide Baraldi che aggiunge a Gutenberg un blocco dedicato alla creazione di gallerie fotografiche in stile Bento Grid.
Il principio è semplice: invece della tradizionale griglia composta da immagini delle stesse dimensioni, viene creata una composizione visiva in cui una fotografia principale assume maggiore importanza e le immagini secondarie completano il layout.
Il risultato è una gallery più contemporanea, particolarmente interessante per portfolio, siti di fotografi, strutture ricettive, immobili, progetti di viaggio, magazine e siti nei quali le immagini hanno un ruolo importante.
Una Bento Grid direttamente dentro Gutenberg
Uno degli obiettivi del progetto era evitare di introdurre un ulteriore sistema di gestione all’interno di WordPress.
Dopo l’installazione compare quindi nell’editor il blocco Bento Grid Gallery.
Le fotografie possono essere selezionate direttamente dalla Media Library di WordPress e la galleria può essere gestita utilizzando gli strumenti già familiari a chi lavora con Gutenberg.
È possibile intervenire sul numero di colonne e sull’altezza della composizione desktop, mentre il layout si adatta automaticamente a tablet e smartphone.
Niente shortcode da ricordare e, soprattutto, nessun page builder esterno necessario.
Gallerie dinamiche con ACF Gallery
Una delle funzionalità più interessanti del Plugin Bento Grid Gallery è il supporto ai campi ACF Gallery.
La sorgente delle immagini non deve quindi essere necessariamente impostata manualmente nel blocco.
È possibile indicare un campo Gallery di Advanced Custom Fields e lasciare che Bento Grid Gallery recuperi automaticamente le fotografie associate al contenuto corrente.
Questo apre possibilità molto interessanti quando WordPress viene utilizzato per costruire siti dinamici.
Pensiamo, ad esempio, a un sito immobiliare con una gallery diversa per ogni immobile, alle camere di un hotel, alle destinazioni di un portale turistico oppure ai singoli lavori di un portfolio.
Si crea il template una volta e la Bento Gallery cambia automaticamente in funzione del contenuto visualizzato.
È inoltre possibile utilizzare una galleria manuale come fallback nel caso in cui il campo ACF sia vuoto.
Lightbox integrata per visualizzare tutte le fotografie
La griglia rappresenta soltanto una parte dell’esperienza.
Cliccando sulle immagini si apre una lightbox a schermo intero che permette di esplorare l’intera raccolta fotografica.
Sono presenti navigazione tra le immagini, miniature, contatore e controlli utilizzabili anche da tastiera.
Quando le fotografie disponibili sono più numerose rispetto a quelle mostrate nella composizione Bento, il layout può inoltre indicare la presenza delle immagini aggiuntive senza doverle visualizzare tutte contemporaneamente nella pagina.
In questo modo la gallery rimane compatta, mentre l’utente mantiene la possibilità di esplorare l’intero servizio fotografico.
Un plugin WordPress pensato anche per le performance
Una galleria fotografica può facilmente diventare uno degli elementi più pesanti di una pagina.
Per questo Bento Grid Gallery utilizza le dimensioni delle immagini generate da WordPress e non introduce un framework frontend esterno per costruire la griglia.
Il blocco utilizza inoltre rendering dinamico lato server e gli asset della lightbox vengono caricati dove necessari.
L’obiettivo non è aggiungere decine di effetti grafici, ma offrire una galleria Bento leggera e integrata nell’architettura WordPress.
Responsive su desktop, tablet e smartphone
Una Bento Grid efficace su un monitor può diventare difficile da utilizzare su uno smartphone se viene semplicemente ridimensionata.
Bento Grid Gallery è quindi progettato con un comportamento responsive che riorganizza la composizione in funzione dello spazio disponibile.
La gallery mantiene così una gerarchia visiva chiara anche su tablet e dispositivi mobili, senza richiedere la creazione di una seconda galleria.
Perché ho sviluppato Bento Grid Gallery
Molti plugin per le gallery WordPress offrono centinaia di impostazioni, effetti e sistemi proprietari.
Io cercavo qualcosa di diverso.
Volevo poter inserire una Bento Grid dentro Gutenberg, scegliere le fotografie dalla Media Library o recuperarle dinamicamente da ACF e avere già a disposizione una lightbox, senza trasformare una semplice gallery in un ecosistema separato dal resto di WordPress.
Da questa esigenza è nato Bento Grid Gallery.
Il plugin utilizza le API native di WordPress e la registrazione del blocco tramite block.json, seguendo l’evoluzione dell’editor a blocchi.
Come installare il Plugin Bento Grid Gallery
L’installazione avviene come per qualsiasi plugin presente nel repository ufficiale.
Da WordPress è sufficiente andare in Plugin → Aggiungi plugin, cercare Bento Grid Gallery, installarlo e attivarlo.
A questo punto puoi aprire una pagina o un articolo nell’editor a blocchi, aggiungere Bento Grid Gallery e scegliere la sorgente delle immagini.
Puoi utilizzare:
- immagini selezionate manualmente dalla Media Library;
- un campo dinamico ACF Gallery;
- ACF Gallery con una gallery manuale utilizzata come fallback.
Dalle impostazioni del blocco puoi poi configurare il layout e pubblicare la pagina.
Bento Grid Gallery è gratuito?
Sì. Bento Grid Gallery è disponibile gratuitamente nel repository ufficiale WordPress.org.
Il plugin è open source e fa parte dei plugin DB Solution che sviluppo per aggiungere a WordPress funzionalità specifiche senza ricorrere necessariamente a piattaforme o page builder esterni.
Al momento della pubblicazione di questo articolo, la versione disponibile è compatibile con le più recenti evoluzioni dell’editor WordPress e supporta anche l’integrazione dinamica con ACF Gallery.
Plugin Bento Grid Gallery: quando può essere utile?
Bento Grid Gallery nasce soprattutto per quei progetti nei quali le fotografie devono raccontare qualcosa, non semplicemente occupare uno spazio nella pagina.
Può essere utilizzato per presentare un progetto nel portfolio di un designer, mostrare gli ambienti di un hotel, creare la gallery di un immobile, raccontare fotograficamente una destinazione oppure costruire archivi dinamici attraverso WordPress e ACF.
La combinazione tra layout Bento, Gutenberg, lightbox e sorgenti dinamiche ACF consente di utilizzare lo stesso blocco sia in semplici pagine editoriali sia all’interno di progetti WordPress più strutturati.
Scarica Bento Grid Gallery per WordPress
Il Plugin Bento Grid Gallery è disponibile gratuitamente nel repository ufficiale WordPress.
Puoi consultare caratteristiche, requisiti, aggiornamenti e scaricare l’ultima versione dalla pagina ufficiale di Bento Grid Gallery su WordPress.org.
Se invece stai sviluppando un progetto WordPress personalizzato e hai bisogno di funzionalità che non trovi nei plugin esistenti, scopri anche il mio servizio di creazione plugin WordPress.