Lisää sarake

Voit käyttää sarakkeita sisällön järjestämiseen ja erotteluun verkkosivustollasi.

Vaihe 1

Siirry Editoriin.

Vaihe 2

Vedä Sarake-elementti vasemmalla olevasta valikosta ja pudota se paikalleen sivullesi.

Huomautus: Kaikissa Webador-verkkosivustoissa on "responsiivinen suunnittelu". Tämä tarkoittaa, että verkkosivusto mukautuu sen näytön kokoon, jolla sitä katsellaan. Tämä saa sarakkeet näkymään mobiilinäkymässä allekkain. Onneksi voit helposti optimoida mobiilinäkymän.

Vaihe 3

Voit nyt vetää kaikki elementit sarakkeisiin, esimerkiksi tekstin, kuvia, painikkeita jne.

Napsauta sarakkeen molemmilla puolilla olevia palkkeja ja vedä niitä muuttaaksesi sen kokoa.

Halutessasi voit lisätä lisää sarakkeita napsauttamalla sarakkeiden oikealla puolella olevaa +painiketta .


Sarakkeiden kohdistaminen

Jotta sarakkeiden kohdistaminen olisi helpompaa, näytämme sarakkeen leveyden prosenttiosuutena suhteessa sivun leveyteen. Sarakkeet mukautuvat automaattisesti arvoihin 1/4, 1/3, 1/2 ja niin edelleen. Voit kuitenkin tietysti asettaa sarakkeen leveyden täysin oman mieltymyksesi mukaan.

Jos olet sijoittanut elementtejä sarakkeisiin ja tehnyt niistä sarakkeen täysleveitä, elementti muuttuu automaattisesti sen mukana, kun säädät sarakkeen leveyttä. Siksi elementit, jotka ovat koko sarakkeen levyisiä, pysyvät saman levyisinä kuin sarake, vaikka tekisit sarakkeesta suuremman tai pienemmän. Tietenkin voit aina tehdä elementistä pienemmän kuin sarakkeen koko leveys.


Sarakkeiden muokkaaminen

Jos olet luonut sarakkeen ja haluat käyttää sitä toisella sivulla, voit tehdä sen. Voit helposti siirtää tai monistaa kokonaisen sarakkeen tai rivin, jossa on useita sarakkeita. Napsauta vain oikeanpuoleisinta saraketta pitkin oikealla olevaa Muokkaa sarakkeita -painiketta.

Vinkki: Sarakkeiden lisääminen manuaalisesti asettamalla elementtejä allekkain, toisen elementin vasemmalle puolelle tai toisen elementin oikealle puolelle, voit myös luoda omia sarakkeitasi.

Was this article helpful?

Etkö löydä vastausta? Kysy meiltä.