Editorista voit lisätä sarakkeeseen lukuisia taustatyyppejä ja tehosteita sekä muokata sen yleisiä asetuksia ja toiminnallisuutta.  

  Mikä on sarake?

Sarakkeet laitetaan rivien sisälle ja ovat paikkamerkkejä moduuleille. Rivin sisällä voi olla jopa 12 saraketta sisältösi järjestämiseen. Sarakkeiden avulla voit järjestellä rakenteen paremmin ja tasata sivusi elementit. Saat lisätietoja riveistä, sarakkeista ja moduuleista tästä artikkelista.

 

Sarakkeen muokkaaminen

Kun olet editorissa, siirrä osoitin muokattavan sarakkeen ylle ja sarakkeen oikeaan yläkulmaan ilmestyy vihreä sarake-tunniste. Siirrä osoitin tunnisteen ylle ja pudotusvalikkoon ilmestyy lukuisia asetuksia.  

Screenshot_2021-05-25_at_14.07.11.png

  

Ulkoasu

Taustaväri ja -kuva

Sarakkeen taustaan voidaan lisätä lukuisia eri elementtejä.

Taustaväri: Lisää yksittäinen väri sarakkeen taustaksi. Voit säätää läpinäkyvyyden haluamaasi arvoon.

Taustakuva: Lisää kuva sarakkeen taustaksi. Voit valita haluatko käyttää joko yleisten tietojen kansikuvaa tai ladata uuden kuvan suoraan sarakkeeseen. Voit säätää miten kuva toistuu sarakkeen sisällä, sen kokoa ja sijaintia, löytääksesi parhaimman tavan esittää kuvan kävijöillesi. 

Tavallisten kuva-asetusten lisäksi voit myös määrittää, miten taustakuva käyttäytyy sarakkeessa kävijän siirtyessä alas sivulla. Jos otat käyttöön asetuksen Kiinteä sijainti, kuva ei liiku kävijän siirtyessä alas sivulla.

Kiinnitä tausta sisennykseen: Kun tämä asetus on käytössä, taustaväri tai -kuva ulottuu vain sarakkeessa olevaan sisennykseen asti. Jos tämä asetus ei ole käytössä, taustaväri tai -kuva peittää koko sisältöalueen reunasta reunaan. Taustan kiinnittäminen taustaan mahdollistaa läpinäkyvän välin luomisen reunan ja taustan välille, kuten on näytetty alla olevassa esimerkissä.

Esimerkki: kiinnitä tausta sisennykseen -asetuksen ollessa käytössä (huomaa väli taustan ja sarakkeen sisällä olevan reunan välillä; sisennys on asetettu arvoon 40 sarakkeen kaikille reunoille)

2_-Styling-p1.jpg 

Esimerkki: kiinnitä tausta sisennykseen -asetuksen ollessa pois käytöstä (huomaa, että sarakkeen tausta ulottuu reunoihin asti)

2_-Styling-p2.jpg

 

Taustasuodatin

Lisää taustasuodatin sarakkeesi tausvärin tai -värin ylle, tai lisää kuva himmentääksesi erittäin värikkäitä kuvia tai pehmennä korkean kontrastin kuvia. Tämä on myös hyvä tapa varmistaa, että sarakkeessa oleva teksti on helppolukuinen kävijöille. Muista, että voit myös säätää taustasuodattimesi läpinäkyvyyttä.

Esimerkki taustasuodattimen käytöstä kuvan yllä:

col4.png

Jos kuvanmuokkausohjelmien käyttö on tuttua, voit lisätä myös taustakuvan suodattimena. Kuvanmuokkausohjelmilla luoduilla läpinäkyvillä peittokuvilla voit luoda monivärisiä tai pikselikuvioituja peittokuvia, jotka lisäävät kuvaasi eloa ja monimutkaisuutta.

Tässä on muutama esimerkki kuvanmuokkausohjelmilla luoduista peittokuvista, jotka on ladattu editoriin suodatintaustakuvina:

2_-Styling-p4.jpg

  

Animaation lisääminen

Lisää yksi neljästä animaatiotyypistä sarakkeeseen, joka käynnistyy sarakkeen ilmestyessä kävijän selaimeen. 

Tyyppi 1: Häivytys vasemmalle
column-fade-left.gif


Tyyppi 2: Häivytys oikealle

column-fade-right.gif


Tyyppi 3: Lähennys

column-zoom.gif

Tyyppi 4: Ponnahdus esille
column-bounce.gif

 

Oliko tämä artikkeli hyödyllinen?
0/0 koki tästä olevan apua