Vložíte sekciu s farebným pozadím a text v nej sa prilepí na okraj obrazovky. Alebo naopak: chcete pozadie cez celú šírku a ono sa zastaví v strede. Vyzerá to ako chyba témy a takmer nikdy ňou nie je.
Príčina je skoro vždy jedna a má jedno políčko: skupina, do ktorej ste obsah vložili, nemá zapnuté „Vnútorné bloky používajú šírku obsahu”.
Ako to funguje
Bloková téma (téma, v ktorej sa aj hlavička a pätička skladajú z blokov — napríklad Branike téma) pozná dve šírky naraz:
| čo to je | v Branike téme | |
|---|---|---|
| Šírka obsahu | pás, v ktorom sedí text | 680 px |
| Široká šírka | širší pás pre obrázky, galérie a sekcie | 1200 px |
Obe sa nastavujú v Editor → Štýly → Rozloženie. Úzka šírka obsahu nie je chyba: riadok textu je najpohodlnejší na čítanie, keď nie je príliš dlhý.
Bloky sa k šírkam vzťahujú cez zarovnanie: žiadne = šírka obsahu, Široká šírka = tá druhá, Na celú šírku = od kraja po kraj.
Háčik je v tom, že skupina si toto neurobí sama. Keď do stránky vložíte skupinu a dáte jej pozadie, je to obyčajná krabica: roztiahne sa na celú šírku aj s obsahom. Pás pre obsah v nej vznikne až vtedy, keď jej to poviete.
Oprava — jedno políčko
- Kliknite na skupinu (nie na text v nej — na obal; pomôže zoznam blokov alebo kláves
Escape, ktorý výber posunie na rodiča). - V pravom paneli otvorte Rozloženie.
- Zapnite Vnútorné bloky používajú šírku obsahu.
Text sa okamžite zbehne do stredu a pozadie zostane cez celú šírku. To je ten stav, ktorý ste chceli: farba od kraja po kraj, obsah v čitateľnom páse.
Tip: keď skupine nastavíte vlastnú Šírku obsahu v tom istom paneli, prebije globálnu hodnotu len pre ňu. Hodí sa to na širší pás, keď 680 px na sekciu s kartami nestačí, alebo na užší blok textu v článku.
Keď používate blok Stĺpce z Branike Blocks
Sekcie z Branike Blocks — a väčšina vzorov z ich knižnice — nestoja na skupine, ale na bloku Stĺpce. Ten má na to vlastné políčko: Max. šírka obsahu (px).
- Pozadie sekcie ide od kraja po kraj, keď má blok zarovnanie Na celú šírku.
- Stĺpce a text v ňom zostanú v páse, ktorý určíte v políčku Max. šírka obsahu. Nula znamená plnú šírku; napríklad 1200 dá obsah najviac 1200 px široký, vycentrovaný.
Staršie verzie pluginu toto políčko uplatňovali na celú sekciu aj s pozadím — sekcia sa potom zúžila, hoci mala zarovnanie na celú šírku. Dnes orezáva len obsah, ako hovorí jeho názov. Ak ste kedysi políčkom zámerne zužovali aj pozadie, po aktualizácii sa pozadie roztiahne; zúžte vtedy sekciu jej zarovnaním.
🔴 Prečo to nie je vidieť v editore rovnako ako na webe
Editor kreslí obsah v užšom okne, než má návštevník. Sekcia, ktorá v editore vyzerá v poriadku, môže byť na širokej obrazovke roztiahnutá cez celý monitor — a naopak. Skontrolujte to v náhľade, nie v editore, a ideálne na širokom okne aj na telefóne.
Rovnaká pasca platí pre vzory: náhľad vzoru v knižnici sa vykresľuje v malom ráme, takže sa v ňom rozdiel medzi „na celú šírku” a „šírka obsahu” nemusí prejaviť vôbec.
Keď má stránka bočný panel
Toto je výnimka, ktorá mätie aj skúsených.
Keď stránke zapnete bočný panel, obsah sa presunie do užšieho stĺpca vedľa neho. Tým sa „celá šírka” prestane vzťahovať na okno a začne sa vzťahovať na ten stĺpec. Hero sekcia, ktorá mala ísť od kraja po kraj, sa zrazu zastaví tam, kde končí obsahová časť.
🔴 Nie je to chyba, ale nedá sa to obísť nastavením. Bočný panel a sekcia na celú šírku sa navzájom vylučujú — obsah nemôže byť naraz v stĺpci aj cez celú obrazovku. Keď potrebujete na stránke hero cez celú šírku, bočný panel jej vypnite.
V Branike téme sa bočný panel zapína na dvoch miestach:
- pre jednu stránku — v editore stránky, v pravom paneli v sekcii Rozloženie (Branike), pole Bočný panel: Žiadny, Vľavo alebo Vpravo,
- pre celý typ obsahu — v nastaveniach témy na záložke Obsah (napríklad pre všetky články naraz).
Nastavenie stránky vyhrá nad nastavením pre typ obsahu. Keď teda vidíte bočný panel, hoci ste ho stránke nezapínali, pozrite sa na záložku Obsah.
Bočný panel navyše potrebuje miesto: vedľa obsahu sa zmestí zhruba od 840 px šírky obsahu. Pri predvolenej šírke spadne pod obsah — v tom istom paneli preto stránke zvoľte v poli Šírka kontajnera možnosť Široké alebo Na celú šírku.
Rýchla diagnostika
Prejdite si to zhora nadol, prvá odpoveď „nie” je vaša príčina:
Je vybraná naozaj skupina? Kliknutie často trafí odsek vnútri. Pozrite sa do zoznamu blokov, čo je vybrané.
Má skupina zapnuté „Vnútorné bloky používajú šírku obsahu”? Toto je odpoveď v deviatich z desiatich prípadov.
Nie je skupina vnorená v ďalšej skupine? Ak áno, prepínač patrí tej vonkajšej. Vnútorná potom už len sedí v páse, ktorý jej vonkajšia určila.
Nemá blok nastavené zarovnanie, ktoré si nepamätáte? Zarovnanie Na celú šírku na vnútornom bloku prebije pás obsahu okolo neho.
Je to blok Stĺpce z Branike Blocks? Potom rozhoduje jeho zarovnanie a políčko Max. šírka obsahu, nie prepínač skupiny.
Nemá stránka bočný panel alebo inú šírku? Pozrite sa do sekcie Rozloženie (Branike) v editore stránky — bočný panel a šírka stránky menia, čo znamená „celá šírka”.
Čo si z toho odniesť
Skupina nie je automaticky pás pre obsah. Pás v nej vznikne až prepínačom Vnútorné bloky používajú šírku obsahu.
Pozadie a obsah sú dve rôzne šírky. Skupina alebo Stĺpce cez celú šírku s pásom pre obsah dajú farbu od kraja po kraj a text v strede — to je ten bežný cieľ.
Overujte v náhľade, nie v editore. Editor kreslí v inom okne a rozdiel v šírkach sa v ňom nemusí prejaviť.