Zoom mění pracovní zvětšení plátna. Pravítka a vodítka pomáhají vizuálně porovnat hrany prvků, ale nemění výsledný Joomla layout ani export.
Co se naučíte
- Zvětšit nebo zmenšit pracovní plátno.
- Používat vodorovná a svislá vodítka.
- Vodítko přesunout, odstranit nebo vyčistit všechna.
- Rozpoznat editorovou pomůcku od skutečného nastavení layoutu.
Zoom je lupa, ne šířka stránky
Ovládání zoomu mění zobrazení po 10 procentech. Nejmenší hodnota je 50 %, největší 140 % a reset vrátí 100 %. Zmenšení se hodí pro kontrolu dlouhé stránky, zvětšení pro detailní zarovnání. Nemění Bootstrap sloupce, velikost fontu v konfiguraci ani výsledný export.
Zoom používejte společně s přepínačem Desktop, Tablet a Mobil. Zařízení určuje kontrolní šířku plátna; zoom pouze určuje, jak velké plátno vidíte na své obrazovce.
Práce s pravítky a vodítky
- Zůstaňte v editačním režimu a zapněte pravítka. V čistém Preview nejsou tyto pomůcky aktivní.
- Z příslušného pravítka vytáhněte vodorovné nebo svislé vodítko na místo, které chcete porovnat.
- Přesuňte vodítko tažením. Použijte jej například pro kontrolu, zda nadpisy ve dvou sekcích začínají na stejné ose.
- Nepotřebné vodítko odstraňte přetažením mimo pracovní oblast zpět k pravítku.
- Pokud se plocha zaplní, použijte ovládání (malých checkbox)v pravém horním rohu pravítek k vyčištění vodítek.
- Skutečné odsazení nakonec nastavte v Gridu nebo inspektoru. Vodítko samo prvek nepřichytí ani neposune.
Nové vodítko nevytvoří, pokud by bylo duplicitní, skončilo mimo plátno nebo překročilo limit. Během přetahování modulu se pravítka a vodítka neuplatňují, aby nekolidovala s drop zónami.
Poloha vodítek není součástí výsledné šablony. Návštěvník webu je neuvidí a export je nepřenáší.
Praktický příklad zarovnání
Máte dvě sekce s kartami a zdá se, že jejich nadpisy nezačínají na stejné svislé ose. Nastavte vhodný zoom, vytáhněte svislé vodítko k hraně nadpisu první sekce a sjeďte k druhé. Pokud se hrany liší, nechytejte obsah za vodítko. Vyberte příslušný řádek, pozici nebo modul a porovnejte jeho padding a margin v inspektoru.
Stejnou kontrolu zopakujte na tabletu a mobilu. Responzivní hodnota může správně zarovnat desktop, ale na menší šířce se dědí jinak. Po dokončení vodítko odstraňte, přepněte zoom na 100 % a výsledek ověřte v čistém Preview bez pracovních pomůcek.
Při porovnávání si vždy poznamenejte aktivní zařízení i procento zoomu. Dva odlišně zvětšené pohledy mohou na monitoru působit podobně, přesto představují jiné kontrolní podmínky. Reset na 100 % poskytne společný výchozí bod.
Vodítko pouze ukazuje
Na rozdíl od grafických programů není vodítko zárukou přesné CSS hodnoty ani automatického přichycení. Berte je jako vizuální pomůcku a finální rozestupy ověřte v responzivních náhledech.