Editorista voit lisätä riviin erilaisia taustoja ja efektejä sekä muokata sen yleisiä asetuksia ja toiminnallisuutta.  

  Mikä on rivi?

Rivi on vaakasuora osuus sivullasi, joka on esitäytetty sisällöllä. Rivissä voi olla jopa 12 saraketta sisällön järjestelyä varten. Voit aina lisätä enemmän sisältöä riviin tai järjestää uudelleen ja poistaa sisältöä. Saat lisätietoa riveistä, sarakkeista ja moduuleista tästä artikkelista.

 

Rivin muokkaaminen

Kun työskentelet editorissa, siirrä osoitin muokattavan rivin ylle ja keltainen "Rivi"-tunniste ilmestyy rivin oikeaan yläkulmaan. Siirrä osoitin tunnisteen päälle, jolloin avautuu lukuisia asetuksia sisältävä pudotusvalikko. 

Screen_Shot_2019-10-21_at_11.32.16__2_.png

Kun painat Ulkoasu- tai Asetukset-pudotusvalikkojen alla olevia valikkoja, siirryt Riviasetukset-valikkoon.

 

Ulkoasu

Taustaväri ja -kuva

Rivin taustaksi voidaan asettaa lukuisia eri elementtejä.

Taustaväri: Lisää väri rivin taustaksi. Voit säätää läpinäkyvyyden haluamasi arvoon.

Taustakuva: Lisää kuva rivin taustaksi. Voit valita kuvan joko tiedostokirjastostasi tai ladata uuden kuvan. Voit valita miten kuva toistuu rivin sisällä, sen koon ja sijainnin löytääksesi parhaimman tavan näyttää kuvasi kävijöillesi. 

Tavallisten kuva asetusten lisäksi voit myös määrittää, miten taustakuva käyttäytyy rivissä kävijän siirtyessä sivulla alemmas. Jos käytät asetusta Kiinteä sijainti, kuva ei liiku kävijän siirtyessä alemmas. Kun Parallaksi vieritysefekti on käytössä, kuva liikkuu edustaa hitaammin siirryttäessä alemmas lisäten syvyyttä sivustoosi.  

 

Taustavideo

Ota taustavideo käyttöön ja liitä kenttään videon osoite. Video toistuu automaattisesti, kun kävijä avaa kyseisen rivin sisältävän sivun. 

Rivin taustavideoita varten editori tukee seuraavia videolaajennuksia ja -lähteitä: MP4, WEBM, OGG, YouTube ja Vimeo. 

 

Taustasuodatin

Lisää taustasuodatin rivisi taustavärin, -kuvan tai -videon päälle häivyttääksesi värikkäät tai korkean kontrastin kuvat. Tämä on myös hyvä tapa varmistaa, että rivissä oleva teksti on helppolukuinen kävijöille. Muista, että voit säätää myös taustasuodattimesi läpinäkyvyyttä.

Esimerkki kuvan päällä olevan taustasuodattimen käytöstä:

manage_row1.png

 

Jos olet käyttänyt kuvankäsittelyohjelmia, voit myös lisätä taustakuvasuodattimen. Kuvankäsittelyohjelmalla luotujen läpinäkyvien peittokuvien lataaminen mahdollistaa moniväristen tai pikselikuvioitujen ikkunoiden käytön, jotka lisäävät eloa ja monitasoisuutta kuviisi.

 

Tässä on muutama esimerkki kuvankäsittelyohjelmalla luoduista peittokuvista, jotka on ladattu editoriin taustakuvasuodattimina:

2_-Design-p2.jpg

 

Reunus

Lisää riviin reunus ja säädä reunan tyyliä, väliä, paksuutta ja sädettä. 

 

Välit

Säädä marginaalia (rivin ympäröivä väli) ja sisennystä (rivin sisällön ja rivin kehyksen väli). 

  Vedä riviä kasvattaaksesi väliä

Visuaalisempi tapa säätää marginaalia on vetää rivin alareunaa välin luomiseksi sen ja alla olevan rivin välille. Siirrä osoitin rivin ylle ja rahaa alla näkyvää sinistä palkkia. 

manage_row3.gif 

 

Säilö

Säilö on alue rivin sisällä, jonka jokainen sivu on sisennetty. Kaikki rivin sisältö on rajattu tämän "kehyksen" sisälle. Säilön avulla voit varmistaa, että sisältösi ei ulotu näyttöikkunan päästä päähän, joka saattaa hankaloittaa lukemista tai selaamista.

Editorin riveihin on oletuksena lisätty sisennys. Voit muuttaa ne ulottumaan koko rivin leveydelle ottamalla käyttöön Säilö mukautuvalla leveydellä -asetuksen. Voit myös määrittää reunan säteen ja sisennyksen säilöstä.

Tutustu alla olevaan osioon "Mukautuva/kiinteä rivi" nähdäksesi, miltä mukautuva ja kiinteä rivi näyttää.   

  

Mukautuva/kiinteä rivi

Rivi voidaan asettaa joko mukautuvaksi tai kiinteäksi riviksi. Käyttämällä kiinteää riviä varmistat, että sisältö on aina keskitetty kiinteän leveyden verran, vaikka näyttö olisi sisältöä leveämpi; käytettäessä mukautuvaa riviä sisältö voi venyä koko selaimen leveyteen riippumatta näytön koosta. Samalle sivulle on mahdollista laittaa rivejä, joiden asetukset on määritelty eri tavalla.

Esimerkki kiinteästä rivistä:

4_-Fluid-row-p1.jpg

Esimerkki mukautuvasta rivistä:

4_-Fluid-row-p2.jpg

  

Animaation lisääminen

Lisää riviin yksi neljästä animaatiotyypistä, jotka käynnistyvät kävijän siirtyessä rivin kohdalle. 

Tyyppi 1: Häivytys vasemmalle

fade-in-left.gif

 

Tyyppi 2: Häivytys oikealle

fade-in-right.gif

 

Tyyppi 3: Lähennys

zoom-in.gif

 

Tyyppi 4: Esille ponnahdus

bounce-in.gif

 

Rivin monistus tai kopiointi

Jos haluat käyttää rivin uudelleen muualla sivustossasi, voit joko monistaa tai kopioida sen.

Rivin monistus tarkoittaa, että rivi kopioidaan ja lisätään suoraan alkuperäisen rivin alle.

Jos käytät kopiointia, voit liittää rivin minne tahansa sivustossasi (ei pelkästään sen hetkiseen sivuun mutta myös muihin sivuihin). Jos haluat kopioida rivin ja liittää sen muualle, siirry kohtaan Monista/kopioi ja valitse Kopioi. Mene sivulle, jonne haluat liittää rivin, siirrä osoitin rivin ylle, jonka alle haluat lisätä uuden rivin ja valitse Monista/Kopioi > Liitä. 

 

Rivin poistaminen

Voit poistaa rivin valitsemalla pudotusvalikosta Poista rivi. Muista että voit kumota toiminnon editorin palautus-toiminnolla

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