Ovaj blog raspravljat će o značaju WordPress Lightboxa i postupku njegove implementacije.
Što je Lightbox u WordPressu?
Lightbox odgovara skočnom prozoru koji se prikazuje na objavama/stranicama za prikaz manje slike u punoj veličini. Takav je da djeluje kao galerija za uvoz/upload više medijskih stavki i njihovo postavljanje na web mjesto. Također, nakon implementacije, kada se klikne medij, on se maksimizira i jasno se pojavljuje na zaslonu. Najčešća primjena Lightboxa je prikaz visokokvalitetne slike na blogu održavanjem njihove veličine.
Kako implementirati Lightbox u WordPress?
LightBox se može implementirati/primijeniti uz pomoć raznih dodataka. U ovom slučaju, ' Responzivni Lightbox & Galerija ” koristit će se dodatak.
Upotrijebite sljedeće korake za implementaciju lightboxa u WordPress.
Korak 1: Instalirajte dodatak
Prije svega, instalirajte ' Responzivni Lightbox & Galerija ” dodatak od “ Dodaci->Dodaj novi ”:
Nakon završetka instalacije i aktivacije, pokrenite ' Započni obilazak ” za početak korištenja dodatka:
Korak 2: Dodajte slike
Sada dodajte novu galeriju iz ' Galerija->Dodaj novo ”:
Nakon toga dodijelite prilagođeni naziv galeriji i upotrijebite ' Mediateka ' opcija i okidač ' Odaberite slike ” za prijenos novih slika ili dodavanje postojećih slika iz „Knjižnice medija”:
Ovdje označite slike koje želite koristiti i pritisnite označeni gumb:
Korak 3: Uredite prenesene slike
Da biste umjesto toga uredili ili izbrisali slike, zadržite pokazivač miša iznad ciljane slike(a) da biste prikazali nove opcije, kako slijedi:
Ovdje se može vizualizirati da nakon klika na ' Uredi sliku ”, razne opcije uređivanja kao što su Alt Text, Title, Caption i Description postaju očigledne i mogu se ispuniti u skladu s tim. Nakon uređivanja, svakako pritisnite ' Spremi promjene ' dugme:
Prilagodba Lightboxa
Za prilagodbu Lightboxa postoji nekoliko dodijeljenih kartica od kojih svaka ima posebne funkcije. Ove će kartice biti pojedinačno objašnjene.
Kartica Konfiguracija (Konfiguracija): Ova vam kartica omogućuje odabir stila galerije. Uključuje četiri navedene opcije kao radio gumbe za konfiguraciju galerije:
Kartica Dizajn: Uključuje više opcija za izmjenu minijature, naslova, pozadine i obruba:
Kartica straničenja: Ova kartica omogućuje programeru da omogući paginaciju, odredi njenu vrstu, položaj itd.:
Kartica Lightbox: Ovdje se može podesiti veličina slike zajedno s postavljanjem naslova i opisa:
Kartica Razno: Omogućuje dodavanje ' Opis galerije ' i ' Prilagođeni razredi ” itd.:
Dodavanje Lightboxa na WordPress stranice/postove
Nakon dizajniranja galerije, objave ili stranice također se mogu dodati kao lightbox. Da biste to učinili, zalijepite kratki kod u zaslon za uređivanje ciljne objave/stranice prema dolje navedenim koracima:
Korak 1: Idite na Sve galerije
Prebaciti na ' Galerija > Sve galerije ' i kopirajte kratki kod iz ' Kratki kod ' stupac:
Korak 2: Zalijepite kod
Ovdje otvara stranicu (u ovom slučaju) ili objavu koju treba izmijeniti s okvirom za pregled i zalijepi kratki kod izravno u blok uređivača teksta, kao što je navedeno u nastavku:
Konačni izgled web stranice
U nastavku je konačni izgled web stranice nakon implementacije lightbox slika na početnu stranicu:
Kada se na njih klikne, ove slike djeluju kao vrtuljak u punoj veličini bez uključivanja bilo koje druge funkcije:
Zaključak
A “ Svjetleća kutija ” odgovara skočnom prozoru koji djeluje kao galerija za uvoz više medijskih stavki i njihovo postavljanje na web mjesto. Može se primijeniti uz pomoć raznih dodataka. Također, sadrži više opcija prilagodbe koje se mogu primijeniti na ciljanu sliku i na kraju integrirati s funkcionalnostima web-mjesta. Ovaj zapis raspravljao je o radu ' Svjetleća kutija ” i metodologije za njegovu provedbu.