Bannerin asetukset

Appearance /ulkomuodon vaihtoehdot

Bannerit on helppo sijoittaa ja ylläpitää, koska niille on määritelty ennalta neljä eri mallia sijoitteluun.

Poster: Keskittää sisällön ja painikkeen bannerissa. Jos peittokuvaa käytetään, se laajenee koko bannerin leveydelle

Collage left: Sijoittaa sisällön ja painikkeen määritellylle alueelle bannerin vasemmalla puolella.

Collage Center: Sijoittaa sisällön ja painikkeen määritellylle alueelle, joka on bannerin keskellä. Jos peittokuva on käytössä, se kattaa vain määritellyn alueen.

Collage right: Sijoittaa sisällön ja painikkeen määritellylle alueelle bannerin oikealle puolelle. Jos peittokuva on käytössä, se kattaa vain määritellyn alueen.

Voit asettaa bannerin vähimmäiskorkeuden venyttääksesi sivun koko korkeutta, jolloin saat houkuttelevia vaihtoehtoja koko sivun taustakuville ja videoille.

Backround /Tausta. Rivin taustaan voit määrittää monia vaihtoehtoja. Voit käyttää yksinkertaista väriä tai taustakuvaa ja lisätä muita tehosteita.

Backround color asetuksella määrität taustavärin riville. Mikäli et halua väriä voit jättää valinnan No color.

Napauttamalla värivalitsinta voit antaa värin nimen, tai heksadesimaaliarvon.  Voit myös säätää värin peittävyyttä tässä kohtaa.

Eri arvoja on:

Ennalta määritetty värin nimi esim. white

Heksadesimaaliväriarvo esim.  #ffffff

Värin rgba- arvo ja peittävyysprosentti esim. rgba (255,255,255,0,75)

Backround type kohdassa voit valita ladataanko taustalle kuva vaiko video.

 Kuvan lisäämisen ohjeet.

Voit lisätä työpöytänäkymään ja mobiilinäkymään omat kuvat.  Kuvan maksimikoko on 2mb. Ja tiedostomuoto JPG, GIF tai PNG.

Backround size: Valitse tästä miten taustakuva skaalataan suhteessa rivin leveyteen

Cover: Taustakuva peittää rivin koko leveyden

Contain: Taustakuva on rajoitettu sisällön leveyteen

Auto: Käyttää valitun tyylisivun kokoa

Backround position valinnat:

Top Left/Ylävasen, Top center/ Ylhäällä keskellä ja Top right/yläoikea.

Center left/keskitetty vasemmalle, Keskitetty, Center right/ keskitetty oikealle

Bottom left/alavasen, Bottom center/alhaalla keskellä ja bottom rigth/ alaoikea

Backround attachment: Aseta liitteen tyyppi määrittääksesi miten taustakuva liikkuu suhteessa vieritettävään sivuun.

Scroll: Liitteenä oleva taustakuva synkronoidaan siirtymään alaspäin sivun vieriessä. Käytä parallax backroundia vieritysnopeuden säätämiseen

Kiinteä: Taustakuva ei liiku, kun osio vierii kuvan päällä ja se on kiinnitetty määritettyyn taustakuvaan (ei saatavilla mobiililaitteille).

Backround repeat: Valitse kyllä, jos haluat toistaa taustakuvan rivin tyhjän tilan täyttämiseksi

Backround type Video

Tässä videon lisäämisen ohjeet Jos valitset videon sinun tulee lisätä video url - kohtaan missä osoitteesta video noudetaan.

Overlay color kohdasta voit halutessasi lisätä videoon läpinäkyvän sävyn.

Infinite loop kohdasta voit valita Ei, jos haluat, että video toistetaan kerran ja lopetetaan. Jos valitset kyllä (oletus) video toistuu koko ajan.

Lady load Aseta arvoksi Ei, jos haluat, että video latautuu sivulle vaikka se ei olisi näkyvissä. Kun asetus on kyllä (oletus) video latautuu url:n takaa vain, kun se valitaan.

Play only when visible Valitse Ei, jos haluat videon toistuvan heti latauksen jälkeen riippumatta siitä onko se näkyvissä. Kun asetus on kyllä (oletus) videon toisto alkaa vain, kun sen on näkyvissä.

