Layout-rakenteiden suunnittelu
LiquidBlox mahdollistaa kaikille web-suunnittelun tekemisen taitotasosta riippumatta. Oman suunnitelman mukaiset rakenteet luodaan vapaasti pilkkomalla (split) tyhjä blokki osiin ennen sisällön lisäämistä. Pilkkomisen myötä muodostuviin sisältöalueisiin lisätään seuraavaksi sopivat sisältötyypit kuten teksti, kuva, lista tai lomake. Rakenne säilyy muokattavana myös sisällön lisäämisen jälkeen.
KATSO VIDEO:
Näin teet itse rakenteita (layout)
Vaihe 1 - Lisää sivulle uusi tyhjä blokki
Klikkaa plus-ikonia uuden blokin lisäämiseksi.
Valitse create an empty block for a custom layout luodaksesi tyhjän blokin.
Vaihe 2 - Muokkaa blokin korkeutta
- Aktivoi juuri luotu blokki klikkaamalla sen päällä.
- Muokkaa blokin korkeutta
- Tallenna klikkaamalla Save
Vaihe 3 - Pilko (split) blokki layoutin mukaiseksi
- Aktivoi blokki klikkaamalla sen päällä
- Pilko blokki joko pysty- tai vaakasuuntaan.
Vaihe 4 - Rakenteen muokkaaminen
- Raahaa jakolinja (split line) oikeaan paikkaan
- Viimeistele jako klikkaamalla v-ikonia (check mark)
- Tee uusi jako tai tallenna klikkaamalla Save
Vaihe 5 - Sisällön lisääminen
- Aktivoi blokki klikkaamalla sen päällä
- Klikkaa Add content -ikonia
Valmis blokki, johon on lisätty kuvasisältö vasemmanpuoleiseen ja tekstisisältö oikeanpuoleiseen sisältöalueeseen.
Rakenne on muokattavissa myös sisällön lisäämisen jälkeen. Klikkaa jakolinjaa muokataksesi rakennetta.
Huom!
Kuvia joutuu tyypillisesti asemoimaan (crop) uudelleen rakenteen muuttamisen jälkeen.
