Rendi i media WordPress ottimizzati per i dispositivi mobili utilizzando il plug-in Responsive Lightbox

Sia che tu gestisca un blog, un'azienda o un negozio online , le immagini sul tuo sito svolgono un ruolo fondamentale per rendere i contenuti più coinvolgenti. Alcuni anni fa, la navigazione in Internet tramite dispositivi mobili è stata aumentata rispetto ai dispositivi desktop. Considerando questa crescita dell'utilizzo dei dispositivi mobili, ogni sito Web dovrebbe essere reattivo e le immagini devono essere visualizzate magnificamente.

Se possiedi un sito WordPress o un negozio di e-commerce che utilizza WooCommerce, utilizza il plug-in WordPress Lightbox che renderà le tue immagini, video e widget reattivi in ​​modo che i visitatori mobili non abbiano alcuna difficoltà a visualizzare il contenuto.

Cos'è Responsive WordPress Lightbox?

Responsive Lightbox di dFactory consente agli utenti di impostare versioni più grandi di immagini e gallerie in un effetto di sovrapposizione lightbox ottimizzato per i dispositivi mobili. Il plugin principale è disponibile gratuitamente e include tutte le funzionalità necessarie per iniziare. E quando vuoi fare un salto di qualità, puoi accedere a funzionalità avanzate abbinandolo ai suoi componenti aggiuntivi premium.

Il plug-in Responsive Lightbox ti consente di scegliere uno dei sette script lightbox e di aggiungerli a gallerie di immagini, collegamenti di immagini, video, widget e commenti. Inoltre, il plug-in è compatibile con WooCommerce, il che significa che puoi aggiungere script Responsive Lightbox alle tue gallerie di prodotti.

Funzionalità lightbox reattive

Responsive Lightbox è un plug-in ricco di funzionalità che viene fornito con un'ampia gamma di potenti funzionalità immediatamente disponibili. Diamo un'occhiata più da vicino alle sue caratteristiche distintive.

1. Lightbox multipli

Il plug-in Responsive Lightbox ti consente di configurare più lightbox tra cui SwipeBox, prettyPhoto, FancyBox, Nivo Lightbox, Image Lightbox, TosRU (slider ottimizzati per il tocco "R" Us) e Featherlight. Ogni script lightbox porta qualcosa di nuovo in tavola.

Ad esempio, se desideri che la tua immagine si illumini , abbia un bordo definito e scurisca lo sfondo, puoi selezionare lo script lightbox prettyPhoto .

D'altra parte, se stavi cercando qualcosa di un po' più semplice in cui la tua immagine si apre e proietta una sovrapposizione sullo sfondo, puoi selezionare lo script Nivo Lightbox .

2. Lightbox per le immagini

Una volta installato il plug-in Responsive Lightbox sul tuo sito WordPress, puoi iniziare ad aggiungere lightbox ai link delle tue immagini. In effetti, il plugin ti consente anche di configurare le impostazioni per aggiungere automaticamente la tua lightbox selezionata a tutte le immagini che hai pubblicato sul tuo sito e a tutte le immagini future che aggiungerai ad esso.

Inoltre, puoi anche scegliere di visualizzare il titolo, la didascalia, il testo alternativo e la descrizione dell'immagine come titolo. Il titolo dell'immagine apparirà insieme all'immagine quando l'utente la apre in una lightbox. Tuttavia, se preferisci non avere alcun titolo dell'immagine, puoi rimuoverlo anche tu.

3. Lightbox per le gallerie

Simile ai collegamenti alle immagini, Responsive Lightbox ti consente anche di aggiungere gli script lightbox alle gallerie di immagini. Invece di aggiungere lo script lightbox a ciascun elemento della galleria, il plug-in ti consente di aggiungerlo all'intera galleria . Ogni volta che crei una galleria nella tua libreria multimediale e la pubblichi sul tuo sito web, la galleria si aprirà nello script lightbox che hai selezionato.

Il plug-in ti consente di configurare la dimensione dell'immagine della galleria (miniatura, media, grande e intera) e utilizzare i metadati di ogni elemento della galleria come titolo .

4. Lightbox per i video

