První orientace v editoru

Editor je rozdělený na horní lištu, levé nástroje, centrální plátno a pravý inspektor. Jakmile znáte úlohu každé části, nemusíte hledat všechny volby najednou.

Co se naučíte

  • Orientovat se ve čtyřech hlavních částech editoru.
  • Najít přepínače nástrojů, zařízení a historie.
  • Pochopit vztah plátna a pravého inspektoru.
  • Rozlišit téma editoru od vzhledu výsledné šablony.

Mapa pracovního prostoru

Horní lišta

Obsahuje návrat k účtu, přepínač ukázkové stránky, Undo/Redo, stav automatického ukládání, zoom, zařízení a téma editoru.

Horní lišta
Horní lišta editoru

Levá lišta

Přepíná Preview, Grid, Modules, Styles a Layers. Každý nástroj odpovídá jinému druhu práce.

Lišta v režimu řádků grid
Režim řádků - Grid
Lišta pro výběr modulů a snippetů
Výběr modulů a snippetů
Lišta pro globální stylování
Globální stylování
Vrstvy
Vrstvy

Plátno a inspektor

Plátno ukazuje bezpečný náhled. Po otevření nastavení prvku inspektor zobrazí jen vlastnosti, které lze u daného prvku měnit.

Režim základní editace
Režim základní editace prvku
Režim editace prvku
Režim rozšířené editace prvku

První průchod bez rizika

  1. Nejprve se podívejte na stav autosave v horní liště. Editor nemá samostatné běžné tlačítko Uložit.
  2. Klikněte postupně na Preview, Grid, Modules, Styles a Layers. Zatím nic nemažte; jen sledujte, co se v levém panelu mění.
  3. Vraťte se do editačního režimu a vyberte řádek, pozici a modul. Samotný výběr prvek zvýrazní; pravý inspektor otevřete ozubeným kolečkem v jeho toolboxu, případně podporovaným dvojklikem. Nabídka se mění podle cíle.
  4. Přepněte desktop, tablet a mobil. Jde o kontrolní šířky plátna, nikoli o tři samostatné šablony.
  5. Vyzkoušejte světlé a tmavé téma editoru. Tato volba mění pouze pracovní rozhraní, nikoli exportovanou šablonu.
  6. Undo vyzkoušejte jen tehdy, když je tlačítko aktivní, například po podporované strukturální akci. Každý drobný vstup samostatný bod historie nevytváří.

Pravý inspektor si můžete odsunout

Inspektor je plovoucí panel. Uchopením jeho horní části jej lze přesunout tak, aby nezakrýval místo, které právě upravujete. Poloha se ukládá lokálně v prohlížeči. Zavřením jej pouze skryjete; nastavení vybraného prvku tím nemažete.

Inspektror panel
Inspektror panel

Samotné kliknutí na prvek jej pouze vybere a zvýrazní. Chcete-li otevřít jeho inspektor, použijte ozubené kolečko v příslušném toolboxu; u podporovaných prvků funguje také dvojklik. Tím se omezuje nechtěné otevírání panelu při běžné orientaci na plátně.

První úkol si záměrně zmenšete

Nesnažte se při prvním otevření změnit hlavičku, barvy, sloupce i obsah současně. Vyberte jednu bezpečnou činnost, například změnu globální hlavní barvy nebo kontrolu jednoho řádku na mobilu. Sledujte, kde se změna projeví a jak ji editor uloží.

Pokud ztratíte orientaci, vraťte se do Preview, zavřete levý drawer i pravý inspektor a najděte upravovanou část na čistém plátně. Potom zvolte odpovídající nástroj. Tento návrat k celku je rychlejší než náhodné otevírání dialogů. Pamatujte také, že křížek panel zavře, ale nemaže vybraný prvek ani jeho nastavení.

Plátno není živý web

Náhled je editorová reprezentace. Odkazy a formuláře jsou blokované a moduly používají bezpečné ukázky. Skutečný obsah a chování poskytne až cílová Joomla.

Další krok: Režimy Preview, Grid, Modules, Styles a Layers.