V tomto článku vám ukážu velmi snadnou metodu vytváření podřízených motivů při použití blokových motivů WordPress.

Stručný přehled blokových motivů

Se zavedením WordPressu 6.0 se tým WordPressu plně věnoval blokovým tématům, aby bylo snazší než kdy jindy navrhovat a přizpůsobovat webové stránky s malým nebo žádným kódováním. Témata bloků využívají „Editor bloků“, také známý jako „Gutenberg Block Editor“, který uživatelům umožňuje přetahovat prvky návrhu na webovou stránku. Díky této funkci je WordPress mnohem konkurenceschopnější vůči tvůrcům webů a témat, zejména proto, že WordPress je zcela zdarma a již jej používá více než 60 % z 10 milionů nejlepších webových stránek na internetu.

Jednou z nejnovějších výhod blokových motivů je možnost snadno vytvořit nový podřízený motiv pro jakýkoli blokový motiv, který používáte k návrhu svého webu. Pokud například používáte výchozí motiv TwentyTwentyThree dodávaný s WordPress 6.2, můžete pro něj rychle vytvořit podřízený motiv, aniž byste se museli ponořit do souborů vašeho webu pomocí FTP klienta.

Proč jsou dětská témata důležitá

Podřízené motivy jsou důležité, protože vám umožňují přizpůsobit si motiv a zachovat tato přizpůsobení, kdykoli jsou k dispozici aktualizace motivu. Bez podřízeného motivu mohou být přizpůsobení webu přepsána pokaždé, když aktualizujete své „nadřazené“ téma – v tomto případě téma TwentyTwentyThree. To znamená, že v nejlepším případě se budete muset vrátit a znovu vložit svá přizpůsobení po každé aktualizaci motivu a v nejhorším případě můžete při aktualizaci ztratit všechna přizpůsobení a budete muset začít znovu.

Podřízené motivy oddělují vaše přizpůsobení od výchozího nadřazeného motivu, takže můžete aktualizovat nadřazený motiv A ponechat si všechna přizpůsobení obsažená v podřízeném motivu. Získáte to nejlepší z obou světů.

WordPress Zjednodušený: Kurz Jak vytvořit výkonné webové stránky od Davies Media Design

Vytvořte podřízené téma pro svůj blokový motiv

Krok 1: Nainstalujte plugin Create Block Theme

Nyní, když jsou na mě někteří z vás dostatečně naštvaní, že vysvětluji, proč potřebujete podřízená témata, pojďme se pustit do toho, jak tato podřízená témata vlastně vytvořit při práci ve WordPressu v roce 2023, 2024 a dále.

V oblasti správy WordPress přejděte na Pluginy>Přidat nový

Pro začátek se přihlaste do svého WordPress Dashboard a přejděte na Plugins>Add New (červená šipka na obrázku výše).

Tato metoda využívá plugin vyvinutý přímo týmem WordPress. To znamená, že plugin byl optimalizován pro práci s nejnovější verzí WordPress a blokovými tématy.

Vyhledejte a nainstalujte plugin Create Block Theme WordPress

V pracovní oblasti „Add Plugins“ vyhledejte plugin „Create Block Theme“ pomocí vyhledávací lišty (na obrázku výše je zvýrazněna zeleně, vpravo nahoře). Jakmile uvidíte plugin uvedený ve výsledcích vyhledávání, klikněte na „Instalovat nyní“ (červená šipka).

Aktivujte plugin Create Block Theme pro WordPress

Jakmile plugin dokončí instalaci, tlačítko „Instalovat nyní“ zmodrá a řekne „Aktivovat“. Klikněte na tlačítko „Aktivovat“ (červená šipka na obrázku výše).

Krok 2: Vygenerujte podřízené téma

Z hlavní nabídky správce přejděte na plugin Create Block Theme

Jakmile je plugin úspěšně aktivován, budete přesměrováni do pracovní oblasti „Pluginy“ WordPress a uvidíte zprávu, která říká „Plugin aktivován“ směrem nahoru (zelená šipka na obrázku výše). Odtud přejděte na Vzhled> Vytvořit motiv bloku (červená šipka).

Vyberte možnost vytvořit potomka vašeho aktuálního motivu WordPress

Jakmile jste v pracovní oblasti „Vytvořit téma bloku“, vyberte možnost rádia „Vytvořit podřízené téma dvaceti třiadvaceti“ (nebo jakkoli se jmenuje motiv, pro který vytváříte podřízený motiv – červená šipka na obrázku výše).

Na pravé straně okna se objeví hromada textových polí. Povinné je pouze horní textové pole označené „Název tématu“ (modrá šipka). Zbytek je volitelný. Jako název vašeho motivu je standardní praxí pojmenovat téma vašeho dítěte „TwentyTwentyThree-child“, pokud se například vaše nadřazené téma nazývá „TwentyTwentyThree“.

Náhodou jsem také přidal stručný popis do pole „Popis motivu“ a přidal své obchodní jméno pod „Autor“ a svůj hlavní web pod „URI autora“. Vše ostatní jsem ponechal na výchozích hodnotách (včetně zaškrtávacích políček, která uvidíte, když stránku posunete dále).

Klikněte na tlačítko „Generovat“ (zelená šipka).

Krok 3: Stáhněte si Child Theme na plochu

Stáhněte si soubor zip pro motiv vašeho dítěte do počítače

Tím se automaticky zahájí stahování souboru zip obsahujícího váš dětský motiv. Název souboru můžete ponechat tak, jak se zobrazuje (červená šipka na obrázku výše). Kliknutím na „Uložit“ uložíte soubor do počítače (modrá šipka).