Se hai un sacco di video pubblicati sul tuo sito web, puoi migliorarne l'aspetto aggiungendo uno script lightbox. Responsive Lightbox ti consente di aggiungere automaticamente script lightbox ai tuoi video mentre sei certo che il tuo traffico mobile sarà in grado di visualizzarli rapidamente sui loro dispositivi.

Il plug-in ti consente di aggiungere immediatamente script lightbox ai video di YouTube e Vimeo semplicemente abilitando la sua opzione dalla schermata delle impostazioni.

5. Opzioni di configurazione

Responsive Lightbox ha tantissime opzioni di configurazione che ti consentono di personalizzare completamente l'aspetto della tua lightbox sul front-end. Come accennato in precedenza, puoi scegliere tra uno dei sette script lightbox con il plug-in di base gratuito. Oltre a questo, puoi anche scegliere di aggiungere lightbox al tuo contenuto di widget e commenti .

E se sei tecnico, puoi anche configurare il plug-in per abilitare l'attivazione di script lightbox su eventi jQuery personalizzati. La parte migliore è che il plug-in è progettato per garantire che i tempi di caricamento della pagina del tuo sito Web non siano influenzati negativamente . A questo proposito, gli sviluppatori hanno aggiunto una bella funzionalità che carica gli script e gli stili lightbox solo quando l'utente accede a una pagina che contiene un'immagine, una galleria o un video.

Estensione della lightbox reattiva

Il plug-in Responsive Lightbox viene fornito con una serie di estensioni premium che puoi installare per accedere a funzionalità avanzate.

• Lightcase Lightbox ti dà accesso a display personalizzabili e tantissimi effetti di transizione.
• Photo Swipe Lightbox ti consente di migliorare l'esperienza di navigazione per i siti web mobili.
• Light Gallery Lightbox supporta lightbox a schermo intero e include oltre 20 animazioni integrate.
• Fancybox Pro ti offre una lightbox mobile-first e abilitata al tocco.
• Strip Lightbox fa scorrere le tue foto sul bordo dello schermo.
• Justified Gallery ti consente di creare griglie fotografiche dinamiche di immagini.
• Masonry Image Gallery ti consente di convertire facilmente la tua galleria in un set di foto simile a Pinterest / Tumblr.
• Slider Gallery trasforma la tua galleria in uno slider reattivo.
• Expander Gallery ti offre una galleria a griglia ispirata a Google Immagini.
• Galleria nascosta avvia la galleria con l'overlay lightbox quando un utente fa clic su un collegamento o su un'immagine.

Il bundle Photo & Art include tutte e dieci le estensioni premium Responsive Lightbox, che hanno un prezzo inferiore rispetto ai singoli plug-in.

Ben documentato e supportato

Il plug-in Responsive Lightbox viene fornito con una documentazione dettagliata per gli sviluppatori. La sua documentazione copre praticamente tutto, inclusa l'installazione del plug-in e delle estensioni, una descrizione delle impostazioni generali e uno sguardo approfondito ai diversi lightbox.

Se sei uno sviluppatore WordPress e vuoi approfondire la personalizzazione di Responsive Lightbox per il tuo sito web, puoi sfruttare la sezione sull'utilizzo manuale della documentazione per saperne di più.

Oltre a questo, gli sviluppatori offrono anche una pagina di risoluzione dei problemi completa che spiega le possibili ragioni per incontrare un particolare problema e cosa puoi fare per risolverlo, completa di frammenti di codice!

Per quanto riguarda il supporto per Responsive Lightbox, gli sviluppatori di dFactory offrono supporto attraverso il loro sito Web ufficiale e la pagina del plugin nella directory dei plugin di WordPress. Puoi anche guardare un video tutorial per aiutarti a iniziare.

Se stai cercando una soluzione lightbox completa per il tuo sito Web WordPress, allora Responsive Lightbox vale la pena provare.

Questo plug-in di base è disponibile gratuitamente per il download e, ogni volta che desideri accedere a funzionalità avanzate, puoi installare una delle sue dieci estensioni premium. Ti invitiamo a installare Responsive Lightbox e provarlo da solo e condividere la tua esperienza nella sezione commenti qui sotto.