Co je to dětské téma a proč je tak důležité?
V tomto příspěvku vám poskytneme odpovědi na tyto otázky a krok za krokem vám ukážeme, jak vytvořit a přizpůsobit své vlastní podřízené téma pomocí pluginů nebo kódu.
Pokud si budete přát provádět změny v tématu webu WordPress,pravděpodobně jste viděli, jak vám lidé říkají používat dětské téma.
Co je to dětské téma a proč jsou tak důležitá?
V tomto příspěvku vám poskytneme odpovědi na tyto otázky spolu s úvodem k dětským tématům a jak jsou pro vás ideální.
Poté vám krok za krokem ukážeme, jak vytvořit a přizpůsobit své vlastní podřízené téma pomocí pluginů nebo kódu.
Ale pokud jste nikdy nenainstalovali WordPress, objevte to Jak nainstalovat 7 kroků WordPress blogu et Jak najít, nainstalovat a aktivovat WordPress téma na svém blogu
A pak se vraťme k tomu, pro co jsme tady.
Co je dětské téma WordPress?
Dětské téma není samostatné téma. Je to „dítě“ existujícího nadřazeného tématu, odtud jméno.
Nainstalujete jej vedle nadřazeného tématu, ale dává vám šanci bezpečně provést změny v nadřazeném tématu, aniž byste museli upravovat samotné nadřazené téma.
Podřízené téma získá většinu všech nastavení návrhu z nadřazeného tématu. V situacích, kdy změníte podřízené téma, však tato změna přepíše nastavení nadřazeného tématu.
Výhody dětského motivu
V tuto chvíli se možná budete ptát: proč nemůžete provést změny přímo v nadřazeném tématu?
Hlavním důvodem, proč to není dobrý nápad, je Aktualizace motivů WordPress.
Pokud chcete, aby byl váš web WordPress bezpečný a funkční, musíte rychle použít aktualizace, jakmile vyjdou, včetně aktualizací vašeho motivu WordPress.
Pokud přizpůsobíte svůj web přímou úpravou svého motivu (bez podřízeného motivu), znamená to, že při každé aktualizaci motivu WordPress přepíšete všechny své změny.
To znamená, že:
- Aktualizujte své téma WordPress a ztratte práci. Není to moc zábavný zážitek, že?
- Neaktualizujte své téma WordPress, abyste neztratili práci ... což není dobré zabezpečení a provoz vašich webových stránek WordPress.
S podřízeným motivem můžete provádět všechny změny v podřízeném motivu. Poté budete moci aktualizovat nadřazené téma, aniž byste přišli o práci.
Kromě toho, že vám bezpečně aktualizujete, je použití dětského motivu také obecně užitečné pro přizpůsobení. Protože odděluje všechny vaše změny na jednom místě, je snadné sledovat všechny vaše změny a podle potřeby je změnit.
Je také snadné jít vzhůru nohama. Pokud například chcete přestat používat vaše změny a vrátit se k nadřazenému tématu, stačí deaktivovat podřízené téma.
Některé Témata WordPress dokonce použít tento výchozí přístup rodič/dítě. Pokud například chcete použít rámec Genesis, budete k ovládání návrhu potřebovat jak nadřazené téma (základní rámec), tak podřízené téma.
Kdy použít podřízené téma
Kromě několika výjimek, které vyjmenujeme níže, musíte toujours použijte podřízené téma, pokud plánujete provést vlastní úpravy existujícího tématu WordPress.
Když nepotřebujete dětské téma
Obecně platí, že použití podřízeného motivu je dobrou praxí, kdykoli přizpůsobíte své téma WordPress.
Existuje však několik výjimek z pravidla, kdy by mohla existovat lepší možnost než použití podřízeného tématu.
Za prvé, pokud si jen chcete udělat drobné ladění CSS, mohlo by být zbytečné vytvořit dětské téma jen na několik vylepšení.
Místo toho můžete pomocí této funkce přidat vlastní CSS Další CSS integrován do WordPress Customizer. Nebo můžete použít bezplatný plugin WordPress, například Simple CSS.
Zadruhé, pokud provádíte jakékoli změny, které chcete být nezávislé na tématu, nemusí být nejlepší téma podřízené téma.
Pokud například zaregistrujete vlastní taxonomii nebo vlastní typ příspěvku, pravděpodobně nebudete chtít použít soubor functions.php vašeho dětského motivu (protože je chcete zachovat, i když motiv změníte). Místo toho byste měli pouze přidat kód mimo motiv pomocí pluginu, jako je Úryvky kódu nebo svůj vlastní plugin.
Jak vytvořit podřízené téma na WordPress
Nyní, když víte, proč jsou podřízená témata důležitá, pojďme se podívat, jak můžete ve skutečnosti vytvořit podřízený motiv pro svůj web WordPress.
Nejprve, pokud používáte ahoj elementor téma, již jsme pro vás vytvořili dětské téma - nemusíte to dělat sami. Můžeš pořiďte dětský motiv Hello Elementor z WordPress.org. Můžete jej nainstalovat jako každé jiné téma WordPress (dále vám ukážeme, jak nainstalovat podřízené téma později v tomto příspěvku).
Pokud používáte jiné téma WordPress, vždy stojí za to se rychle podívat na Google a zjistit, zda vývojář tématu WordPress poskytuje podřízené téma. Například Astra, GeneratePress a OceanWP mají nástroje / soubory, které vám pomohou stáhnout podřízené téma.
Pokud vaše téma WordPress již nemá podřízené téma, můžete vytvořit podřízené téma pro libovolné téma WordPress:
- Použijte a WordPress Plugin bezplatný generátor dětských témat.
- Ručně vytvořte své vlastní podřízené téma.
Ukážeme vám, jak provést obě metody.
Jak používat podřízený motiv WordPress plugin
Plugin generátoru dětských motivů vám umožní vytvořit podřízené téma, aniž byste opustili řídicí panel WordPress.
Nejoblíbenější možností je zde bezplatný modul pro konfiguraci dětského motivu, která je aktivní na více než 300.000 XNUMX webech.
Konfigurátor dětských motivů nejen pomáhá při vytváření souborů podřízených motivů, ale podle potřeby také analyzuje téma, které používáte, a šablony stylů motivu a písma.
Obsahuje také další užitečné funkce, pokud se pokoušíte vytvořit podřízený motiv na webu, na kterém jste již přidali obsah. Může například zkopírovat vaše stávající widgety a možnosti uživatelských úprav do podřízeného motivu.
Až budete mít zálohu připravenou, začněte instalací a aktivací bezplatného pluginu Child Theme Configurator z WordPress.org. Poté přejděte do nabídky Nástroje → Dětská témata vytvořit své podřízené téma.
V seznamu Vyberte jednu rozbalovací nabídku rodičovské téma, vyberte téma, pro které chcete vytvořit své podřízené téma. Poté klikněte na Analyzovat:
Plugin pak bude analyzovat nadřazené téma pro případné závislosti.
Po dokončení uvidíte několik dalších možností, jak nakonfigurovat, jak vytvořit své podřízené téma. Pokud si nejste jisti, co konkrétní nastavení znamená, můžete jej jako výchozí ponechat:
Po dokončení výběru klikněte na tlačítko v dolní části vytvořit nové dětské téma.
A to je vše ! Plugin pak vytvoří podřízené téma pro vás. Neaktivuje se však pas toto dětské téma.
Aktivace:
- Aller à Vzhled → Motivy.
- S tímto podřízeným motivem si můžete prohlédnout, jak vaše webové stránky vypadají (abyste se ujistili, že to funguje - pokud váš web vypadá neobvykle, je to pravděpodobně kvůli problému CSS).
- Aktivujte své podřízené téma stejně jako jiné téma WordPress. Nezapomeňte však ponechat nadřazené téma nainstalováno.
Po aktivaci podřízeného motivu nabízí plugin Dětský motivový konfigurátor také další užitečné nástroje, které vám pomohou spravovat podřízený motiv. Pokud například přejdete na kartu soubory z nastavení pluginu můžete zobrazit všechny přidružené soubory v nadřazeném a podřízeném tématu.
Pak můžete kopírovat soubory z nadřazeného tématu do podřízeného tématu.
Například, pokud chcete provést některé změny single.php, můžete tento soubor zkopírovat do podřízeného motivu, abyste jej mohli bezpečně upravit:
Najdete zde také spoustu dalších nástrojů, které vám pomohou s prací s CSS.
Vysvětlíme, proč jsou tyto nástroje užitečné později.
Jak ručně vytvořit podřízené téma
V této části předpokládáme, že víte něco více o PHP a CSS. Pokud se cítíte zahlceni pokyny zde, doporučujeme použít bezplatný plugin z předchozí části.
Chcete-li ručně vytvořit podřízený motiv, musíte vytvořit dva soubory (jedná se o přísná minima pro podřízený motiv):
- style.css - na začátku stačí přidat kód boilplate.
- functions.php - to vám umožní načíst šablonu stylů nadřazeného motivu. Bez něj by vaše podřízené téma nemohlo použít CSS z nadřazeného tématu, což by vaše webové stránky udělalo ošklivě!
style.css
Nejprve vytvořte soubor s názvem style.css a přidejte následující kód:
Nejprve vytvořte soubor s názvem style.css a přidejte následující kód:
/* Název tématu: Hello Elementor Child URI motivu: https://github.com/elementor/hello-theme/ Popis: Hello Elementor Child je dětské téma Hello Elementor, vytvořené týmem Elementor Autor: Elementor Team URI autora: https://elementor.com/ Šablona: hello-elementor Verze: 1.0.1 Textová doména: hello-elementor-child Licence: GNU General Public License v3 nebo novější. URI licence: https://www.gnu.org/licenses/gpl-3.0.html */
Nezapomeňte nahradit cokoli, co přichází za dvojtečkou, skutečnými informacemi:
- Název motivu - název vašeho dětského motivu.
- Téma URI - webové stránky vašeho tématu a jeho dokumentace.
- Popis - krátký popis tématu.
- Autor - jméno autora tématu.
- URI autora: - web autora tématu.
- Šablona - název vaší nadřazené složky motivů (jak je pojmenováno uvnitř složky wp-content / themes). Toto je nejdůležitější linka; vaše dětské téma bez něj nebude fungovat.
- Verze - číslo verze vašeho dětského motivu.
- Textové pole - používá se pro internacionalizaci. Stačí přidat „podřízený“ na konec názvu šablony.
- Licence - ponechte toto výchozí.
- URI licence - ponechte toto výchozí.
Vyloučení řádku Šablony, nezáleží na tom, co zadáte, takže se příliš nestresujte. Ujistěte se, že jste do složky zadali správně název složky nadřazeného motivu šablona.
Pokud chcete v budoucnu přidat své vlastní styly, můžete je přidat do této šablony stylů pod kódem boilplate.
functions.php
Pak musíte soubor vytvořit functions.php pro vaše dítě téma. To je opět to, co vám umožní načíst kompletní šablonu stylů CSS vašeho nadřazeného motivu.
V souboru functions.php, doplňte následující kód:
/ * Funkce pro získání seznamu stylů z nadřazeného tématu * / function child_enqueue__parent_scripts () { wp_enqueue_style ('parent', get_template_directory_uri (). '/ style.css'); } add_action ('wp_enqueue_scripts', 'child_enqueue__parent_scripts');
Nahrajte soubory na web WordPress
Jakmile máte své soubory style.css et functions.php, musíte je nahrát na svůj web WordPress jako nové téma.
Chcete-li to provést, připojte se k webu WordPress pomocí FTP.
Poté přejděte do adresáře témat vašeho webu (obsah wp / témata)a vytvořte novou složku pro vaše podřízené téma.
Například pokud je složka vašeho nadřazeného motivu ahoj-element, můžete pojmenovat složku podřízených motivů ahoj eletor-dítě aby vám pomohl zapamatovat si to.
Poté nahrajte svůj soubor style.css et functions.php uvnitř této složky:
Jakmile stáhnete oba soubory, můžete přejít na Vzhled → Motivy a aktivujte své podřízené téma stejně jako jiné téma WordPress.
Jak nainstalovat podřízené téma WordPress
Některé z těchto aspektů jsme popsali výše v části Specifické metody, ale ještě jednou projdeme, jak nainstalovat podřízené téma WordPress.
Bude také užitečné, pokud si stáhnete podřízený motiv z webu vývojáře motivů, místo abyste si jej vytvořili sami.
Podřízené téma WordPress můžete nainstalovat stejně jako jakékoli jiné téma WordPress:
- Přístup k Vzhled → Motivy v panelu WordPress.
- Klepněte na tlačítko Přidat nový.
- Nahrajte soubor ZIP podřízeného motivu.
Během procesu instalace WordPress zjistí, že stahujete podřízené téma a zkontroluje, zda existuje nadřazené téma:
Po stažení souboru nezapomeňte aktivovat to.
Pamatujte, že pro vaše dítě téma fungovat, musíte nainstalovat na tehdyrodičovské téma a podřízené téma.
Vaše podřízené téma by mělo být vaším aktivním motivem, ale stále byste měli mít nainstalované nadřazené téma.
Jak by to mělo vypadat:
- Podřízené téma je aktivní téma
- Nadřazené téma je stále nainstalováno, ale není aktivní
Jak přizpůsobit podřízené téma
Stejně jako při přizpůsobení běžného motivu WordPress máte několik možností „přizpůsobit“ podřízené téma.
Přesněji řečeno, jste ve skutečnosti nepřizpůsobujete podřízené téma - používáte podřízené téma k přizpůsobení stávajícího (nadřazeného) tématu.
Nejprve vám ukážeme několik způsobů, jak můžete pomocí kódu přizpůsobit své podřízené téma. Dále budeme sdílet snadnější způsob, jak si věci přizpůsobit Elementor Tvůrce.
Přizpůsobte podřízené téma pomocí kódu
Pokud chcete přizpůsobit své podřízené téma pomocí kódu, musíte mít dobrou znalost CSS, HTML a PHP.
Zde je několik věcí, které můžete udělat:
Přidejte vlastní CSS
Chcete-li přizpůsobit své podřízené téma pomocí CSS, můžete jej přidat přímo do souboru style.css vašeho dětského motivu.
Přidejte CSS pod existující kód v horní části souboru.
Jakýkoli CSS, který přidáte do svého podřízeného motivu, nahradí váš nadřazený motiv, pokud použijete stejné selektory.
Vyměňte stávající šablony
Pokud chcete nahradit šablony nadřazeného motivu, můžete:
- Zkopírujte soubor šablony z nadřazeného motivu do podřízeného motivu.
- Upravte soubor šablony ve svém podřízeném motivu.
Například, pokud chcete změnit single.php, nejprve zkopírujete soubor single.php od nadřazeného tématu po podřízené téma (dbejte na zachování stejné struktury).
Poté můžete kód upravit ve své podřízené tematické verzi single.php.
Poznámka: WordPress použije šablonu vašeho podřízeného motivu, pokud má stejný název. Z tohoto důvodu téměř skrýváte existující šablonu v nadřazeném motivu.
Pokud používáte plugin Child Theme Configurator, který jsme zmínili výše, může vám pomoci zkopírovat soubory do podřízeného motivu, aniž byste opustili panel WordPress.
Přidejte nové šablony
Kromě kopírování a úpravy existujících šablon z nadřazeného motivu můžete v podřízeném motivu vytvořit také nové vlastní šablony.
Například pokud chcete vytvořit šablonu pro vlastní typ příspěvku, který jste přidali, můžete tyto šablony přidat do podřízeného motivu.
Přizpůsobte podřízené téma pomocí generátoru motivů Elementor
Pokud nejste obeznámeni, Elementor Tvůrcevám umožňuje přizpůsobit část nebo celé téma WordPress pomocí vizuálního rozhraní.
S Elementor Pro a Tvůrcem motivů můžete vytvořit vlastní šablony pro vaše webové stránky:
- hlavička
- Zápatí
- Jeden (např. Jeden příspěvek nebo stránka blogu)
- Archivy (např. Stránka, která obsahuje seznam všech vašich blogových příspěvků)
Tyto šablony budou fungovat s podřízeným i nadřazeným tématem.
S Elementor Theme Builder nemusíte pracovat s kódem přímo. Není k dispozici žádné přidávání vlastních CSS ani kopírování souborů šablony PHP - to vše děláte drag-and-drop.
Předpokládejme například, že chcete upravit záhlaví pro své podřízené téma. Namísto nutnosti kopírovat soubor header.php na téma vašeho dítěte a poté změnit PHP, můžete jednoduše navrhnout novou hlavičku pomocí vizuálního a drag and drop rozhraní Elementoru. Poté můžete použít tuto hlavičku kdekoli na svém webu nebo jen na konkrétní části svého webu.
Pokud jste v CSS, HTML a PHP nováčkem, tento přístup bez kódu vám umožní přizpůsobit vaše podřízené téma. A i když to uděláte, tento vizuální přístup vám může stále ušetřit spoustu času než s PHP v souborech šablon.
Když vytvoříte novou šablonu pomocí Elementor Theme Builder, budete si moci vybrat typ šablony. Například záhlaví.
Pak můžete začít buď z prázdné břidlice, nebo si vybrat jeden z modelů Elementor Pro:
Odtud můžete pomocí vzhledu záhlaví ovládat možnosti přetažení na postranním panelu:
Po dokončení si můžete přesně vybrat, kam chcete tuto šablonu záhlaví použít:
Jak odstranit podřízené téma na WordPress
Pokud chcete přestat používat své podřízené téma, můžete jej vypnout stejně jako u běžného motivu WordPress.
Tohle je :
- Aller à Vzhled → Motivy.
- Aktivujte jiné téma. Buď nadřazené téma, nebo zbrusu nové téma WordPress.
Nezapomeňte, že pokud vypnete podřízené téma a přepnete zpět na své nadřazené téma, nebudou již provedeny žádné změny, které jste přidali do podřízeného tématu.
Místo toho se vrátíte k navrhování nadřazeného tématu.
Začněte používat podřízené téma WordPress
Podřízené téma vám pomůže bezpečně provádět změny v tématu WordPress.
Vaše podřízené téma zdědí všechny své styly z nadřazeného tématu, ale všechny změny, které provedete v podřízeném tématu, přepíší nadřazené téma. To znamená, že nadřazené téma můžete bezpečně aktualizovat, aniž byste ztratili jakékoli změny, které jste provedli v podřízeném tématu.
Chcete-li začít s dětským motivem WordPress, můžete:
- Zkontrolujte, zda vývojář motivu již nabízí podřízené téma. Pokud používáte Hello Elementor, můžete stáhněte si dětské téma z GitHubu.
- Použijte bezplatný modul pro konfiguraci dětského motivu.
- Ručně vytvořte své podřízené téma.
Odtud si můžete přizpůsobit své podřízené téma pomocí CSS, HTML a PHP. Můžete také přeskočit kód a pomocí prvku Elementor Theme Builder přizpůsobit motiv pomocí vizuálního rozhraní drag and drop.
Objevte také některá témata a prémiové doplňky WordPress
Můžete použít jiné WordPress pluginy poskytnout moderní vzhled a optimalizovat práci s vaším blogem nebo webem.
Nabízíme vám zde prémiové doplňky WordPress, které vám to pomohou.
1. Tabulky cen AP
Tabulka cen AP je a WordPress Plugin premium, což usnadňuje vytváření ceníků bohatých na funkce s intuitivním rozhraním. Nabízí 35 předdefinovaných šablon a neomezené množství možností.
s tímto WordPress Plugin snadné použití, navrhnout ohromující cenovou tabulku pomocí několika kliknutí bude velmi snadné. Umožňuje vám vytvářet neomezené cenové mřížky tím, že poskytuje možnost přidávat řádky a sloupce, nastavovat ohraničení sloupců, prostor mezi sloupci, šířku sloupců a mnoho dalšího.
Přečtěte si také Jak přizpůsobit tlačítko WooCommerce „Přidat do košíku“
Tento plugin vám také umožňuje přidat zvukový obsah, video a Google Map.
2.wp Tvůrce stránek
WordPress Page Builder je dokonalý nástroj pro tvorbu webových stránek WordPress, který obsahuje skvělé nástroje pro generování libovolného vlastního příspěvku, vlastní taxonomie nebo vlastního metaboxu.
Jako funkce má mimo jiné: vlastní typ příspěvkuCPT, osobní taxonomie, pokročilá vlastní pole, funkce drag and drop, podporované umístění Google Map, podporovatelná opakovatelná pole a mnoho dalšího.
Stáhnout | Demo | Web hosting
3. Rankie
Rankie je velmi užitečný modul WordPress navržený tak, aby pravidelně kontroloval hodnocení WordPress na Googlu a pečlivě sledoval pozici každého klíčového slova.
Jako sledovací plugin pro hodnocení bude Rankie denně aktualizovat umístění klíčových slov a generovat přesné zprávy.
Přečtěte si také naše 6 pravidelné dotazy týkající se SEO a přesměrování
Zahrnuje také výkonný výzkumný nástroj, který generuje cenné seznamy klíčových slov. Google ji již používá k výzkumu.
Stáhnout | Demo | Web hosting
Doporučené zdroje
Zjistěte další doporučené zdroje, které vám pomohou vytvořit a spravovat váš web.
Proč investovat do čističky vzduchu?
Tady ! To je pro tento tutoriál vše. Stále máte otázky ohledně užitečnosti podřízeného motivu na WordPressu? Dejte nám vědět v sekce komentáře a pokusíme se pomoci!
Budete však také moci konzultovat naše ressources, pokud potřebujete více prvků k realizaci vašich projektů vytváření internetových stránek, nahlédněte do našeho průvodce na internetu Vytvoření blogu WordPress.
Neváhej sdílet se svými přáteli na svých oblíbených sociálních sítích.
...
