Lisää, siirrä ja muuta lohkojen kokoa
Lisää lohkoja sivulle vetämällä tai napsauttamalla ja siirrä, muuta kokoa, kopioi ja poista niitä 12 sarakkeen ruudukossa.
Lohkot ovat sivun rakennuspalikoita: otsikoita, tekstiä, painikkeita, kuvia, tuoteruudukoita ja muuta. Lisäät ne Lohkot-paneelista, pudotat ne haluamaasi kohtaan ja muutat niiden kokoa vetämällä reunoista.
Miten lohkot asettuvat
Jokainen sivun osio on 12 sarakkeen ruudukko. Lohko vie yhden tai useamman sarakkeen ja yhden tai useamman rivin tästä ruudukosta. Kun pudotat tai muutat lohkon kokoa, se kohdistuu ruudukkoon, joten kaikki asettuu siististi linjaan ja sivu mukautuu sujuvasti puhelimen näytölle. Lohkoja ei koskaan sijoiteta pikselintarkasti.
Lohkot ovat osioiden sisällä. Sivulla täytyy olla vähintään yksi osio, ennen kuin voit lisätä lohkon.
Lisää lohko
Voit lisätä lohkon kahdella tavalla.
Vedä se sivulle
- Etsi haluamasi lohko vasemmalla olevasta Lohkot-paneelista. Ryhmät ovat Perusasiat, Media, Asettelu, Verkkokauppa, Markkinointi ja Valikot ja lomakkeet.
- Paina lohkoa ja pidä painettuna, ja vedä se sivullesi.
- Vie osoitin osion päälle. Näkyviin tulee vaaleita sarakkeita, ja sininen laatikko näyttää tarkalleen, mihin lohko asettuu ja kuinka suuri se on.
- Vapauta hiiren painike. Lohko ilmestyy laatikkoon ja tulee valituksi, jolloin sen asetukset avautuvat oikealla.
Huomautus: Pudota lohko tyhjään kohtaan. Jos pudotat sen kohtaan, jota jokin toinen lohko jo käyttää, lohkot menevät päällekkäin. Kumoa toiminto painamalla Ctrl + Z tai vedä uusi lohko muualle.
Napsauta sitä
Napsauta lohkoa Lohkot-paneelissa, niin se lisätään valitsemasi osion loppuun. Jos mitään ei ole valittu, se menee sivun viimeiseen osioon. Tämä on nopein tapa rakentaa sivu ylhäältä alas.
Valitse lohko
Napsauta lohkoa sivulla. Siihen tulee sininen reuna, kaksi sinistä kokokahvaa ja pieni työkalupalkki vieressä, jossa on kolme painiketta: Kopioi, Kierrä ja Poista. Oikealla oleva asetuspaneeli vaihtuu näyttämään kyseisen lohkon asetukset.
Siirrä lohko
- Paina lohkoa ja pidä painettuna, ja vedä sitä. Pieni kopio lohkosta seuraa osoitinta.
- Tarkkaile sinistä laatikkoa nähdäksesi, mihin lohko asettuu.
- Vapauta hiiren painike.
Voit vetää lohkon toiseen osioon tai säiliöön tai ruudukkoon. Lohkon siirtäminen toiseen osioon onnistuu vain Työpöytä-näkymässä, koska se muuttaa lohkoa jokaisella näytön koolla.
Muuta lohkon kokoa
- Napsauta lohkoa valitaksesi sen.
- Vedä oikeanpuoleista reunakahvaa muuttaaksesi leveyttä sarakkeina. Vedä alareunan kahvaa muuttaaksesi korkeutta riveinä.
- Vapauta hiiren painike.
Aseta koko ja sijainti numeroilla
Tarkkaa säätöä varten käytä asetuspaneelia vetämisen sijaan.
- Valitse lohko.
- Napsauta asetuspaneelissa Koko ja sijainti avataksesi sen.
- Muuta arvoja Alkaa sarakkeesta, Leveys sarakkeina, Alkaa rivistä ja Korkeus riveinä miinus- ja plus-painikkeilla.
Samassa ryhmässä on seuraavat lisäasetukset:
- Täytä koko leveys venyttää lohkon kaikkien niiden sarakkeiden levyiseksi, jotka sen sisältävällä elementillä on.
- Piilota tämä lohko piilottaa lohkon. Tabletti- ja mobiilinäkymissä kytkin piilottaa lohkon vain kyseisellä näytön koolla. Katso Varmista, että sivustosi näyttää hyvältä puhelimilla ja tableteilla.
- Sama kaikilla näytöillä pitää lohkon asettelun samana työpöydällä, tabletilla ja puhelimella.
- Hienosäätö sisältää liukusäätimet Kierto, Siirrä sivusuunnassa ja Siirrä alaspäin. Ne kallistavat tai siirtävät lohkoa visuaalisesti muuttamatta sen paikkaa ruudukossa, joten mikään sen ympärillä ei liiku. Liukusäätimen vieressä oleva pieni x palauttaa sen nollaan. Voit myös kiertää lohkoa vetämällä lohkon työkalupalkin painiketta Kierrä lohkon ympäri. Kierto loksahtaa suoraan asentoon, ja pitämällä Shift painettuna kierto etenee 15 asteen askelin.
Vinkki: Voit siirtää valittua lohkoa myös näppäimistöllä. Ctrl + nuolinäppäin siirtää sitä yhden ruudukkosolun verran, ja Ctrl + Shift + nuolinäppäin tekee siitä yhden solun leveämmän tai korkeamman. Katso kaikki pikanäppäimet kohdasta Editori lyhyesti.
Kopioi tai poista lohko
- Jos haluat kopioida lohkon, valitse se ja napsauta sen työkalupalkista Kopioi tai paina Ctrl + D. Kopio ilmestyy alkuperäisen alapuolelle.
- Jos haluat poistaa lohkon, valitse se ja napsauta sen työkalupalkista Poista tai paina Delete. Voit myös avata asetuspaneelista kohdan Hallitse ja napsauttaa siellä Kopioi tai Poista.
Lohkon poistamista ei vahvisteta erikseen. Jos poistat lohkon vahingossa, napsauta yläpalkin Kumoa-painiketta.