Odsazení, kotvy a viditelnost (Properties)

Properties sdružuje společné vlastnosti sekce nebo widgetu: prostor nad a pod obsahem, identifikátor pro odkaz na konkrétní místo a přepínač viditelnosti. Obsah samotný — například text, fotografie nebo položky galerie — upravujete v ostatních polích widgetu.

Stejné nastavení můžete potkat u Sekce, WYSIWYG, Image Content nebo Gallery. Není však součástí každého widgetu. Nabídku i její umístění v editoru může váš projekt upravit.

Než začnete

Nejprve určete, kterou úroveň chcete změnit. Odsazení sekce upravuje její společný obal; odsazení widgetu se týká vloženého bloku. Pokud jsou oba vnořené do sebe, jejich mezery mohou ovlivnit stejnou část stránky.

Začněte s výchozími hodnotami a měňte vždy jednu vlastnost. Díky tomu poznáte, která změna pomohla. Dostupnost pole v administraci sama nepotvrzuje, že jej konkrétní šablona webu používá.

Nastavit odsazení

1. Otevřete požadovanou sekci nebo widget a přejděte do Properties, pokud je editor nabízí jako samostatnou záložku.
2. Pro prostor nad obsahem uvnitř bloku upravte Padding Top. Pro prostor pod obsahem upravte Padding Bottom.
3. Vyberte jednu z dostupných variant. Pro první úpravu porovnejte výsledek s hodnotou Default.
4. Uložte koncept stránky a zkontrolujte náhled na počítači i telefonu.
5. Pokud je mezera stále příliš velká, zkontrolujte také nadřazenou sekci a sousední blok. Nevyrovnávejte rozložení prázdnými odstavci v textu.

Základní nabídka obou polí obsahuje stejné názvy:

Table – scroll horizontally to see wider content

Hodnota	K čemu slouží
Default	Výchozí odsazení dané vzhledem webu. Neznamená automaticky nulovou mezeru.
Zero	Varianta určená pro nulové odsazení na zvolené straně. Neodstraňuje mezery z ostatních prvků.
Half	Varianta menšího odsazení.
Double	Varianta většího odsazení.

Konkrétní rozměry a jejich změny na mobilu určuje projekt. Názvy Half a Double nejsou zárukou pevného počtu pixelů ani stejného výsledku u všech webů. Pokud přepnutí nemá žádný účinek, ověřte podporu varianty s podporou.

Padding a margin nejsou totéž

Padding je prostor uvnitř bloku, mezi jeho okrajem a obsahem. U bloku s barevným pozadím proto patří do barevné plochy. Margin je odstup vně bloku, vůči okolním částem stránky.

Například potřebujete-li více prostoru nad textem uvnitř barevné sekce, začněte jejím Padding Top. Pokud chcete oddělit dvě samostatné části, nejprve zjistěte, jak jejich vzájemné odstupy řeší šablona.

Margin Top / Margin Bottom nejsou součástí základního společného nastavení Properties. Jestli je váš projekt nabízí jako rozšíření, upravují vnější odstup; jejich nabídku a výsledné chování posuďte podle svého webu. Vnější mezeru nelze vždy určit prostým součtem nastavení sousedních bloků.

Vytvořit odkaz na konkrétní místo

Pole ID označuje blok jako možný cíl odkazu, například kontaktní sekci na dlouhé stránce. Nejde o pracovní Title, veřejný nadpis ani adresu celé stránky.

1. U cílového bloku vyplňte ID, například kontakt. Zapisujte jej bez úvodního #; praktická je krátká hodnota bez mezer a diakritiky.
2. Použijte hodnotu, která je jedinečná v rámci celé výsledné stránky, včetně vnořených widgetů a opakovaně vloženého obsahu.
3. Do odkazu nebo tlačítka na stejné stránce zadejte cíl #kontakt.
4. Odkazujete-li z jiné stránky, doplňte za adresu cílové stránky #kontakt, například /sluzby#kontakt.
5. Uložte a ověřte, že kliknutí přejde na správné místo. Po publikování vyzkoušejte také otevření celé adresy s kotvou v nové záložce.

Kotva funguje tehdy, když šablona při vykreslení převezme ID do stránky. Zkontrolujte také, zda začátek cílového obsahu nezakrývá pevná hlavička. Při změně existujícího ID upravte všechny odkazy, které na něj vedou.

Nastavit viditelnost

Visibility obsahuje přepínač Is Visible. Základní definice nabízí zapnutí nebo vypnutí, nikoli zvláštní volby „jen mobil“, „jen desktop“ nebo plánování podle data. Pro nový obsah má editor nastavenou výchozí hodnotu zapnuto; u existujícího bloku ověřte skutečně uložený stav.

Přepínač vyjadřuje, zda má šablona blok zobrazit. Chcete-li jej dočasně skrýt, vypněte Is Visible, uložte koncept a ověřte náhled. Před publikací zkontrolujte, že výsledek odpovídá záměru i na telefonu. Pokud web hodnotu nerespektuje, požádejte podporu o ověření šablony.

Viditelnost widgetu nenahrazuje publikování stránky ani nastavení přístupu k obsahu. Samotné vypnutí nepovažujte za ochranu neveřejných údajů. U skryté sekce ověřte také její vložené widgety a odkazy na její kotvu.

Kontrola výsledku a potíže

Table – scroll horizontally to see wider content

Co se děje	Co zkontrolovat
Mezera je stále příliš velká.	Odsazení sekce i widgetu, případné projektové nastavení marginu a prázdné odstavce v obsahu.
Zero neodstranilo všechen prostor.	Nastavení ovlivňuje jen konkrétní stranu konkrétního bloku. Mezeru může vytvářet i sousední prvek.
Odkaz s # nereaguje nebo vede jinam.	Shodu odkazu s ID, jedinečnost ID, přítomnost cíle na dané stránce a zapojení ID v šabloně.
Obsah je vidět i po vypnutí Is Visible.	Zda upravujete správný blok a jazyk, zda je změna uložená a publikovaná a zda šablona viditelnost používá.
Pole v editoru chybí.	Typ widgetu a konfiguraci projektu. Properties nemusí mít každý blok ani stejnou podobu.

Před publikováním projděte změněný blok i jeho okolí na velké a malé obrazovce. Pokud výsledek neodpovídá nastavení, pošlete podpoře URL stránky, jazyk, název sekce a widgetu, změněné pole a popis očekávaného výsledku.