Fallback Image voit määritellä kuvan, joka näytetään näytöllä ennen videon latautumista ja jos video ei jostain syystä lataudu.

Bannerin teksti. Voit lisätä ja muokata bannerin tekstiä, Helpointa se on tehdä työtilassa teksti editorin avulla.

Bannerin voit linkittää haluttuun paikkaan

Osoite: Haluamallesi verkkosivulle

Tuote: Haluamaasi tuotteeseen verkkokaupassa

Kategoria: Haluamaasi kategoriaan verkkokaupassa

Sivu: Haluamallesi sivulle verkkokaupassa

Voit määritellä näytetäänkö bannerissa painike.

Never show: Ei näytetä

On hover Kun viedään hiiri bannerin päälle

Aina: Painike on koko ajan näkyvissä

Button textiin voit kirjoittaa painikkeen tekstin, kun Show button valinta on "on show" tai "aina".

Button type:

Primary. Käyttää ensisijaiset nykyisen tyylisivun tyyliä

Secondary: Käytää toissijaista painiketyyliä nykyiselta tyylisivulta, jos mahdollista

Linkki: Luo hyperlinkin painikkeen sijaan

Show overlay: Näytä peittoväri

Aina: On aina näkyvissä

On hover: Näkyy vain, kun hiiri viedään painikkeen päälle

Never show: Ei näytetä

Overlay Color: 

Voit käyttää peittokuvaa taustavärin lisäämiseen tekstialueelle.

Hakukoneoptimointiin

Alternative text: Vaihtoehtoinen tekstikuvaus

Title attribute: Kirjoita teksti, joka näytetään, kun hiiri viedään kuvan päälle.

Lisäasetukset

Aligment/Tasaus: Voit määrittää riville lisättyjen sisältöosioiden vaakasuoraa sijaintia .

Default: Käyttää oletusaseusta, joka on määritetty nykyisen teeman tyylisivulla

Left: Tasaa sisältöosiot riviosion vasempaan reunaan ottaen huomioon kaikki määritetyt sisällöt.

Center: Tasaa sisältöosiot riviosion keskelle määritetyn sisällön mukaan. 

Right: Tasaa sisältöosiot oikeaan reunaan siten, että kaikki määritellyt sisällöt otetaan huomioon

Border:  Aseta reunuksentyyli, jota käytetään riviosion ympärillä.

Default/ Oletus: Käyttää oletusreunustyyliä, joka on määritelty tyylisivuilla.

None/ Ei mikään: Ei ole reunusta näkyvillä

Dotted:  Reunus näkyy katkoviivana

Dashed: Reunus näkyy katkoviivana

Solid: Reunus näkyy yhtenäisenä viivana

Double: Reunus näkyy kaksoisviivana

Groove: Reunus näkyy uritettuna viivana

Ridge: Reuna näkyy uurteisena viivana

Inset: Reunus näkyy upotettuna rivinä

Outset: Reunus näkyy aloitusviivana

Border color Jos valitset reunukselle tyyliksi muun kuin No Color niin täydennä reunuksen näyttöasetukset samoin, kuin taustan väriasetuksissa.

Border width Syötä reunaviivan leveys pikseleinä

Border radius Syötä pikselimäärä määrittääksesi koko, jota käytetään reunan jokaisen kulman pyöristämiseen

(ei pakollinen) Määritä nykyisen tyylisivun CSS - luokkien nimet, joita käytetään riviosiossa. Erota useat luokan nimet välilyönnillä.

Margins and padding 

Nämä määritykset tulevat samalla tavalla työpöytä- ja mobiilinäkymiin eikä niitä voi erikseen muuttaa per näkymä page builderin avulla.

Margins Sisällön osion kaikkien sivujen ulkoreunoihin lisätään tyhjää tilaa annetun määrän mukaan. Voit valita erikseen ylhäälle, oikealle, alas ja vasemmalle.

Padding Sisällön osion kaikkien sivujen sisäreunaan lisätään tyhjää tilaa annetun määrän mukaan. Voit valita erikseen ylhäälle, oikealle, alas ja vasemmalle.