![\"Come](\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/10\/post-181201-616f5f07a33d1.png\")
<\/a><\/p>\nOttieni il meglio da entrambi i mondi. Visualizzi ancora una versione pi\u00f9 piccola dell’immagine che si adatta bene al tuo post e si carica rapidamente, ma offri anche una versione molto pi\u00f9 grande e a grandezza naturale dell’immagine per chiunque voglia vederla.<\/p>\n
Segui i passaggi in questo tutorial e avrai una lightbox aggiunta al tuo sito WordPress in pochi minuti.<\/p>\n
Se vuoi aggiungere una lightbox al tuo negozio eCommerce, dai un’occhiata a questa raccolta di plugin per lightbox WooCommerce<\/a>.<\/p>\n Sebbene siano disponibili alcune opzioni avanzate, mi piace mantenere le cose semplici. Ecco perch\u00e9 consiglio il plugin Simple Lightbox<\/a> di Archetyped.<\/p>\n Questo plug-in WordPress senza fronzoli ti offre esattamente le funzionalit\u00e0 di cui hai bisogno senza esagerare.<\/p>\n Puoi scaricare il plugin da wordpress.org o cercarlo tramite il menu Plugin per installarlo ora sul tuo sito.<\/p>\n Con il plug-in Simple Lightbox installato, troverai un nuovo menu chiamato "Lightbox" nel menu Aspetto nella dashboard di amministrazione:<\/p>\n Bastano pochi passaggi per configurare completamente il plugin per il tuo sito.<\/p>\n La prima sezione, Attivazione, controlla quali immagini dovrebbero avere un lightbox.<\/p>\n Come puoi vedere, puoi scegliere i tipi di pagina che desideri siano interessati e tutte le immagini trovate all’interno del contenuto di quelle pagine avranno la funzione lightbox attivata.<\/p>\n Per la maggior parte delle persone, questa configurazione funzioner\u00e0 meglio:<\/p>\n Con questa configurazione, tutte le immagini nei post del tuo blog avranno la lightbox abilitata, ma non influenzer\u00e0 le immagini su altre pagine del tuo sito (come la tua pagina "Informazioni" e la home page).<\/p>\n Prima di andare oltre, c’\u00e8 un problema che dobbiamo affrontare…<\/p>\n Affinch\u00e9 il lightbox funzioni, devi collegare le tue immagini ai loro file multimediali, in questo modo:<\/p>\n Prima che WordPress aggiungesse il nuovo editor, potevi impostare tutte le tue immagini in modo che si collegassero automaticamente ai loro file multimediali, ma ora devi collegarle manualmente utilizzando la barra degli strumenti, come mostrato nello screenshot qui sopra.<\/p>\n Tutti i plug-in lightbox funzionano in questo modo, quindi \u00e8 necessario collegare le immagini ai loro file multimediali.<\/p>\n Quindi cosa significa questo per il tuo sito?<\/p>\n Significa che quando abiliti la lightbox per i tuoi post, le immagini nei tuoi post non avranno una lightbox finch\u00e9 non le colleghi al loro file multimediale e dovrai farlo per ogni immagine che vuoi avere una lightbox.<\/p>\n Questo rallenta le cose rispetto a come funzionava una volta, ma ti d\u00e0 il controllo totale su quali immagini hanno una lightbox.<\/p>\n Detto questo, finiamo di configurare il plugin.<\/p>\n Sebbene l’opzione di collegamento predefinita non sia disponibile in questo momento, ci sono buone ragioni per credere che gli sviluppatori di WP la aggiungeranno di nuovo in un aggiornamento futuro.<\/p>\n Potresti essere soddisfatto di un semplice lightbox, ma l’opzione di raggruppamento pu\u00f2 essere pratica per alcuni siti web.<\/p>\n Il plugin Simple Lightbox pu\u00f2 prendere tutte le immagini nel tuo post e trasformarle in una presentazione<\/a>. Con questa funzione attivata, quando un visitatore fa clic su un’immagine, vedr\u00e0 la normale finestra popup<\/a> ma con le frecce aggiunte ai lati in modo da poter navigare attraverso ogni immagine nel post.<\/p>\n La presentazione consente inoltre ai visitatori di sapere quante immagini ci sono nella serie in basso a sinistra e c’\u00e8 un pulsante di riproduzione\/pausa in alto a destra aggiunto accanto al pulsante di chiusura.<\/p>\n La lightbox della presentazione pu\u00f2 avere o meno senso per il tuo sito, ma \u00e8 facile disattivarla nelle impostazioni di raggruppamento se non ti piace.<\/p>\n Se aggiungi<\/a> spesso pi\u00f9 gallerie<\/a> ai tuoi post, puoi selezionare la terza casella per fare in modo che Simple Lightbox tenga separate le presentazioni.<\/p>\n Sebbene il design predefinito della lightbox sia semplice e pulito, sono disponibili alcune impostazioni di personalizzazione.<\/p>\n Ci sono solo due temi (chiaro e scuro) e il tema scuro sostituisce semplicemente il bordo bianco con un bordo nero.<\/p>\n Consiglierei di lasciare la maggior parte delle impostazioni cos\u00ec com’\u00e8, ma personalmente trovo la funzione di presentazione automatica dirompente, quindi la controllo. Inoltre, puoi abilitare la visualizzazione dei titoli delle immagini disattivando l’ultima opzione.<\/p>\n Con le personalizzazioni terminate, manca solo un ultimo piccolo passaggio per completare la configurazione.<\/p>\n Simple Lightbox include etichette per tutti i pulsanti nella lightbox.<\/p>\n \u00c8 confuso senza alcune informazioni di base: queste etichette non sono effettivamente visibili sul sito, ma piuttosto sono una funzione di accessibilit\u00e0<\/a> e vengono utilizzate per i tuoi visitatori che utilizzano lettori di schermo e tecnologia assistiva.<\/p>\n Le etichette predefinite sono sensate, ma puoi personalizzarle nella sezione Etichette se desideri:<\/p>\n Con ci\u00f2, hai finito di personalizzare la lightbox ora aggiunta al tuo sito WordPress.<\/p>\n I lightbox sono ottimi per l’esperienza dell’utente.<\/p>\n Se espandi la larghezza dei tuoi post per aggiungere immagini pi\u00f9 grandi, danneggeresti la leggibilit\u00e0 del tuo testo e i file di immagine pi\u00f9 grandi rallenterebbe il tuo sito.<\/p>\n Con un lightbox, puoi offrire ai tuoi visitatori un’ottima esperienza di lettura e un’ottima esperienza di visualizzazione per le tue immagini.<\/p>\n Se ti \u00e8 piaciuto questo tutorial e vuoi continuare a personalizzare di pi\u00f9, dai un’occhiata alla mia guida definitiva: 31 semplici modi per personalizzare il tuo sito WordPress<\/a>.<\/p>\n Grazie per la lettura e per favore condividi questo post se ti \u00e8 stato d’aiuto.<\/p>\nAggiungi lightbox al tuo sito<\/h2>\n
<\/a><\/p>\n<\/a><\/p>\nConfigura la lightbox<\/h3>\n
<\/a><\/p>\n<\/a><\/p>\nL’unico problema fastidioso<\/h3>\n
<\/a><\/p>\nCrea presentazioni lightbox<\/h3>\n
<\/a><\/p>\n<\/a><\/p>\nPersonalizza gli stili<\/h3>\n
<\/a><\/p>\nPersonalizza le etichette<\/h3>\n
<\/a><\/p>\nGoditi la tua nuova lightbox<\/h2>\n