Galleria- ja kuvakarusellikomponenttien käyttäminen Website Builderissä
Haluatko näyttää useita kuvia kotisivuillasi? Website Builderin Galleria- ja kuvakarusellikomponenttien avulla voit lisätä useita kuvia ruudukkoon tai tehdä niistä diaesityksen. Alla näytämme, kuinka voit lisätä nämä komponentit sivulle ja säätää niitä.
- Lisää komponentti sivustollesi
- Vaihda kuvia ja lisää uusia
- Galleria- ja kuvakarusellikomponenttien asetukset
Komponentin lisääminen
- Avaa Website Builder one.com-ohjauspaneelista.
- Klikkaa kohtaa Galleria vasemmanpuoleisessa valikossa ja valitse galleriakomponentti, jonka haluat lisätä.
- Vedä haluamasi komponentti työtilaan ja pudota se kohtaan, johon haluat sijoittaa gallerian tai kuvakarusellin.
- Valitse kuvat, jotka haluat lisätä, tai lataa ne tietokoneeltasi tai ulkoisesta URL-osoitteesta. Klikkaa Lisää sivulle ponnahdusikkunan alareunassa.
- Säädä komponentin kokoa ja sijoita se haluamaasi paikkaan.
- Klikkaa Galleria-asetukset/Kuvakarusellin asetukset komponentin yläosassa säätääksesi sen asetuksia.
- Klikkaa Tallenna ja Julkaise, jotta kuvat näkyvät sivustollasi.
Vaihda kuvia ja lisää uusia
Kun klikkaat lisättyä komponenttia, näkyviin tulee kaksi välilehteä: Gallerian/Kuvakarusellin asetukset ja Vaihda kuvia.
Klikkaa Vaihda kuvia -välilehteä vaihtaaksesi galleriasi kuvia. Voit poistaa kuvan klikkaamalla sen kulmassa olevaa roskakorikuvaketta ja muokata sitä klikkaamalla kynäkuvaketta. Voit myös lisätä galleriaan uusia kuvia klikkaamalla Lisää kuvia oikeassa yläkulmassa.
Huomaa: Kuvan otsikko toimii myös alt-tekstinä näissä komponenteissa. Jos haluat lisätä alt-tekstin, voit tehdä sen Lajittele & muokkaa kuvia -näkymän oikealla puolella kohdassa Otsikko (alt).
Galleria- ja kuvakarusellikomponenttien asetukset
Kaksi valikkoa tulee näkyviin, kun klikkaat Asetukset-välilehteä komponentissa. Täällä voit muuttaa seuraavia asetuksia:
Galleria-komponentti:
1 - Ylä/alavalikko
- Sarakkeet - Säädä sarakkeiden määrää.
- Välistys - Säädä kuvien välistä tyhjää tilaa.
- Rajaus - Valitse tämä laatikko, jos haluat rajata kuvat, jotta ne näkyvät samankokoisina galleriassa.
- Kompakti näkymä - Valitse tämä ruutu, jos haluat kuvien olevan mahdollisimman lähellä sinisiä reunuksia.
- Täysi leveys - Valitse tämä ruutu, jos haluat, että galleria ulottuu sivun koko leveydelle.
2 - Kelluva valikko
- Klikattaessa - Valitse, mitä tapahtuu, kun käyttäjä klikkaa kuvaa. Valitse joko ei mitään, näytä suurempi kuva tai avaa linkki.
- Kuvatekstit - Valitse, haluatko lisätä kuvatekstejä gallerian kuviin. Klikkaa "Hallitse kuvatekstejä" syöttääksesi tekstin ja alt-tekstin. Valitse, haluatko kuvatekstin vasemmalle, oikealle vai keskelle. Voit myös valita kuvatekstin tyylin: klassinen, malli tai mukautettu.
- Kuvan tyyli - Täällä voit muuttaa kuvasuhdetta esimerkiksi vaaka- tai pystykuvaan. Voit myös lisätä reunuksia ja pyöristettyjä kulmia.
- Täysi leveys - Tässä voit säätää gallerian koko leveyden sinisten reunusten ulkopuolelle (täysi leveys) tai niiden sisäpuolelle (oletus).
Kuvakaruselli-komponentti:
1 - Ylä/alavalikko
- Sarakkeet - Säädä sarakkeiden määrää (1-5) liukusäätimessä. Kuvakaappauksessa olemme valinneet kolme.
- Siirtymä - Valitse kuvien vaihdon liuku- tai häivytystehoste.
- Rajaa - Voit halutessasi rajata jokaisen kuvan niin, että ne ovat samankokoisia karusellissa. Rajaus on aina aktiivinen, jos diaa kohden on useita kuvia (sarakkeita).
- Nopeus - Valitse kuvan vaihtonopeus. Minimi on 1 sekunti ja maksimi 15.
- Täysi leveys - Valitse, haluatko näyttää kuvan koko leveydellä. Tämä toiminto on käytettävissä vain, jos kussakin diassa on vain yksi kuva.
2. Kelluva valikko
- Navigointi - Valitse, siirtyvätkö kuvat automaattisesti, ja säädä tai piilota navigointinuolet ja ilmaisin.
- Klikattaessa - Valitse, mitä tapahtuu, kun asiakas klikkaa kuvaa. Valitse joko ei mitään, näytä suurempi kuva tai avaa linkki.
- Kuvatekstit - Valitse, näytetäänkö kuvatekstit kuvien kanssa. Jos valitset tämän valintaruudun, saat lisää muokkausvaihtoehtoja: Lisää kuvatekstejä ja valitse tasaus ja sijoittelu.
- Täysi leveys - Jos sinulla on vain yksi sarake, voit säätää karusellin leveyden niin, että se on sinisten reunusten ulkopuolella (täysi leveys) tai niiden sisällä (oletus).
Aiheeseen liittyviä artikkeleita: