Prehľad
Tri opakovane použiteľné komponenty rozloženia sa objavujú takmer v každej sekcii v editore: Skupina, Text a Oddeľovač. Spolu vám umožňujú vybudovať akékoľvek rozloženie bez písania CSS. Vyberte blok a otvorte jeho nastavenia.
Skupina
Skupina je flexibilný kontajner rozloženia. Pridajte do nej podriadené bloky (text, tlačidlá, obrázky, vstupy newslettera, dokonca aj vnorené skupiny) a ovládajte, ako sú usporiadané.
Smer
- Zvislý: deti sa skladajú zhora nadol.
- Vodorovný: deti sedia vedľa seba v riadku.
Prepínač Skladať zvislo na mobile sa objaví len vtedy, keď je Smer Vodorovný. Zapnite ho, ak chcete na malých obrazovkách prepnúť vodorovný riadok na zvislú zostavu.
Pozícia a Zarovnanie
Tieto rozmiestňujú deti pozdĺž hlavnej a priečnej osi. Ich význam sa mení so smerom a možnosť Medzi (rovnaký priestor medzi deťmi) existuje len na hlavnej osi:
- Zvislý smer: Pozícia je hlavná (zvislá) os: hore, na stred, dole alebo medzi. Zarovnanie je priečna (vodorovná) os: vľavo, na stred alebo vpravo.
- Vodorovný smer: Zarovnanie je hlavná (vodorovná) os: vľavo, na stred, vpravo alebo medzi. Pozícia je priečna (zvislá) os: hore, na stred alebo dole.
Šírka
- Vyplniť: rozšíri sa, aby zabrala všetok dostupný priestor v rodičovi. Použite to pre skupiny, ktoré by mali rovnako zdieľať priestor vo vodorovnom rodičovi.
- Prispôsobiť: zmenší sa na prirodzenú veľkosť svojho obsahu.
- Vlastná: odhalí posuvník Vlastná šírka nastavený ako percento (0 až 100 %). Skupina drží túto veľkosť bez rastu alebo zmenšenia.
Medzera
Rozostup v pixeloch medzi podriadenými prvkami (0 až 100 px, predvolene 20 px).
Farebná schéma
Použiť farebnú schému rodiča je predvolene zapnuté, takže skupina zdedí schému svojho rodiča. Vypnite ju a odhaľte výber Farebná schéma a zvoľte jednu zo svojich globálnych farebných schém. To vám umožní vytvárať odlišné farebné zóny vo vnútri sekcie.
Orámovanie
Orámovanie je Žiadne alebo Plné. Plné odhalí dva posuvníky: Hrúbka orámovania (1 až 20 px, predvolene 1) a Priehľadnosť orámovania (0 až 100 %, predvolene 100). Farba pochádza z farby orámovania aktívnej schémy.
Zaoblenie rohov
Zaoblenie rohov v pixeloch (0 až 100), nezávislé od orámovania. Použite ho pre kontajnery podobné kartám.
Prekrytie pozadia
Prepínač Prekrytie pozadia pridáva farebnú vrstvu na pozadie skupiny. Keď je zapnuté, nastavte Farbu prekrytia (vrátane priehľadnosti cez posuvník priehľadnosti vo výbere), Štýl prekrytia (Plné plochá výplň alebo Prechod, ktorý sa stráca do priehľadna) a pre prechod Smer prechodu (Hore alebo Dole). Bežne sa používa na zafarbenie mediálneho pozadia.
Odsadenie
Vnútorný rozostup na každej strane v pixeloch, každý 0 až 100 px. Odsadenie sedí vo vnútri orámovania, medzi ním a deťmi.
Text
Textový blok vykresľuje nadpisy, odseky a formátovaný text. Editor formátovaného textu podporuje tučné, kurzívu, podčiarknutie, prečiarknutie a farebný text.
Predvoľba
Typografická predvoľba nastavuje rodinu písma, predvolenú hrúbku a sémantickú HTML značku (jej úlohu na stránke):
- Predvolené: dedí základné textové štýlovanie sekcie.
- Odsek: štýl textu tela.
- Nadpis 1 až Nadpis 6: štýly nadpisov, používajúce vaše písma nadpisov a podnadpisov.
Veľkosť
Vlastná veľkosť písma v pixeloch (10 až 30 px, predvolene 16). Toto je veľkosť, v akej sa blok skutočne vykreslí.
Šírka a Zarovnanie
- Prispôsobiť: blok je len taký široký ako jeho obsah.
- Vyplniť: blok sa rozšíri na 100 % šírky kontajnera.
Zarovnanie (Vľavo, Na stred, Vpravo) sa objaví len vtedy, keď je Šírka nastavená na Vyplniť, keďže zarovnanie má zmysel len vtedy, keď blok vypĺňa svoj kontajner.
Výška riadka a Rozostup písmen
Výška riadka nastavuje zvislý rytmus: Normálna (predvolená), Tesná alebo Voľná. Rozostup písmen nastavuje rozostup znakov s rovnakými tromi možnosťami.
Farebná schéma
Vo vnútri skupiny je Použiť farebnú schému rodiča predvolene zapnuté. Vypnite ju a odhaľte výber Farebná schéma. Predvoľby nadpisov používajú farbu nadpisu schémy; odsek a predvolené používajú jej farbu textu tela. Ako samostatná sekcia výber stojí samostatne bez prepínača dedenia.
Odsadenie
Vnútorný rozostup na každej strane v pixeloch, každý 0 až 100 px.
Oddeľovač
Oddeľovacia čiara, ktorá sa prispôsobuje svojmu rodičovi. V zvislom (stĺpcovom) rozložení je to vodorovná čiara; vo vnútri vodorovnej skupiny sa stáva zvislou čiarou.
Šírka
- Prispôsobiť: kontajner je len taký široký ako čiara.
- Vyplniť: kontajner sa rozšíri, aby zaplnil dostupný priestor.
Hrúbka
Hrúbka čiary v pixeloch (1 až 10 px, predvolene 1). Pri vodorovnom oddeľovači je to výška; pri zvislom je to šírka.
Dĺžka
Rozsah čiary ako percento jej kontajnera (5 až 100 %, predvolene 100). Nastavte ju pod 100 %, aby ste vytvorili čiastočnú, vsadenú čiaru.
Zarovnanie
Umiestňuje čiaru, keď je jej dĺžka pod 100 %: Začiatok, Stred (predvolené) alebo Koniec. Toto ovládanie je skryté, kým je Dĺžka 100 %.
Zaoblenie rohov
- Ostré: pravouhlé zakončenia.
- Zaoblené: zakončenia v tvare tabletky.
Farebná schéma
Voliteľne vyberte Farebnú schému. Oddeľovač používa farbu orámovania z danej schémy. Ak nie je nastavená žiadna, zdedí farbu z rodičovskej sekcie alebo skupiny.
Odsadenie
Rozostup na každej strane v pixeloch. Ako blok je rozsah 0 až 100 px. Keď je oddeľovač pridaný ako sekcia najvyššej úrovne, odsadenie ide až do 200 px (predvolene 20) pre štedrejší zvislý priedušný priestor.
Bežné úskalia
- Dve skupiny s vyplnením vo vodorovnom rodičovi: každá zaberie 50 % priestoru, čo je zvyčajne to, čo chcete. Ak chcete jednu stranu širšiu, nastavte Šírku danej skupiny na Vlastná.
- Zvislý oddeľovač sa neobjavuje: oddeľovač sa stane zvislým len vtedy, keď je priamym dieťaťom skupiny nastavenej na Vodorovný smer. Skontrolujte smer rodičovskej skupiny.
- Chýbajúca možnosť Medzi: Medzi sa objaví len na osi, pozdĺž ktorej deti plynú, takže je na Pozícii pri zvislých skupinách a na Zarovnaní pri vodorovných skupinách.
- Text v nesprávnej farbe: pravdepodobne dedí od rodičovskej skupiny s inou schémou. Vypnite Použiť farebnú schému rodiča na textovom bloku a vyberte schému výslovne.
Kde možno tieto komponenty umiestniť, nájdete v Sekcie a bloky.