Blokkok hozzáadása, mozgatása és átméretezése
Adjon blokkokat az oldalhoz húzással vagy kattintással, majd mozgassa, méretezze át, duplikálja és törölje őket a 12 oszlopos rácson.
A blokkok az oldal építőelemei: címsorok, szövegek, gombok, képek, termékrácsok és még sok más. A bal oldali Blokkok panelről adja hozzá őket, a kívánt helyre húzza, a széleiknél fogva pedig módosíthatja a méretüket.
Hogyan rendeződnek el a blokkok
Az oldal minden szakasza egy 12 oszlopos rács. Egy blokk a rács egy vagy több oszlopát és egy vagy több sorát foglalja el. Amikor egy blokkot elenged vagy átméretez, az a rácshoz illeszkedik, így a dolgok egymáshoz igazodnak, az oldal pedig telefonon is rendesen átrendeződik. Blokkot soha nem pixelpontos pozícióba helyez.
A blokkok szakaszokon belül élnek. Blokk hozzáadása előtt az oldalnak legalább egy szakaszra van szüksége.
Blokk hozzáadása
Kétféleképpen adhat hozzá blokkot.
Húzza az oldalra
- A bal oldali Blokkok panelen keresse meg a kívánt blokkot. A csoportok: Alapok, Média, Elrendezés, Webáruház, Marketing és Menük és űrlapok.
- Tartsa lenyomva a blokkot, majd húzza az oldalra.
- Vigye az egérmutatót egy szakasz fölé. Halvány oszlopok jelennek meg, egy kék doboz pedig pontosan mutatja, hová kerül a blokk és mekkora lesz.
- Engedje el az egérgombot. A blokk a dobozban jelenik meg, kijelölődik, így a beállításai a jobb oldalon nyílnak meg.
Megjegyzés: Üres helyre húzza a blokkot. Ha olyan helyre ejti, amelyet már egy másik blokk foglal el, a két blokk egymásra kerül. A visszavonáshoz nyomja meg a Ctrl + Z billentyűket, vagy húzza az új blokkot máshová.
Kattintson rá
Kattintson egy blokkra a Blokkok panelen, és az a kijelölt szakasz aljára kerül. Ha nincs kijelölt szakasz, az oldal utolsó szakaszába kerül. Így a leggyorsabb felülről lefelé felépíteni egy oldalt.
Blokk kijelölése
Kattintson egy blokkra az oldalon. Kék keret és két kék átméretező fogantyú jelenik meg rajta, mellette pedig egy kis eszköztár három gombbal: Duplikálás, Forgatás és Törlés. A jobb oldali beállítások panel az adott blokk beállításaira vált.
Blokk mozgatása
- Tartsa lenyomva a blokkot, majd húzza. A blokk egy kis másolata követi az egérmutatót.
- Figyelje a kék dobozt, hogy lássa, hová kerül.
- Engedje el az egérgombot.
Blokkot húzhat másik szakaszba is, vagy egy tárolóba vagy rácsba. Blokkot másik szakaszba csak az Asztali nézetben lehet áthelyezni, mert ez minden képernyőméretben megváltoztatja a blokkot.
Blokk átméretezése
- Kattintson a blokkra a kijelöléséhez.
- Húzza a jobb szélén lévő fogantyút, hogy módosítsa, hány oszlop széles legyen. Az alsó szélén lévő fogantyúval azt módosíthatja, hány sor magas legyen.
- Engedje el az egérgombot.
Méret és pozíció megadása számokkal
Pontos beállításhoz a húzás helyett használja a beállítások panelt.
- Jelölje ki a blokkot.
- A beállítások panelen kattintson a Méret és helyzet pontra a megnyitásához.
- A mínusz és a plusz gombokkal állítsa a Kezdő oszlop, a Szélesség oszlopokban, a Kezdő sor és a Magasság sorokban értékeket.
Ugyanebben a csoportban további beállítások is vannak:
- Kitöltés a teljes szélességben: a blokkot kinyújtja a tartalmát tartó elem minden oszlopára.
- Blokk elrejtése: elrejti a blokkot. A Tablet és a Mobil nézetben a kapcsoló csak az adott képernyőméretnél rejti el. Lásd: Megfelelő megjelenés telefonon és táblagépen.
- Minden képernyőn azonos: egy elrendezést tart meg a blokknak asztali gépen, táblagépen és telefonon is.
- Finomhangolás: a Forgatás, az Eltolás vízszintesen és az Eltolás lefelé csúszkákat tartalmazza. Ezek a blokkot vizuálisan döntik vagy mozgatják, a rácsban elfoglalt helyét viszont nem változtatják, így a környezetében semmi nem mozdul el. A csúszka melletti kis x nullára állítja vissza. A blokk eszköztárában lévő Forgatás gombot a blokk körül húzva is foroghat. A forgatás egyenes állásba illeszkedik, a Shift billentyű lenyomva tartva pedig 15 fokos lépésekben forog.
Tipp: A kijelölt blokkot billentyűzettel is mozgathatja. A Ctrl + nyílbillentyű egy rácscellával mozgatja, a Ctrl + Shift + nyílbillentyű pedig egy cellával szélesebbé vagy magasabbá teszi. Az összes billentyűparancsot lásd: A szerkesztőfelület első pillantásra.
Blokk duplikálása vagy törlése
- Duplikáláshoz jelölje ki a blokkot, és kattintson az eszköztárában a Duplikálás gombra, vagy nyomja meg a Ctrl + D billentyűket. A másolat közvetlenül az eredeti alá kerül.
- Töröléshez jelölje ki a blokkot, és kattintson az eszköztárában a Törlés gombra, vagy nyomja meg a Delete billentyűt. A beállítások panelen a Kezelés menüt is megnyithatja, és onnan is duplikálhatja vagy törölheti a blokkot.
A blokk törlése nem kér megerősítést. Ha tévedésből törölt egy blokkot, kattintson a felső sávban lévő Visszavonás gombra.