Divi 5: Command Center

Do Divi 5 přibyl nástroj Command Center, který je navržen pro výrazné urychlení práce v builderu. Slouží k rychlému spouštění příkazů – umožňuje například okamžité přidávání prvků, navigaci napříč webem, přímý přechod do konkrétních nastavení nebo otevírání pracovních panelů. Níže se podíváme na to, jak přesně tato novinka v praxi funguje. 👇

Command Center

Nástroj Command Center se vyvolává klávesovou zkratkou Cmd+K (případně Ctrl+K ve Windows). Po zadání textového příkazu lze rovnou provádět akce, které by jinak vyžadovaly vícenásobné klikání a pohyb myší v rozhraní.

Hlavní výhodou pro pokročilé uživatele je znatelné zrychlení při tvorbě struktury stránky. Místo zdlouhavého ručního proklikávání – například při postupném vkládání modulu Blurb, do modulu Group, následně dvou tlačítek a nakonec aplikace připraveného stylu (presetu) – stačí zadat jeden komplexní příkaz, který celý tento blok vygeneruje najednou.

Zrychlená tvorba struktury je však pouze jedním z možných využití. Command Center obsahuje sadu příkazů určenou nejen pro efektivnější skládání obsahu, ale také pro usnadnění celkové orientace v builderu a navigaci napříč webem.

Kategorie příkazů

Command Center rozděluje své funkce do několika základních kategorií:

Prvek (Element) – Slouží k přidávání modulů na stránku. Podporuje hromadné vkládání a tvorbu vnořených struktur pomocí operátorů (jako např. ^, >, *). Například zápis ve formátu blurb > group > button *2 vloží modul Blurb, do něj modul Group a následně dvě tlačítka najednou.
Modální okna (Modal) – Otevírá libovolná plovoucí okna v builderu. Místo proklikávání přes menu lze přímo vyvolat správu proměnných (příkazem variables) nebo okno pro import a export rozvržení (příkazem export).
Nastavení (Settings) – Zajišťuje rychlou navigaci ke konkrétním skupinám voleb v panelu nastavení. Pro přístup k nastavení animací tak není nutné otevírat záložku pokročilých úprav a scrollovat dolů; stačí rovnou zadat příkaz animation.
Zobrazení (View) – Slouží k přepínání mezi různými režimy zobrazení, včetně zlomových bodů (breakpoints) pro responzivitu nebo drátěného modelu (wireframe).
Úpravy (Modify) – Zpřístupňuje jako textové příkazy všechny volby z kontextového menu (pod pravým tlačítkem myši). Zahrnuje duplikování, mazání, kopírování, vyjmutí, vložení a resetování, což funguje jako alternativa ke klasickým klávesovým zkratkám.
Navigace (Navigate) – Umožňuje rychlý přechod k úpravám jiných stránek na webu. Po zadání názvu stránky a potvrzení se rovnou otevře příslušný editor. Lze se takto přesouvat i do sekcí jako Theme Builder nebo Theme Options bez nutnosti procházet administraci WordPressu.
Předvolby (Preset) – Slouží k rychlé aplikaci předvolených stylů (presetů) na vybraný prvek pomocí jejich názvu. Lze aplikovat i více presetů současně jejich řetězením (např. postupným přidáváním přes zkratku Cmd+Enter / Ctrl+Enter a finálním potvrzením přes Enter).
Stránka (Page) – Spouští příkazy na úrovni celé stránky, jako je uložení, ukončení editoru nebo zobrazení náhledu.

Operátory příkazů a jejich řetězení

Command Center neomezuje uživatele pouze na spouštění jednotlivých příkazů. Umožňuje jejich řetězení do fronty a průběžné filtrování během psaní.

Řetězení příkazů do fronty (Queueing)

Příkazy ze skupin Element (Prvek) a Preset (Předvolba) lze skládat do fronty pomocí klávesové zkratky Cmd+Enter (ve Windows Ctrl+Enter). Tím nedojde k okamžitému vložení prvku, ale k jeho zařazení do paměti. Tímto způsobem je možné postupně přidat další položky. Jakmile je celá sekvence hotová, provede se najednou stisknutím klávesy Enter.

Operátory fronty příkazů

Při vytváření fronty lze strukturu prvků definovat pomocí následujících logických operátorů:

> – Vloží prvek dovnitř předchozího prvku ve frontě. Zápis Blurb > Button vloží tlačítko do modulu Blurb.
* – Vynásobí počet vkládaných prvků. Zápis Blurb > Button *2 vytvoří modul Blurb obsahující dvě tlačítka.
^ – Umístí nový prvek nad aktuálně upravovaný prvek. Ve výchozím stavu Command Center vkládá nové prvky pod aktuální pozici. Kombinací operátorů ^ a > tak lze přesně řídit, zda se nový obsah vloží nad vybraný blok, nebo přímo do něj.

Kombinace presetů a prvků v jedné frontě

Do jedné fronty příkazů lze navzájem kombinovat vkládání prvků a aplikaci předvolených stylů (presetů). Pokud ve frontě zadáte preset bezprostředně za vkládaný modul, styl se na něj při vygenerování rovnou aplikuje.

Například textový zápis Blurb > Group > Button + Primary Preset *2 vytvoří modul Blurb, do něj vloží modul Group a do něj umístí dvě tlačítka, na která se automaticky aplikuje styl s názvem „Primary Preset“.

Průběžné filtrování příkazů

Vzhledem k velkému množství dostupných funkcí nabízí Command Center možnost průběžného filtrování příkazů přímo během psaní. K zúžení výběru slouží operátor dvojtečky (:), po kterém následuje název požadované kategorie.

Například zadáním modal: se automaticky aktivuje filtr pro tuto kategorii a nabídka zobrazí výhradně příkazy spojené s modálními okny. Tato funkce usnadňuje orientaci v situacích, kdy více příkazů napříč různými kategoriemi obsahuje stejná klíčová slova, a umožňuje tak rychlý výběr přesné položky bez nutnosti procházet dlouhé seznamy.