Acest blog va discuta despre semnificația WordPress Lightbox și procedura de implementare.
Ce este un Lightbox în WordPress?
O casetă luminosă corespunde unei ferestre pop-up care este afișată pe postări/pagini pentru a afișa o imagine mai mică la dimensiunea completă. Este de așa natură încât acționează ca o galerie pentru a importa/încărca mai multe articole media și a le implementa pe site. De asemenea, după implementare, când se face clic pe media, acesta este maximizat și apare clar pe ecran. Cea mai comună aplicație a Lightbox este afișarea imagini de înaltă calitate pe blog prin menținerea dimensiunii acestora.
Cum se implementează Lightbox în WordPress?
LightBox-ul poate fi implementat/aplicat cu ajutorul diferitelor plugin-uri. În acest caz, „ Lightbox și Galerie responsive ” va fi folosit pluginul.
Utilizați următorii pași pentru a implementa lightbox-ul în WordPress.
Pasul 1: Instalați pluginul
În primul rând, instalați „ Lightbox și Galerie responsive ” plugin de la ” Plugins->Adăugați nou ”:
Odată ce instalarea și activarea sunt finalizate, declanșați „ Începeți turul ” pentru a începe să utilizați pluginul:
Pasul 2: Adăugați imagini
Acum, adăugați o nouă galerie din „ Galerie->Adaugă nou ”:
După aceea, atribuiți un nume personalizat galeriei și utilizați „ Biblioteca media „opțiune și declanșare” Selectați imagini ” pentru a încărca imagini noi sau pentru a adăuga imagini existente din „Biblioteca media”:
Aici, marcați imaginile care vor fi utilizate și apăsați butonul evidențiat:
Pasul 3: Editați imaginile încărcate
Pentru a edita sau șterge imaginile, plasați cursorul peste imaginile țintă pentru a afișa noi opțiuni, după cum urmează:
Aici, se poate vizualiza că făcând clic pe „ Editați imaginea ”, devin evidente diverse opțiuni de editare, cum ar fi Alt Text, Titlu, Legendă și Descriere, care pot fi completate în consecință. După editare, asigurați-vă că apăsați butonul „ Salvează modificările butonul ”:
Personalizarea casetei de lumină
Pentru personalizarea Lightbox-ului, există mai multe file alocate, fiecare având funcționalități dedicate. Aceste file vor fi explicate individual.
Fila Configurare (Configurare): Această filă vă permite să optați pentru stilul galeriei. Include cele patru opțiuni menționate ca butoane radio pentru configurarea galeriei:
Fila Design: Include mai multe opțiuni pentru modificarea miniaturii, titlului, fundalul și respectiv chenarul:
Fila Paginare: Această filă permite dezvoltatorului să activeze paginarea, să-i specifice tipul, poziția etc.:
Fila Lightbox: Aici, dimensiunea imaginii poate fi ajustată împreună cu setarea titlului și legendei:
Fila Diverse: Permite adăugarea „ Descrierea galeriei ' și ' Clasuri personalizate ” etc.:
Adăugarea casetei de lumină în pagini/postări WordPress
După proiectarea galeriei, postările sau paginile pot fi adăugate și ca lightbox. Pentru a face acest lucru, inserați codul scurt în ecranul de editare al postării/paginii țintă prin pașii de mai jos:
Pasul 1: Navigați la Toate galeriile
Schimba cu ' Galerie > Toate galeriile ” și copiați shortcode-ul din „ Cod scurt ” coloana:
Pasul 2: Lipiți codul
Aici, deschide pagina (în acest caz) sau postarea care urmează să fie modificată cu caseta de lumină și lipiți codul scurt în blocul editorului de text direct, după cum se specifică mai jos:
Aspectul final al site-ului
Mai jos este aspectul final al site-ului web după implementarea imaginilor lightbox pe pagina principală:
Aceste imagini atunci când se fac clic, acționează ca un carusel la dimensiune completă, fără implicarea vreunei alte funcționalități:
Concluzie
A ' Caseta de lumina ” corespunde unei ferestre pop-up care acționează ca o galerie pentru a importa mai multe elemente media și a le implementa pe site. Poate fi aplicat cu ajutorul diverselor plugin-uri. De asemenea, cuprinde mai multe opțiuni de personalizare care pot fi aplicate imaginii țintă și eventual integrate cu funcționalitățile site-ului. Acest articol a discutat despre funcționarea „ Caseta de lumina ” și metodologiile de implementare.