![\"Lightboxin](\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/10\/post-181201-616f5f07a33d1.png\")
<\/a><\/p>\nSaat molempien maailmojen parhaat puolet. N\u00e4yt\u00e4t silti pienemm\u00e4n version kuvasta, joka sopii hyvin viestiisi ja latautuu nopeasti, mutta tarjoat my\u00f6s paljon suuremman, t\u00e4ysikokoisen version kuvasta kaikille, jotka haluavat n\u00e4hd\u00e4 sen.<\/p>\n
Noudata t\u00e4m\u00e4n opetusohjelman ohjeita ja saat lightboxin WordPress-sivustollesi muutamassa minuutissa.<\/p>\n
Jos haluat lis\u00e4t\u00e4 lightboxin verkkokauppaasi, tutustu t\u00e4h\u00e4n WooCommerce-lightbox-laajennusten kokoelmaan<\/a>.<\/p>\n Vaikka saatavilla on joitain lis\u00e4vaihtoehtoja, haluan pit\u00e4\u00e4 asiat yksinkertaisina. Siksi suosittelen Archetypedin Simple Lightbox<\/a> -laajennusta.<\/p>\n T\u00e4m\u00e4 yksinkertainen WordPress-laajennus tarjoaa sinulle t\u00e4sm\u00e4lleen tarvitsemasi toiminnot ilman turvotusta.<\/p>\n Voit ladata laajennuksen osoitteesta wordpress.org tai hakea sit\u00e4 Plugins-valikon kautta asentaaksesi sen sivustollesi nyt.<\/p>\n Kun Simple Lightbox -laajennus on asennettu, l\u00f6yd\u00e4t uuden Lightbox-valikon j\u00e4rjestelm\u00e4nvalvojan hallintapaneelin Ulkoasu-valikon alta:<\/p>\n Sinun tarvitsee vain muutama vaihe m\u00e4\u00e4ritt\u00e4\u00e4ksesi laajennuksen kokonaan sivustollesi.<\/p>\n Ensimm\u00e4inen osio, Aktivointi, m\u00e4\u00e4ritt\u00e4\u00e4, miss\u00e4 kuvissa tulee olla valolaatikko.<\/p>\n Kuten n\u00e4et, voit valita sivutyypit, joihin haluat vaikuttaa, ja kaikkien n\u00e4iden sivujen sis\u00e4ll\u00f6st\u00e4 l\u00f6ytyviss\u00e4 kuvissa on lightbox-ominaisuus k\u00e4yt\u00f6ss\u00e4.<\/p>\n Useimmille ihmisille t\u00e4m\u00e4 kokoonpano toimii parhaiten:<\/p>\n T\u00e4ll\u00e4 m\u00e4\u00e4rityksell\u00e4 valop\u00f6yt\u00e4 on k\u00e4yt\u00f6ss\u00e4 kaikissa blogiviestiesi kuvissa, mutta se ei vaikuta sivustosi muilla sivuilla oleviin kuviin (kuten Tietoja-sivullasi ja etusivullasi).<\/p>\n Ennen kuin jatkamme eteenp\u00e4in, meid\u00e4n on ratkaistava yksi ongelma\u2026<\/p>\n Jotta lightbox toimisi, sinun on linkitett\u00e4v\u00e4 kuvat niiden mediatiedostoihin seuraavasti:<\/p>\n Ennen kuin WordPress lis\u00e4si uuden editorin, voit asettaa kaikki kuvasi linkitt\u00e4m\u00e4\u00e4n mediatiedostoihinsa automaattisesti, mutta nyt sinun on linkitett\u00e4v\u00e4 ne manuaalisesti ty\u00f6kalupalkin avulla, kuten yll\u00e4 olevassa kuvakaappauksessa.<\/p>\n Kaikki lightbox-laajennukset toimivat t\u00e4ll\u00e4 tavalla, joten kuvien linkitt\u00e4minen mediatiedostoihin on vaatimus.<\/p>\n Mit\u00e4 t\u00e4m\u00e4 sitten tarkoittaa sivustollesi?<\/p>\n Se tarkoittaa, ett\u00e4 kun otat valop\u00f6yd\u00e4n k\u00e4ytt\u00f6\u00f6n viesteiss\u00e4si, viesteiss\u00e4si olevilla kuvilla ei ole lightboxia, ennen kuin linkit\u00e4t ne heid\u00e4n mediatiedostoonsa, ja sinun on teht\u00e4v\u00e4 t\u00e4m\u00e4 jokaiselle kuvalle, jolle haluat saada valolaatikon.<\/p>\n T\u00e4m\u00e4 hidastaa toimintaa verrattuna siihen, miten se toimi aiemmin, mutta se antaa sinulle t\u00e4ydellisen hallinnan siihen, miss\u00e4 kuvissa on valolaatikko.<\/p>\n Kun se on poissa tielt\u00e4, lopetetaan laajennuksen m\u00e4\u00e4ritys.<\/p>\n Vaikka oletuslinkkivaihtoehto ei ole k\u00e4ytett\u00e4viss\u00e4 juuri nyt, on syyt\u00e4 uskoa, ett\u00e4 WP-kehitt\u00e4j\u00e4t lis\u00e4\u00e4v\u00e4t sen takaisin tulevassa p\u00e4ivityksess\u00e4.<\/p>\n Saatat olla tyytyv\u00e4inen yksinkertaiseen lightboxiin, mutta ryhmittelyvaihtoehto voi olla k\u00e4yt\u00e4nn\u00f6llinen joillakin verkkosivustoilla.<\/p>\n Simple Lightbox -laajennus voi ottaa kaikki viestisi kuvat ja muuttaa niist\u00e4 diaesityksen<\/a>. Kun t\u00e4m\u00e4 ominaisuus on aktivoitu, kun vierailija napsauttaa kuvaa, h\u00e4n n\u00e4kee tavallisen ponnahdusikkunan,<\/a> mutta sen sivuille on lis\u00e4tty nuolet, jotta he voivat navigoida jokaisen julkaisun kuvan l\u00e4pi.<\/p>\n Diaesitys kertoo vierailijoille my\u00f6s, kuinka monta kuvaa sarjassa on vasemmassa alakulmassa, ja oikeassa yl\u00e4kulmassa on toisto-\/taukopainike, joka on lis\u00e4tty sulkemispainikkeen viereen.<\/p>\n Diaesityksen lightboxilla voi olla tai ei ole j\u00e4rke\u00e4 sivustollesi, mutta se on helppo sammuttaa Ryhmittelyasetuksista, jos et pid\u00e4 siit\u00e4.<\/p>\n Jos lis\u00e4\u00e4t<\/a> viesteihisi usein useita gallerioita<\/a>, voit valita kolmannen ruudun, jos haluat, ett\u00e4 yksinkertainen valolaatikko pit\u00e4\u00e4 diaesitykset erill\u00e4\u00e4n.<\/p>\n Vaikka valolaatikon oletusrakenne on yksinkertainen ja selke\u00e4, k\u00e4ytett\u00e4viss\u00e4 on muutamia mukautusasetuksia.<\/p>\n Teemoja on vain kaksi (vaalea ja tumma), ja tumma teema yksinkertaisesti korvaa valkoisen reunuksen mustalla.<\/p>\n Suosittelen j\u00e4tt\u00e4m\u00e4\u00e4n suurimman osan asetuksista ennalleen, mutta henkil\u00f6kohtaisesti pid\u00e4n automaattista diaesitystoimintoa h\u00e4iritsev\u00e4n\u00e4, joten tarkistan sen. Lis\u00e4ksi voit ottaa kuvien otsikot k\u00e4ytt\u00f6\u00f6n poistamalla viimeisen vaihtoehdon k\u00e4yt\u00f6st\u00e4.<\/p>\n Kun mukautukset on tehty, konfiguroinnin viimeistely on en\u00e4\u00e4 yksi pieni vaihe.<\/p>\n Simple Lightbox sis\u00e4lt\u00e4\u00e4 tarrat kaikille lightboxin painikkeille.<\/p>\n Se on h\u00e4mment\u00e4v\u00e4\u00e4 ilman taustatietoja: n\u00e4m\u00e4 tunnisteet eiv\u00e4t itse asiassa n\u00e4y sivustolla, vaan ne ovat esteett\u00f6myysominaisuus,<\/a> ja niit\u00e4 k\u00e4ytet\u00e4\u00e4n vierailijoille, jotka k\u00e4ytt\u00e4v\u00e4t n\u00e4yt\u00f6nlukuohjelmia ja aputekniikkaa.<\/p>\n Oletustunnisteet ovat j\u00e4rkevi\u00e4, mutta voit muokata niit\u00e4 Tunnisteet-osiossa, jos haluat:<\/p>\n T\u00e4m\u00e4n j\u00e4lkeen olet lopettanut WordPress-sivustollesi lis\u00e4tyn lightboxin mukauttamisen.<\/p>\n Lightboxit sopivat erinomaisesti k\u00e4ytt\u00f6kokemukseen.<\/p>\n Jos laajennat julkaisujesi leveytt\u00e4 lis\u00e4t\u00e4ksesi suurempia kuvia, vahingoittaisit tekstisi luettavuutta ja isommat kuvatiedostot hidastaisivat sivustoasi.<\/p>\n Valolaatikon avulla voit tarjota vierailijoillesi upean lukukokemuksen ja upean katselukokemuksen kuvillesi.<\/p>\n Jos pidit t\u00e4st\u00e4 opetusohjelmasta ja haluat jatkaa r\u00e4\u00e4t\u00e4l\u00f6inti\u00e4, tutustu lopulliseen oppaani: 31 helppoa tapaa mukauttaa WordPress-sivustoasi<\/a>.<\/p>\n Kiitos, ett\u00e4 luit, ja jaa t\u00e4m\u00e4 viesti, jos se auttoi sinua.<\/p>\nLis\u00e4\u00e4 valolaatikoita sivustollesi<\/h2>\n
<\/a><\/p>\n<\/a><\/p>\nM\u00e4\u00e4rit\u00e4 valolaatikko<\/h3>\n
<\/a><\/p>\n<\/a><\/p>\nYksi \u00e4rsytt\u00e4v\u00e4 ongelma<\/h3>\n
<\/a><\/p>\nLuo lightbox-diaesityksi\u00e4<\/h3>\n
<\/a><\/p>\n<\/a><\/p>\nMukauta tyylej\u00e4<\/h3>\n
<\/a><\/p>\nMukauta tarroja<\/h3>\n
<\/a><\/p>\nNauti uudesta valolaatikostasi<\/h2>\n