Questo blog discuterà l'importanza di WordPress Lightbox e la procedura per implementarlo.
Cos'è una Lightbox in WordPress?
Una lightbox corrisponde a una finestra pop-up che viene visualizzata su post/pagine per visualizzare un'immagine più piccola a grandezza naturale. È tale che funge da galleria per importare/caricare più elementi multimediali e distribuirli sul sito. Inoltre, dopo la distribuzione, quando si fa clic sul contenuto multimediale, questo viene ingrandito e appare chiaramente sullo schermo. L'applicazione più comune di Lightbox è la visualizzazione immagini di alta qualità sul blog mantenendo le loro dimensioni.
Come implementare Lightbox in WordPress?
Il LightBox può essere implementato/applicato con l'aiuto di vari plugin. In questo caso, il “ Lightbox e galleria reattivi Verrà utilizzato il plug-in '.
Utilizza i seguenti passaggi per implementare la lightbox in WordPress.
Passaggio 1: installa il plug-in
Prima di tutto, installa il ' Lightbox e galleria reattivi ' plugin da ' Plugin->Aggiungi nuovo ':
Una volta terminata l'installazione e l'attivazione, attivare il pulsante ' Inizia il giro ' per iniziare a utilizzare il plugin:
Passaggio 2: aggiungi immagini
Ora aggiungi una nuova galleria da ' Galleria->Aggiungi nuovo ':
Successivamente, assegna un nome personalizzato alla galleria e utilizza il pulsante ' Biblioteca multimediale “opzione e trigger” Seleziona le immagini ' per caricare le nuove immagini o aggiungere immagini esistenti dalla 'Libreria multimediale':
Qui, contrassegna le immagini da utilizzare e premi il pulsante evidenziato:
Passaggio 3: modifica le immagini caricate
Per modificare o eliminare le immagini, invece, passa il mouse sopra l'immagine o le immagini di destinazione per visualizzare nuove opzioni, come segue:
Qui si può visualizzare che cliccando sul pulsante “ Modifica immagine ', diventano evidenti varie opzioni di modifica come Testo alternativo, Titolo, Didascalia e Descrizione che possono essere riempite di conseguenza. Dopo la modifica, assicurati di premere il pulsante ' Salvare le modifiche pulsante ':
Personalizzazione della Lightbox
Per personalizzare la Lightbox, sono disponibili diverse schede assegnate, ciascuna con funzionalità dedicate. Queste schede verranno spiegate individualmente.
Scheda Configurazione (Configurazione): Questa scheda ti consente di optare per lo stile della galleria. Include le quattro opzioni indicate come pulsanti di opzione per la configurazione della galleria:
Scheda Progettazione: Include più opzioni per modificare rispettivamente la miniatura, il titolo, lo sfondo e il bordo:
Scheda Cercapersone: Questa scheda consente allo sviluppatore di abilitare l'impaginazione, specificarne il tipo, la posizione, ecc.:
Scheda Lightbox: Qui, la dimensione dell'immagine può essere regolata insieme all'impostazione del titolo e della didascalia:
Scheda Varie: Permette di aggiungere il “ Descrizione della Galleria ' E ' Classi personalizzate ' eccetera.:
Aggiunta della lightbox alle pagine/post di WordPress
Dopo aver progettato la galleria, i post o le pagine possono anche essere aggiunti come lightbox. Per fare ciò, incolla lo shortcode nella schermata di modifica del post/pagina di destinazione tramite i passaggi indicati di seguito:
Passaggio 1: vai a Tutte le gallerie
Passa a ' Galleria > Tutte le gallerie ' e copia lo shortcode da ' Codice corto 'colonna:
Passaggio 2: incolla il codice
Qui, si apre la pagina (in questo caso) o il post da modificare con la lightbox e si incolla lo shortcode direttamente nel blocco dell'editor di testo, come specificato di seguito:
Aspetto finale del sito web
Di seguito è riportato l'aspetto finale del sito Web dopo l'implementazione delle immagini lightbox nella home page:
Queste immagini, quando vengono cliccate, agiscono come un carosello a grandezza naturale senza coinvolgimento di altre funzionalità:
Conclusione
UN ' Scatola luminosa ' corrisponde a una finestra pop-up che funge da galleria per importare più elementi multimediali e distribuirli sul sito. Può essere applicato con l'aiuto di vari plugin. Inoltre, comprende molteplici opzioni di personalizzazione che possono essere applicate all'immagine di destinazione ed eventualmente integrate con le funzionalità del sito. Questo articolo ha discusso il funzionamento di “ Scatola luminosa ” e le metodologie per implementarlo.