Zobrazte staženou složku zip podřízeného motivu v průzkumníku souborů

Do počítače se stáhne soubor zip. Na liště stahování v dolní části prohlížeče klikněte na šipku vedle dokončeného stahování (zelená šipka) a kliknutím na „Zobrazit ve složce“ (červená šipka) zobrazte stažený soubor zip v okně Průzkumníka souborů (pokud používáte Windows – na MAC vyvolejte stahování v Průzkumníku souborů).

Nechte okno Průzkumníka souborů otevřené s vybraným dětským motivem

Nechte toto okno Průzkumníka souborů otevřené a vyberte soubor zip, který obsahuje váš dětský motiv (zelená šipka) – budeme to potřebovat v nadcházejícím kroku.

Krok 4: Přidejte nové dětské téma na svůj web WordPress

Přejděte na Vzhled> Motivy a klikněte na tlačítko "Přidat nový".

Vraťte se na WordPress a přejděte do sekce „Témata“ v části Vzhled (červená šipka na obrázku výše). Klikněte na tlačítko „Přidat nový“ v horní části pracovní oblasti Motivy (modrá šipka).

Klikněte na "Vybrat soubor" a vyberte téma WordPress z plochy

V pracovní oblasti „Přidat motivy“ uvidíte uprostřed okna pole s tlačítkem „Vybrat soubor“ (červená šipka). Můžete buď kliknout na toto tlačítko a vybrat soubor zip, který jsme právě stáhli pro podřízený motiv, nebo otevřít okno Průzkumníka souborů, do kterého jsme přešli dříve, a přetáhnout soubor zip kamkoli do tohoto pole.

Přetažením souboru zip podřízeného motivu WordPress nainstalujte podřízený motiv

Na této fotografii výše můžete vidět, že jsem přetáhl soubor zip přímo přes krabici a pustil myš.

Kliknutím na „Instalovat nyní“ nainstalujete své podřízené téma WordPress

Nyní uvidíte svůj soubor motivu dvacettwentythreechild.zip uvedený uvnitř pole (zelená šipka) a zobrazí se tlačítko „Instalovat nyní“ (červená šipka). Klepnutím na „Instalovat nyní“ zahájíte instalaci podřízeného motivu.

Zpráva o úspěchu vás informuje o úspěšné instalaci podřízeného motivu

Budete přesměrováni do nového okna a váš dětský motiv se začne instalovat na váš web. Dejte instalaci nějaký čas a během instalace neobnovujte stránku (může to poškodit váš web). Po dokončení instalace podřízeného motivu se zobrazí zpráva „Motiv byl úspěšně nainstalován“. (na obrázku nahoře zvýrazněno zeleně).

Pod touto zprávou o úspěchu je odkaz označený „Aktivovat“. Kliknutím na tento odkaz aktivujete podřízené téma na svém webu.

Krok 5: Prohlédněte si svůj živý web s dětským motivem

Kliknutím na odkaz Navštívit web zobrazíte náhled webu s přidaným podřízeným motivem

Jakmile je téma úspěšně aktivováno, budete přesměrováni zpět do pracovní oblasti „Témata“. V horní části se zobrazí zpráva „Nové téma aktivováno. (na obrázku nahoře zvýrazněno zeleně). Uvidíte, že první uvedený motiv je nyní tím, co se zdá být prázdným motivem – označený šachovnicovým pozadím, které obvykle představuje průhlednost ve světě designu. Ve spodní části tohoto náhledu motivu uvidíte, že je napsáno „Aktivní: TwentyTwentyThree-child“ (červená šipka).

To znamená, že jste úspěšně nainstalovali podřízený motiv! Průhledný náhled motivu představuje skutečnost, že váš podřízený motiv obsahuje pouze přizpůsobení motivu a všechny ostatní prvky stylu a designu jsou zobrazeny v nadřazeném motivu (v tomto případě motivu „TwentyTwentyThree“). Ujistěte se, že jste neodstranili nadřazený motiv, protože by to pokazilo váš web. Kromě toho se ujistěte, že udržujete nadřazený motiv aktuální (z bezpečnostních důvodů) kliknutím na odkazy na aktualizaci/oznámení, která se pro téma zobrazí.

Kliknutím na odkaz „Navštivte web“, který se zobrazí ve zprávě o úspěchu (modrá šipka na obrázku výše), můžete zobrazit náhled svého aktuálního webu s povoleným dětským motivem.

Váš web WordPress by se měl zobrazovat přesně jako předtím

V tomto případě uvidíte, že se můj web jednoduše zobrazí jako výchozí motiv TwentyTwentyThree (moje nadřazené téma – v motivu TwentyTwentyThree jsem neprovedl žádné změny, než jsem začal s tímto výukovým programem). To znamená, že podřízený motiv byl úspěšně nainstalován!

To je pro tento tutoriál vše. Můžete se podívat na moje další Články nápovědy WordPress na mém webu nebo se hlouběji ponořte do WordPressu s mým WordPress pro začátečníky 2023 – bez kódu WordPress Masterclass.

Davies Media Design Bezplatné e-mailové zpravodaje o kreativních aplikacích

Přihlaste se k odběru zpravodaje DMD

Přihlaste se k odběru nových výukových programů, aktualizací kurzů a nejnovějších zpráv o vašich oblíbených bezplatných kreativních aplikacích!

Úspěšně jste přihlášeni k odběru!