Čo je to detská téma a prečo je taká dôležitá?
V tomto príspevku vám poskytneme odpovede na tieto otázky a krok za krokom vám ukážeme, ako vytvoriť a prispôsobiť svoju vlastnú podradenú tému pomocou doplnkov alebo kódu.
Ak si budete priať vykonať zmeny v téme vášho webu WordPress,Pravdepodobne ste už videli ľudí, ako vám hovoria, aby ste použili detskú tému.
Čo je to detská téma a prečo sú detské témy také dôležité?
V tomto príspevku vám poskytneme odpovede na tieto otázky spolu s úvodom k detským témam a ako sú pre vás ideálne.
Potom vám krok za krokom ukážeme, ako vytvoriť a prispôsobiť svoju vlastnú podradenú tému pomocou doplnkov alebo kódu.
Ak ste však ešte nikdy nenainštalovali program WordPress, zistite to Ako nainštalovať 7 krokov WordPress blogu et Ako nájsť, nainštalovať a aktivovať WordPress tému na svojom blogu
A potom sa vráťme k tomu, pre čo sme tu.
Čo je to detská téma WordPress?
Detská téma nie je samostatná téma. Je to „dieťa“ existujúcej nadradenej témy, odtiaľ názov.
Nainštalujete ho vedľa svojej nadradenej témy, ale dáva vám šancu bezpečne vykonať zmeny vo vašej nadradenej téme bez potreby úpravy samotnej nadradenej témy.
Podradená téma získa väčšinu / všetky nastavenia dizajnu z nadradenej témy. V situáciách, keď zmeníte podradenú tému, však táto zmena prepíše nastavenia nadradenej témy.
Výhody detskej témy
V tejto chvíli by vás zaujímalo: prečo nemôžete urobiť zmeny priamo v materskej téme?
Hlavný dôvod, prečo to nie je dobrý nápad, je Aktualizácia tém WordPress.
Ak chcete, aby bola vaša webová stránka WordPress bezpečná a funkčná, musíte rýchlo aplikovať aktualizácie hneď po ich vydaní, vrátane aktualizácií témy WordPress.
Ak prispôsobíte webovú stránku priamou úpravou témy (bez podradenej témy), znamená to, že pri každej aktualizácii témy WordPress prepíšete všetky svoje zmeny.
To znamená, že:
- Aktualizujte si tému WordPress a prídete o prácu. Nie je to veľmi zábavná skúsenosť, však?
- Neaktualizujte si tému WordPress, aby ste nestratili prácu ... čo nie je dobré bezpečnosť a prevádzka vašich webových stránok WordPress.
V podradenej téme môžete vykonať všetky zmeny v podradenej téme. Potom budete môcť aktualizovať nadradenú tému bez straty akejkoľvek práce.
Okrem toho, že vám pomáhame bezpečne aktualizovať, je pri vytváraní prispôsobení zvyčajne užitočné používať detskú tému. Pretože oddeľuje všetky vaše zmeny na jednom mieste, je ľahké sledovať všetky vaše zmeny a podľa potreby ich zmeniť.
Je tiež ľahké ísť hore nohami. Napríklad, ak chcete prestať používať vaše zmeny a vrátiť sa k nadradenej téme, deaktivujte podradenú tému.
niektorí Témy WordPress dokonca použiť tento predvolený prístup rodič/dieťa. Napríklad, ak chcete použiť rámec Genesis, na ovládanie dizajnu budete potrebovať nadradenú tému (základný rámec) aj podradenú tému.
Kedy použiť detskú tému
Okrem niekoľkých výnimiek, ktoré uvedieme nižšie, musíte Toujours použite podradenú tému, ak plánujete vykonať vlastné úpravy existujúcej témy WordPress.
Ak nepotrebujete detskú tému
Vo všeobecnosti platí, že používanie podriadenej témy je dobrou praxou vždy, keď prispôsobíte svoju tému WordPress.
Existuje však niekoľko výnimiek z pravidla, v ktorých môže byť lepšia voľba ako použitie podradenej témy.
Po prvé, ak chcete urobiť iba malé vylepšenia CSS, mohlo by byť zbytočné vytvoriť detskú tému len na pár vylepšení.
Namiesto toho môžete pomocou tejto funkcie pridať svoje vlastné CSS Dodatočné CSS integrovaný do WordPress Customizer. Alebo môžete použiť bezplatný doplnok WordPress, napríklad Simple CSS.
Po druhé, ak vykonávate akékoľvek zmeny, ktoré chcete, aby bola téma nezávislá, podradená téma nemusí byť najlepšou voľbou.
Napríklad, ak zaregistrujete vlastnú taxonómiu alebo vlastný typ príspevku, pravdepodobne tento súbor nechcete používať functions.php témy dieťaťa (pretože ich chcete zachovať, aj keď tému zmeníte). Namiesto toho by ste mali jednoducho pridať kód mimo témy pomocou doplnku, ako je napr Odchýlky kódu alebo svoj vlastný doplnok.
Ako vytvoriť detskú tému na Windows XNUMX WordPress
Teraz, keď viete, prečo sú detské témy dôležité, poďme sa pozrieť, ako môžete skutočne vytvoriť detskú tému pre svoju webovú stránku WordPress.
Po prvé, ak používate Ahoj Elementor téma, už sme pre vás vytvorili detskú tému - nemusíte to robiť sami. Môžeš uchopte detskú tému Hello Elementor zo stránky WordPress.org, Môžete ho nainštalovať ako akékoľvek iné téma WordPress (neskôr vám v tomto príspevku ukážeme, ako nainštalovať podradenú tému).
Ak používate inú tému WordPress, vždy stojí za to rýchlo sa pozrieť na Google a zistiť, či vývojár témy WordPress poskytuje podradenú tému. Napríklad Astra, GeneratePress a OceanWP majú nástroje / súbory, ktoré vám pomôžu stiahnuť detskú tému.
Ak vaša téma WordPress ešte nemá podradenú tému, môžete vytvoriť podradenú tému pre ľubovoľnú tému WordPress:
- použite WordPress Plugin bezplatný generátor detských tém.
- Ručne vytvorte svoju vlastnú detskú tému.
Ukážeme vám, ako vykonať obidve metódy.
Ako používať podriadený doplnok WordPress
Doplnok generátora detských tém vám umožňuje vytvoriť podradené motívy bez opustenia vášho dashboardu WordPress.
Najobľúbenejšou možnosťou je tu bezplatný doplnok pre konfiguráciu detských tém, ktorá je aktívna na viac ako 300.000 XNUMX webových stránkach.
Konfigurátor detských motívov vám nielenže pomáha pri vytváraní súborov detských motívov, ale podľa potreby analyzuje aj tému, ktorú používate, a štýly štýlov písma a písma.
Zahŕňa aj ďalšie užitočné funkcie, ak sa snažíte vytvoriť podradenú tému na webovej stránke, na ktorej ste už pridali obsah. Napríklad môže skopírovať vaše existujúce widgety a možnosti prispôsobenia do podradenej témy.
Akonáhle budete mať svoju zálohu pripravenú, začnite inštaláciou a aktiváciou doplnku Child Theme Configurator zadarmo z WordPress.org. Potom prejdite do ponuky Nástroje → Detské motívy a vytvorte si svoju detskú tému.
V zozname Vyberte jednu rozbaľovaciu ponuku rodičovská téma, vyberte tému, pre ktorú chcete vytvoriť svoju podradenú tému. Potom kliknite na Analyzovať:
Doplnok potom analyzuje nadradenú tému z hľadiska akýchkoľvek závislostí.
Po dokončení sa zobrazí niekoľko ďalších možností na konfiguráciu spôsobu vytvorenia podradenej témy. Ak si nie ste istí, čo konkrétne nastavenie znamená, môžete ho nechať ako predvolené:
Po dokončení výberu kliknite na tlačidlo v dolnej časti na vytvoriť a nová detská téma.
A to je všetko ! Doplnok potom vytvorí pre vás podradenú tému. Neaktivuje sa krok toto dieťa téma.
Aktivácia:
- Aller à Vzhľad → Témy.
- Ukážka toho, ako vyzerá vaša webová stránka s touto podradenou témou (aby ste sa uistili, že funguje - ak váš web vyzerá čudne, pravdepodobne je to kvôli problému CSS).
- Aktivujte svoju podradenú tému rovnako, ako akúkoľvek inú tému WordPress. Nezabudnite však nechať nainštalovanú svoju nadradenú tému.
Po aktivácii podradenej témy ponúka doplnok Child Theme Configurator aj ďalšie užitočné nástroje, ktoré vám pomôžu spravovať podradenú tému. Napríklad, ak prejdete na kartu Súbory v nastaveniach doplnkov môžete zobraziť všetky súvisiace súbory v nadradenej a podradenej téme.
Potom môžete skopírovať súbory z nadradenej témy do podradenej témy.
Napríklad, ak chcete vykonať nejaké zmeny single.php, môžete tento súbor skopírovať do podradenej témy, aby ste ju mohli bezpečne upravovať:
Nájdete tu aj množstvo ďalších nástrojov, ktoré vám pomôžu pracovať s CSS.
Vysvetlíme, prečo sú tieto nástroje užitočné neskôr.
Ako ručne vytvoriť podradenú tému
V tejto časti predpokladáme, že viete niečo viac o PHP a CSS. Ak sa vám zdá, že tu uvedené pokyny sú zavalené, odporúčame vám použiť bezplatný doplnok z predchádzajúcej časti.
Ak chcete manuálne vytvoriť podradenú tému, musíte vytvoriť dva súbory (jedná sa o prísne minimá pre podradenú tému):
- style.css - Najprv musíte pridať iba boilplate kód.
- functions.php - to vám umožní načítať šablónu so štýlmi nadradenej témy. Bez neho by vaša podradená téma nemohla aplikovať CSS z vašej nadradenej témy, čo by urobilo váš web veľmi škaredým!
style.css
Najprv vytvorte súbor s názvom style.css a pridajte nasledujúci kód:
Najprv vytvorte súbor s názvom style.css a pridajte nasledujúci kód:
/* Názov témy: Hello Elementor Child URI témy: https://github.com/elementor/hello-theme/ Popis: Hello Elementor Child je detská téma Hello Elementor, ktorú vytvoril tím Elementor Autor: Elementor Team URI autora: https://elementor.com/ Šablóna: hello-elementor Verzia: 1.0.1 Textová doména: hello-elementor-child Licencia: GNU General Public License v3 alebo novšia. URI licencie: https://www.gnu.org/licenses/gpl-3.0.html */
Nezabudnite nahradiť všetko, čo sa dostane za dvojbodkou, skutočnými informáciami:
- Názov témy - názov témy vášho dieťaťa.
- Téma URI - webovú stránku témy a jej dokumentáciu.
- Popis - krátky popis témy.
- Autor - meno autora témy.
- URI autora: - webová stránka autora témy.
- šablóna - názov vášho nadradeného priečinka s témami (podľa názvu vo vašom priečinku wp-content / themes). Toto je najdôležitejšia línia; bez neho nebude fungovať téma vášho dieťaťa.
- verzia - číslo verzie témy vášho dieťaťa.
- Textové pole - používa sa na internacionalizáciu. Na koniec názvu šablóny môžete jednoducho pridať „dieťa“.
- licencie - ponechajte toto ako predvolené.
- Licencia URI - ponechajte toto ako predvolené.
Okrem riadku šablóna, nezáleží na tom, čo zadáte, takže sa príliš nestresujte. Len nezabudnite správne zadať názov priečinka svojej rodičovskej témy pre šablóna.
Ak chcete v budúcnosti pridať svoje vlastné štýly, môžete ich pridať na túto šablónu so štýlmi pod kódom boilplate.
functions.php
Potom musíte súbor vytvoriť functions.php pre vaše dieťa tému. Znova vám to umožní načítať celú šablónu štýlov CSS vašej rodičovskej témy.
V súbore function.php, pridaj nasledujúci kód:
/ * Funkcia na získavanie šablón so štýlmi z nadradenej témy * / function child_enqueue__parent_scripts () { wp_enqueue_style ('parent', get_template_directory_uri (). '/ style.css'); } add_action ('wp_enqueue_scripts', 'child_enqueue__parent_scripts');
Odovzdajte súbory na webovú stránku WordPress
Akonáhle budete mať svoje súbory style.css et functions.php, musíte ich odovzdať na svoju webovú stránku WordPress ako novú tému.
Ak to chcete urobiť, pripojte sa k svojej webovej stránke WordPress pomocou FTP.
Potom prejdite do adresára tém na vašom webe (obsah wp / témy)a vytvorte nový priečinok pre svoje dieťa.
Napríklad, ak je priečinok vašej nadradenej témy ahoj-elementor, môžete pomenovať priečinok podriadených tém ahoj-eletor-dieťa aby ste si to pamätali.
Potom nahrajte svoj súbor style.css et functions.php vnútri tohto priečinka:
Po stiahnutí oboch súborov môžete prejsť na stránku Vzhľad → Témy a aktivujte svoju podradenú tému rovnako ako akékoľvek iné témy WordPress.
Ako nainštalovať podradenú tému WordPress
Niektoré z týchto aspektov sme už spomínali v časti Špecifické metódy, ale ešte raz prejdeme, ako nainštalovať podradenú tému WordPress.
Bude tiež užitočné, ak si namiesto vytvárania sami stiahnete podradený motív z webových stránok vývojára motívov.
Podradenú tému WordPress môžete nainštalovať rovnako ako akékoľvek iné témy WordPress:
- Prístup k Vzhľad → Témy V WordPress paneli.
- Kliknite na Pridať nový.
- Nahrajte súbor ZIP témy s dieťaťom.
Počas procesu inštalácie WordPress zistí, že sťahujete podradenú tému a overuje, či existuje nadradená téma:
Po stiahnutí súboru nezabudnite aktivovať to.
Nezabúdajte, že ak má vaše dieťa fungovať, musíte ho nainštalovať na vtedyrodičovská téma a podradená téma.
Vaša podradená téma by mala byť vašou aktívnou témou, mali by ste však mať nainštalovanú aj nadradenú tému.
Ako by to malo vyzerať:
- Dieťa téma je aktívna téma
- Materská téma je stále nainštalovaná, ale nie je aktívna
Ako prispôsobiť detskú tému
Rovnako ako pri prispôsobení bežnej témy WordPress máte aj niekoľko možností „prispôsobiť“ podradenú tému.
Presnejšie povedané, ste nie naozaj prispôsobenie podradenej témy - podradenú tému používate na prispôsobenie existujúcej (nadradenej) témy.
Najprv vám ukážeme niekoľko spôsobov, ako môžete pomocou kódu prispôsobiť svoju detskú tému. Ďalej budeme zdieľať ľahší spôsob, ako si veci prispôsobiť Elementor Builder tém.
Prispôsobte podriadenú tému pomocou kódu
Ak si chcete prispôsobiť svoju podradenú tému pomocou kódu, musíte mať dobré vedomosti o CSS, HTML a PHP.
Tu je niekoľko vecí, ktoré môžete urobiť:
Pridajte vlastné CSS
Ak chcete prispôsobiť svoj detský motív pomocou CSS, môžete ho pridať priamo do súboru style.css témy vášho dieťaťa.
Pridajte CSS pod existujúci kód v hornej časti súboru.
Akýkoľvek CSS, ktorý pridáte do svojej podradenej témy, nahradí nadradenú tému, ak používate rovnaké selektory.
Vymeňte existujúce šablóny
Ak chcete nahradiť šablóny svojej nadradenej témy, môžete:
- Skopírujte súbor šablóny z nadradenej témy do podradenej témy.
- Upravte súbor šablóny vo svojom podradenom motíve.
Napríklad, ak chcete zmeniť single.php, najskôr skopírujete súbor single.php od rodičovskej témy po detskú tému (nezabudnite zachovať rovnakú štruktúru).
Potom môžete upravovať kód vo svojej podradenej verzii témy single.php.
Poznámka: Program WordPress použije šablónu vašej podradenej témy, pokiaľ má rovnaké meno. Z tohto dôvodu takmer skryjete existujúcu šablónu v nadradenej téme.
Ak používate doplnok Child Theme Configurator, ktorý sme spomenuli vyššie, pomôže vám skopírovať súbory do podradenej témy bez opustenia vášho dashboardu WordPress.
Pridajte nové šablóny
Okrem kopírovania a úpravy existujúcich šablón z nadradenej témy môžete v podradenej téme vytvoriť aj nové vlastné šablóny.
Napríklad ak chcete vytvoriť šablónu pre vlastný typ príspevku, ktorý ste pridali, môžete ich pridať do svojej podradenej témy.
Prispôsobte podradenú tému pomocou generátora témy Elementor
Ak nie ste oboznámení, Elementor Builder témumožňuje prispôsobiť časť alebo celú svoju tému WordPress pomocou vizuálneho rozhrania.
Pomocou nástroja Elementor Pro a Tvorca motívov môžete vytvoriť vlastné šablóny pre šablóny webových stránok:
- hlavička
- zápätie
- Jeden (napr. Jeden príspevok alebo stránka blogu)
- Archívy (napr. Stránka, ktorá obsahuje všetky vaše blogové príspevky)
Tieto šablóny budú pracovať s podradenou aj nadradenou témou.
S Elementor Theme Builder nemusíte pracovať s kódom priamo. Neexistuje žiadne pridávanie vlastných CSS ani kopírovanie súborov šablón PHP - všetko to robíte pomocou drag-and-drop.
Predpokladajme napríklad, že chcete prispôsobiť hlavičku svojej podradenej témy. Namiesto toho, aby ste museli kopírovať svoj súbor header.php na tému vášho dieťaťa a potom zmeniť PHP, môžete jednoducho navrhnúť novú hlavičku pomocou vizuálneho a drag and drop rozhrania Elementor. Potom môžete použiť túto hlavičku kdekoľvek na svojich webových stránkach alebo iba na konkrétnych častiach svojich webových stránok.
Ak ste v CSS, HTML a PHP nováčikom, tento prístup bez použitia kódu vám umožní prispôsobiť si detskú tému. Aj keď to urobíte, tento vizuálny prístup vám môže stále ušetriť veľa času ako pri použití súborov PHP v šablónach.
Keď vytvoríte novú šablónu pomocou nástroja Elementor Theme Builder, budete si môcť vybrať typ šablóny. Napríklad hlavička.
Potom môžete začať od prázdnej tabuľky alebo si vybrať jeden z modelov Elementor Pro:
Odtiaľ môžete pomocou ovládacích prvkov bočného panela ovládať vzhľad svojej hlavičky:
Po dokončení si môžete vybrať, kde presne chcete použiť túto šablónu hlavičky:
Windows XNUMX Ako odstrániť dieťa tému na WordPress
Ak chcete prestať používať svoju podradenú tému, môžete ju vypnúť rovnako ako pri bežnej téme WordPress.
Toto je :
- Aller à Vzhľad → Témy.
- Aktivujte inú tému. Buď nadradená téma, alebo úplne nová téma WordPress.
Nezabudnite, že ak vypnete podradenú tému a prepnete späť na svoju nadradenú tému, žiadne zmeny, ktoré ste pridali prostredníctvom svojej podradenej témy, sa už nebudú vyskytovať.
Namiesto toho sa vrátite k navrhovaniu rodičovskej témy.
Začnite používať podradenú tému WordPress
Dieťa téma vám pomôže bezpečne vykonať zmeny v téme WordPress.
Vaša podradená téma zdedí všetky svoje štýly od svojej nadradenej témy, ale všetky zmeny, ktoré urobíte v podradenej téme, prepíšu nadradenú tému. To znamená, že svoju nadradenú tému môžete bezpečne aktualizovať bez toho, aby ste stratili akékoľvek zmeny, ktoré ste vykonali v podradenej téme.
Ak chcete začať s detskou témou WordPress, môžete:
- Skontrolujte, či vývojár témy už ponúka podradenú tému. Ak používate Hello Elementor, môžete stiahnite si podriadenú tému z GitHub.
- Použite doplnok pre konfiguráciu detských tém zadarmo.
- Ručne vytvorte svoje dieťa tému.
Odtiaľ si môžete prispôsobiť svoju podradenú tému pomocou CSS, HTML a PHP. Môžete tiež preskočiť kód a pomocou nástroja Elementor Theme Builder prispôsobiť svoju tému pomocou vizuálneho rozhrania drag and drop.
Objavte aj niektoré témy a prémiové doplnky WordPress
Môžete použiť iné WordPress pluginy poskytnúť moderný vzhľad a optimalizovať prácu s vaším blogom alebo webovou stránkou.
Ponúkame vám tu niekoľko prémiových doplnkov WordPress, ktoré vám to pomôžu.
1. AP tabuľky oceňovania
Tabuľka cien AP je a WordPress Plugin premium, čo uľahčuje vytváranie cenníkov bohatých na funkcie s intuitívnym rozhraním. Ponúka 35 preddefinovaných šablón a neobmedzené množstvo možností.
s týmto WordPress Plugin jednoduché použitie, navrhnutie ohromujúcej cenovej tabuľky pomocou niekoľkých kliknutí bude veľmi jednoduché. Umožňuje vám vytvárať neobmedzené cenové mriežky tým, že poskytuje možnosť pridávať riadky a stĺpce, nastavovať orámovanie stĺpcov, medzeru medzi stĺpcami, šírku stĺpcov a oveľa viac.
Prečítajte si tiež Ako prispôsobiť tlačidlo WooCommerce „Pridať do košíka“
Tento doplnok vám tiež umožňuje pridať zvukový obsah, video a Google Map.
2.wp Tvorca stránok
WordPress Page Builder je dokonalý nástroj na tvorbu webových stránok WordPress, ktorý ponúka skvelé nástroje na generovanie ľubovoľného vlastného príspevku, vlastnej taxonómie alebo vlastného metaboxu.
Medzi ďalšie funkcie patrí: vlastný typ príspevkuCPT, prispôsobená taxonómia, pokročilé vlastné polia, funkcie drag and drop, podporované umiestnenie Google Map, podporované opakovateľné polia a oveľa viac.
Stiahnuť | demo | web hosting
3. Rankie
Rankie je veľmi praktický modul WordPress navrhnutý s cieľom pravidelnej kontroly rebríčka WordPress na stránkach Google a dôsledného monitorovania pozície každého kľúčového slova.
Ako doplnok sledovania rebríčka Rankie denne aktualizuje umiestnenie kľúčových slov a generuje presné správy.
Prečítajte si tiež naše 6 pravidelné otázky týkajúce sa SEO a presmerovania
Zahŕňa tiež výkonný výskumný nástroj, ktorý generuje cenné zoznamy kľúčových slov. Google to už používa na výskum.
Stiahnuť | demo | web hosting
Odporúčané zdroje
Zistite ďalšie odporúčané zdroje, ktoré vám pomôžu pri vytváraní a správe vašich webových stránok.
záver
Tu ! To je pre tento návod všetko. Stále máte otázky týkajúce sa užitočnosti detskej témy na WordPress? Dajte nám vedieť v časť s komentármi a pokúsime sa pomôcť!
Môžete sa však poradiť aj s našimi zdroje, ak potrebujete viac prvkov na realizáciu svojich projektov tvorby internetových stránok, konzultujte nášho sprievodcu na internete Tvorba blogu WordPress.
Neváhaj zdieľať so svojimi priateľmi na obľúbených sociálnych sieťach.
...
