Tento blog bude diskutovať o význame WordPress Lightbox a postupe na jeho implementáciu.
Čo je to Lightbox vo WordPress?
Lightbox zodpovedá vyskakovaciemu oknu, ktoré sa zobrazuje na príspevkoch/stránkach a zobrazuje menší obrázok v plnej veľkosti. Je taká, že funguje ako galéria na import/nahranie viacerých mediálnych položiek a ich nasadenie na stránku. Taktiež po nasadení, keď sa na médium klikne, sa maximalizuje a jasne sa zobrazí na obrazovke. Najbežnejšou aplikáciou Lightboxu je zobrazovanie kvalitné obrázky na blogu zachovaním ich veľkosti.
Ako implementovať Lightbox vo WordPress?
LightBox je možné implementovať/aplikovať pomocou rôznych pluginov. V tomto prípade „ Responzívny svetelný box a galéria ” bude použitý doplnok.
Na implementáciu lightboxu do WordPress použite nasledujúce kroky.
Krok 1: Nainštalujte doplnok
Najprv nainštalujte „ Responzívny svetelný box a galéria “ plugin z “ Pluginy->Pridať nové “:
Po dokončení inštalácie a aktivácie spustite „ Začať prehliadku ” tlačidlo na začatie používania doplnku:
Krok 2: Pridajte obrázky
Teraz pridajte novú galériu z „ Galéria->Pridať nové “:
Potom priraďte galérii vlastný názov a použite „ Knižnica médií “možnosť a spúšťač” Vyberte obrázky ” na odovzdanie nových obrázkov alebo pridanie existujúcich obrázkov z „Knižnice médií“:
Tu označte obrázky, ktoré sa majú použiť, a stlačte zvýraznené tlačidlo:
Krok 3: Upravte nahrané obrázky
Ak chcete obrázky namiesto toho upraviť alebo odstrániť, umiestnite kurzor myši na cieľový obrázok (obrázky), čím sa zobrazia nové možnosti, a to takto:
Tu si možno predstaviť, že po kliknutí na „ Upraviť obrázok ” sú zrejmé rôzne možnosti úprav, ako je alternatívny text, nadpis, titulok a popis, ktoré možno zodpovedajúcim spôsobom vyplniť. Po úprave nezabudnite stlačiť „ Uložiť zmeny tlačidlo ”:
Prispôsobenie Lightboxu
Na prispôsobenie Lightboxu je k dispozícii niekoľko vyhradených kariet, z ktorých každá má vyhradené funkcie. Tieto karty budú vysvetlené jednotlivo.
Karta Config (Configuration): Táto karta vám umožňuje zvoliť si štýl galérie. Obsahuje uvedené štyri možnosti ako prepínače na konfiguráciu galérie:
Karta Dizajn: Obsahuje viacero možností na úpravu miniatúry, názvu, pozadia a orámovania:
Karta stránkovania: Táto karta umožňuje vývojárovi povoliť stránkovanie, určiť jeho typ, pozíciu atď.:
Karta lightbox: Tu je možné upraviť veľkosť obrázka spolu s nastavením jeho názvu a titulku:
Karta Rôzne: Umožňuje pridať „ Popis galérie “ a „ Vlastné triedy ' atď.:
Pridanie Lightboxu do stránok/príspevkov WordPress
Po navrhnutí galérie môžu byť príspevky alebo stránky pridané aj ako lightbox. Ak to chcete urobiť, prilepte krátky kód na obrazovku úprav cieľového príspevku/stránky pomocou krokov uvedených nižšie:
Krok 1: Prejdite na Všetky galérie
Prepnúť na ' Galéria > Všetky galérie “ a skopírujte skrátený kód z „ Skrátený kód ” stĺpec:
Krok 2: Prilepte kód
Tu otvorí stránku (v tomto prípade) alebo príspevok, ktorý sa má upraviť pomocou lightboxu, a prilepí krátky kód priamo do bloku textového editora, ako je uvedené nižšie:
Konečný vzhľad webovej stránky
Nižšie je uvedený konečný vzhľad webovej stránky po implementácii obrázkov lightbox na domovskej stránke:
Tieto obrázky po kliknutí fungujú ako karusel v plnej veľkosti bez zapojenia akejkoľvek inej funkcie:
Záver
A “ Svetelný box “ zodpovedá kontextovému oknu, ktoré funguje ako galéria na importovanie viacerých mediálnych položiek a ich nasadenie na lokalitu. Dá sa aplikovať pomocou rôznych pluginov. Obsahuje tiež viacero možností prispôsobenia, ktoré možno použiť na cieľový obrázok a prípadne ich integrovať s funkciami stránky. Tento príspevok diskutoval o fungovaní „ Svetelný box “ a metodiky na jeho implementáciu.