Dedenie tém WordPress. Aké súbory možno uložiť do priečinka podradenej témy. Na čo slúži detská téma?

  • 02.05.2019

Podradená téma je téma, ktorá preberá funkčnosť a dizajn inej témy, ktorá sa nazýva „nadradená“ téma. Podradená téma je spôsob, ktorý vývojári WP odporúčajú na prispôsobenie existujúcej témy.

Prečo používať detskú tému?

Existuje niekoľko dôvodov, prečo by ste mohli chcieť použiť detskú tému:

  • Ak zmeníte tému priamo a aktualizuje sa, vaše zmeny sa jednoducho stratia. Použitím podradenej témy si môžete byť istí, že vaše zmeny pretrvajú.
  • Použitie detskej témy môže urýchliť čas vývoja.
  • Použitie podradenej témy je dobrý spôsob, ako sa naučiť proces vývoja témy WordPress.

Ako vytvoriť detskú tému WordPress

Podradená téma pozostáva aspoň z jedného priečinka (adresár podradenej témy) a dvoch súborov (style.css a functions.php), ktoré budete musieť vytvoriť. Takže budete potrebovať:

  • Adresár podriadených tém
  • style.css
  • funkcie.php

Prvým krokom je vytvorenie adresára pre podradenú tému, ktorý sa bude nachádzať v priečinku wp-content / themes. Odporúča sa, aby názov adresára podradenej témy končil príponou „-child“ (hoci sa to nevyžaduje, najmä ak vytvárate tému na verejné použitie).

Musíte sa tiež uistiť, že v názve adresára pre podradenú tému nie sú žiadne medzery, inak to spôsobí chybu. Na snímke vyššie je názov našej podradenej témy „dvadsaťpäťnásť-child“, čo znamená, že nadradená téma je Dvadsaťpätnásť.

Ďalším krokom je vytvorenie šablóny so štýlmi pre podradenú tému (style.css). Šablóna so štýlmi by mala začínať nasledujúcimi metainformáciami:

/ * Názov témy: Twenty Fifteen Child Theme URI: http://example.com/twenty-fifteen-child/ Popis: Twenty Fifteen Child Theme Autor: John Doe Autor URI: http://example.com Šablóna: dvacetfifteen Verzia: Licencia 1.0.0: GNU General Public License v2 alebo novšia URI licencie: http://www.gnu.org/licenses/gpl-2.0.html Tagy: svetlý, tmavý, dva stĺpce, pravý bočný panel, responzívne rozloženie, Textová doména pripravená na prístupnosť: dvadsaťpätnásť detí * /

Názov témy: Twenty Fifteen Child

Identifikátor URI témy: http://example.com/twenty-fifteen-child/

Popis: Téma dvadsať pätnásť detí

Identifikátor URI autora: http://example.com

Šablóna: dvadsaťpäť

Verzia: 1.0.0

Licencia: GNU General Public License v2 alebo novšia

Identifikátor URI licencie: http://www.gnu.org/licenses/gpl-2.0.html

Značky: svetlý, tmavý, dva stĺpce, pravý bočný panel, responzívne rozloženie, pripravené na dostupnosť

Textová doména: dvadsaťpätnásť-dieťa

Dôležité informácie, o ktorých by ste mali vedieť:

  • Text v tomto príklade budete musieť nahradiť na základe vašej situácie.
  • Riadok „Šablóna“ zodpovedá názvu nadradeného adresára témy. V našom príklade je nadradená téma Twenty Fifteen, takže riadok „Template“ obsahuje „twentyfifteen“. Vo vašom prípade môže byť iná téma, takže sa podľa toho prispôsobte.
  • Na vytvorenie podradenej témy už v podstate stačí šablóna so štýlmi (style.css). Aby ste však správne zaradili načítanie súborov štýlov do frontu, potrebujete súbor functions.php (pozri nižšie).

Tretím a posledným krokom je zaradenie rodičovského a podradeného súboru do frontu.

Všimnite si, že predchádzajúca metóda predpokladala import rodičovských štýlov pomocou direktívy @import. Toto je už zastaraná prax.

Ako správne a správne načítať štýly

Správnou metódou na zaradenie nadradeného súboru štýlu do frontu je pridanie háčik(alebo v angličtine, akcie) ako funkcia wp_enqueue_scripts.

Táto metóda tiež predpokladá použitie funkcie wp_enqueue_style () v súbore child functions.php. Preto musíte tento súbor vytvoriť v adresári s podradenou témou.

Prvý riadok podradeného súboru functions.php začína otvorením značky PHP (

Nasledujúci príklad funkcie bude fungovať, ak nadradená téma používa iba jeden hlavný súbor style.css obsahujúci všetky pravidlá CSS. Ak má vaša téma viac ako jeden súbor .css (vrátane ie.css, style.css, main.css), musíte splniť všetky požadované závislosti nadradenej témy.

add_action ("wp_enqueue_scripts", "theme_enqueue_styles"); function theme_enqueue_styles () (wp_enqueue_style ("štýl rodiča", get_template_directory_uri (). "/style.css");)

Šablóna štýlov podradenej témy sa zvyčajne načíta automaticky. Ak nie je, budete ho musieť tiež zaradiť do frontu. Keď je „nadradený štýl“ nastavený ako závislosť, uistite sa, že štýly podradenej témy sa načítajú až za ním.

add_action ("wp_enqueue_scripts", "theme_enqueue_styles"); function theme_enqueue_styles () (wp_enqueue_style ("rodičovský štýl", get_template_directory_uri (). "/style.css"); wp_enqueue_style ("child-style", get_stylesheet_directory_uri (). "/style.css", pole ("parent-css" ""));)

add_action ("wp_enqueue_scripts", "theme_enqueue_styles");

function theme_enqueue_styles () (

wp_enqueue_style ("štýl rodičov", get_template_directory_uri (). "/style.css");

wp_enqueue_style ("detský štýl",

get_stylesheet_directory_uri (). "/style.css",

pole ("nadradený štýl")

Váš detský motív je teraz pripravený na aktiváciu. Prihláste sa na panel správcu a potom na stránku Vzhľad > Témy... V zozname tém by ste mali vidieť tému vášho dieťaťa a mala by byť pripravená na aktiváciu. (Ak je v aktuálnej inštalácii povolené viacero lokalít, musíte sa prepnúť na príslušný panel, aby ste tému povolili. Potom prepnite späť a tému aktivujte).

Dôležité: Po aktivácii si musíte znova uložiť menu ( Vzhľad > Ponuka alebo Vzhľad > Naladiť> Ponuka) a možnosti témy vrátane obrázka na pozadí, ako aj obrázka hlavičky, ak ho poskytuje nadradená téma.

Súbory šablón

Ak chcete zmeniť viac ako len štýly, existuje spôsob, ako prepísať všetky súbory v nadradenej téme. Ak to chcete urobiť, jednoducho vložte súbor s rovnakým názvom do priečinka podradenej témy. Pri načítaní stránky teda „prekryje“ príslušný súbor v nadradenom adresári témy.

Napríklad, ak chcete zmeniť kód PHP pre hlavičku vašej lokality, môžete do adresára podriadenej témy zahrnúť súbor header.php a tento súbor sa použije namiesto header.php nadradenej témy.

Do podradenej témy môžete zahrnúť aj súbory, ktoré pôvodne neboli v rodičovskej téme. Môžete napríklad vytvoriť šablónu, ktorá je funkčnejšia ako nadradená šablóna pre konkrétnu stránku alebo kategóriu.

Pomocou funkcií.php

Na rozdiel od style.css, súbor functions.php podradenej témy neprepíše nadradenú kópiu. Naopak, je to akoby jeho doplnok (presnejšie povedané, je nabitý vpredu nadradená kópia).

Funkcie.php podradenej témy teda poskytujú inteligentný a bezproblémový spôsob, ako zmeniť funkčnosť nadradenej témy. Povedzme, že chcete do témy pridať funkciu PHP. Najrýchlejšie je otvoriť súbor functions.php témy a vložiť funkciu tam. Ale to nie je príliš chytré: pri ďalšej aktualizácii témy vaša funkcia jednoducho zmizne.

Existuje alternatívny spôsob, ktorý dáva väčší zmysel: môžete vytvoriť podradenú tému, pridať k nej súbor functions.php a vložiť svoju funkciu do novovytvoreného súboru. Funkcia odtiaľ vykoná rovnakú prácu, s výhodou, že nebude trpieť budúcimi aktualizáciami nadradenej témy. Preto dôležitá poznámka: nekopírujte celý obsah nadradeného súboru functions.php do rovnakého podradeného súboru.

Štruktúra functions.php je jednoduchá: na začiatku otvárací PHP tag a pod neho umiestnite svoj PHP kód. Do tohto súboru môžete umiestniť toľko kódu, koľko potrebujete. Príklad nižšie ilustruje základný súbor functions.php, ktorý robí jednu jednoduchú vec: pridať odkaz na ikonu favicon do značky HTML stránky.

"." \ n ";) add_action (" wp_head "," favicon_link ");

Tip pre vývojárov tém: skutočnosť, že sa ako prvá načíta funkcia functions.php podradenej témy, znamená, že používateľské funkcie môžu nahradiť vývojárske funkcie, t.j. ak používateľ vytvoril rovnakú funkciu ako vy, stane sa hlavnou. Stačí pridať podmienku:

if (! function_exists ("theme_special_nav")) (function theme_special_nav () (// Urobte niečo.))

V tomto prípade môže podradená téma nahradiť funkciu PHP rodiča jednoduchým deklarovaním vopred.

Vrátane súborov vo vašej detskej téme

Keď potrebujete zahrnúť súbor, ktorý musí byť súčasťou štruktúry podradenej témy, použite funkciu get_stylesheet_directory (). Keďže nadradený súbor style.css je nahradený podradeným súborom style.css a tento podriadený súbor style.css sa nachádza v koreňovom priečinku podadresára podradenej témy, adresár get_stylesheet_() bude ukazovať na adresár podradenej témy, nie na nadradený.

Nižšie je uvedený príklad použitia konštruktu require_once, ktorý ilustruje, ako môžete použiť adresár get_stylesheet_directory, keď potrebujete odkazovať na súbor uložený v štruktúre podradenej témy.

require_once (get_stylesheet_directory (). "/my_included_file.php");

require_once (get_stylesheet_directory (). "/my_included_file.php");

Ďalšie užitočné informácie

Používanie formátov príspevkov

Podradená téma zdedí formáty príspevkov definované v nadradenej téme. Pri vytváraní podradenej témy si uvedomte, že použitie add_theme_support („post-formats“) prepíše formáty definované v nadradenej téme, nie pridá k nim.

Podpora RTL (sprava doľava).

Ak chcete získať podporu RTL, pridajte súbor rtl.css do svojej podradenej témy. Ten obsahuje:

/ * Názov témy: Twenty Fourteen Child Template: dvadsaťštyri * /

Čo je to detská téma a prečo ju potrebujete vytvoriť pre stránky vo wordpresse? Pozrime sa na tieto aspekty a uvidíme, ako sa to dá urobiť.

Detská téma(podradená téma) – nová téma (podtéma) pre wordpressovú stránku založená na základnej (nadradenej). Preberá všetky štandardné nastavenia šablóny z " rodič „témy. Takáto téma má možnosť vykonať akékoľvek zmeny bez obáv zo straty údajov počas inovácie.

Detská téma vlastne je kópia rodiča... A odkazy na hlavné dátové adresáre dizajn a rozhranie do súborov v databáze hlavnej (nadradenej) témy.

Vytvorte detské motívy urobiť nejaký zmeny zdrojového kódu základnej témy... Deje sa tak, aby sa predišlo resetovaniu všetkých zmien s vydaním aktualizácie " rodič »Šablóna.

jednoduchými slovami, na stránkach WordPress vychádzať pravidelne pluginy a aktualizácie základných tém... Ak ste vykonali zmeny v zdrojový kód nadradená téma (bez vytvorenia podradenej témy), potom po aktualizácii - oni zmiznúť.

Na čo slúži detská téma?

Keď som práve začal vytvárať svoj osobný blog na WordPress, stále som nevedel o všetkých zložitostiach “ remeslá ". A samozrejme, nevytvorili detskú tému a začal vykonávať všetky zmeny v zdrojovom kóde rodiča.

Keď došlo k aktualizácii mojej šablóny, všetky zmeny v kóde boli jednoducho vymazané a mala som zase cistu sablonu. Preto zakaždým manuálne resetujem metriku, ikonu favicon a identifikátory.

Je to veľmi nepríjemné. A práve z tohto dôvodu po výbere základnej šablóny treba vytvoriť jeho detská téma... Je dôležité to urobiť hneď na začiatku, pretože vyhľadávače reagujú negatívne na nestabilitu v systémových nastaveniach stránok.

A z ľudského hľadiska je veľmi nepohodlné robiť všetky zmeny znova po vydaní aktualizácie. Táto akcia musí byť vykonaná raz a zabudnite na ňu navždy.

Ako vytvoriť podradenú tému vo WordPress

To možno vykonať dvoma spôsobmi:

  • Stiahnite si a aktivujte príslušný plugin
  • Urobte to manuálne cez koreňový adresár lokality

Poďme sa pozrieť na každú metódu samostatne.

Vytvorenie podradenej témy prostredníctvom doplnku

Najpohodlnejší a najobľúbenejší doplnok na vytváranie „ dcéry "Volá sa Konfigurátor detskej témy.

Nachádza sa v oficiálnom obchode s pluginmi wordpress. Stlačíme " Inštalácia". Po inštalácii a aktivácii prejdite do sekcie " Nástroje» -> « Detské motívy". Prejdite do nastavení pluginu.

V ponuke doplnku uvidíte takéto okno. Musíme vybrať prvú položku v ponuke Štart " VYTVORTE novú detskú tému". Vyberáme to.

Po výbere nadradenej šablóny kliknite na tlačidlo " Analyzovať". Ďalej sa otvoria nasledujúce položky.

Na základe výsledkov analýzy by sme mali vidieť nasledujúcu správu: „ Zdá sa, že táto téma je vhodná na použitie ako podradená téma". To znamená, že doplnok skontroloval našu šablónu na možnosť vytvorenia „ dcéry "A dal súhlas.

V zásade je to všetko, čo musíte v tomto doplnku nakonfigurovať, aby ste vytvorili podradenú tému. Nechajte všetky ostatné nastavenia “ ako to je«.

Jediná výhrada ak ste už pridali widgety a ďalšie nastavenia ponuky lokality, môžete skontrolovať 8. odsek... V tomto prípade sa všetky vizuálne nastavenia šablóny skopírujú do podradenej témy.

Prejdite na 9. bod a kliknite na tlačidlo " Vytvorte novú detskú tému". Vaša detská téma bola vytvorená a doplnok je možné odstrániť, pretože splnil svoju úlohu a už nie je potrebný pre ďalšiu funkčnosť.

Manuálne vytvorenie podradenej témy

Najlepším riešením je samozrejme použiť doplnok. Ale keďže moja stránka mala veľa nastavení na základnej šablóne, musel som to urobiť ručne. Keďže plugin neprenesie všetky zmeny z nadradenej šablóny do podradenej šablóny.

A pre všeobecné pochopenie nebude zbytočné vidieť, ako sa to robí ručne.

V prvom rade potrebujete prejdite do priečinka s webom na hostingu vášho registrátora.

Ideme na adresu: /www/your-site.ru/wp-content/themes/... Vytvorte nový priečinok s názvom „ Téma môjho dieťaťa"(Alebo akékoľvek iné - na tom nezáleží). dal som tomu meno" základná detská téma«.

Teraz prejdite do priečinka s našou hlavnou témou (mám tento priečinok " základné") A odtiaľ skopírujte súbor style.css.

Prilepením tohto súboru do priečinka vytvorte podradenú tému.

Teraz v ňom musíte vykonať zmeny. Výber súboru style.css a kliknite na " Zmeniť«.

Teraz vyberte celý obsah súboru a odstráňte ho(cez funkciu " ctrl + A"). Dostaneme čistý súbor style.css v ktorom budeme zadajte požadovaný kód.

Keďže importujem nastavenia témy základné, Mám všetky údaje uvedené pre túto tému. Ak máte inú tému, musíte do tohto kódu zadať jej názov.

Poďme sa pozrieť na každý riadok kódu.

  1. Názov témy: Názov vašej témy na paneli správcu pre vás.
  2. Šablóna: zadajte názov nadradenej témy.
  3. @import url (../názov-témy / štýl.css");- príkazom určíme, kde získať údaje šablóny pre podradenú tému (adresa do registra Rodičovská téma).
  4. .foo (farba: modrá;)- voliteľné nastavenie štýlu ľubovoľnej šablóny pre " Detská téma«.

/*
Názov témy: Názov témy môjho dieťaťa
Šablóna: názov vašej-témy
*/

@import url (../ názov vašej-témy/style.css ");

Takto bude vyzerať úplne hotový súbor. style.css pre detskú tému:

Necháme tento kúsok kódu a klikneme na „ Uložiť". Téma vášho dieťaťa je pripravená.

Ako aktivovať podradenú tému WordPress

Vytvorili ste tému? Teraz ho musíte pridať na svoju stránku. Ako to spraviť?

Prejdite do sekcie " Vzhľad» -> « Témy". A hľadáme naše " dcéra "Podľa mena, ktoré mu bolo priradené cez príkaz" Názov témy"v súbore style.css.

Ak ste tému nainštalovali prostredníctvom doplnku, jej názov bude v nasledujúcom formáte: “ téma-dieťa“. Hľadajte to podľa toho mena. Ak bola téma pomenovaná „ dvadsaťsedemnásť", Potom bude jeho podriadená téma (cez doplnok) pomenovaná:" dvadsaťsedemnásťročné dieťa«.

V " Témy"Nájsť jeho podradená šablóna a vyberte tlačidlo " Aktivovať«.

Na poslednej fotke vidíte dve základné šablóny... Vľavo je potomkom šablóny ( Detská téma ) a ten pravý je nadradená téma ( Rodičovská téma ). „Dcéra“ preberá všetky nastavenia dizajnu od rodiča cez príkaz @import.

Problémy s detskou tematikou a ako ich vyriešiť

Pri manuálnom vytváraní podradenej témy pomocou kódu môžete naraziť na jeden problém. V " Editor"Bude len jeden podradený súbor tém" Štýlový list"V pravom stĺpci" Súbory tém«.

Nadradená téma v " Súbory tém"Bude mať veľa riadkov, zatiaľ čo dieťa bude mať iba súbor" Tabuľky štýlov (style.css)". Čo robiť v takejto situácii?

Túto otázku som vyriešil takto: Skopíroval som všetky súbory z nadradeného priečinka témy, okrem upraveného style.css, a nahral som ich do podradeného priečinka.

Preto by som navrhol jednoduchší spôsob riešenia tohto problému.

Len skopírujte celý obsah priečinka rodičovská téma, prilepte do priečinka pre detskú tému a prekonfigurujte súbor style.css ako v príklade vyššie.

To je všetko. Potom všetky karty v " Editor»Uložíte a môžete v nich vykonať ľubovoľné zmeny.

Výkon

Vytvorenie podradenej témy je dosť jednoduché a malo by sa vykonať na úplnom začiatku vašej stránky wordpress. Najjednoduchším spôsobom je použiť doplnok, ktorý vám vytvorí podradenú tému a môžete ju odinštalovať.

Takýmto jednoduchým „trikom“ zabudnete na ďalšie problémy s aktualizáciami tém.

Neviem presne, z akých dôvodov sa WordPress šablóny vytrvalo nazývajú témami, ale práve z toho v úvode tohto článku pramení tautológia: témou tohto článku je, ako vytvoriť podradenú tému WordPress. Jednoducho povedané, ako zabezpečiť, aby zmeny vykonané v šablóne stránky nezmizli po každej aktualizácii šablóny autorom.

Prečo je to potrebné

Prečo potrebujete detskú tému, som vysvetlil v úvode. Vysvetlím v praxi. Šablóny v autorskej verzii už dávno nepoužívam, neustále niečo mením v súbore zodpovednom za dizajn (style.css), odstraňujem odkazy z päty, mením miesta úvodu a oznamov k článkom v archívoch. Skrátka robím úpravy v súboroch šablón. Zakaždým, keď autor aktualizuje šablónu, stratím a obnovím svoje úpravy, ak by som nepoužíval detské motívy.

Treba poznamenať, že v poslednom čase sa situácia so stratou úprav trochu zjednodušila. Vo všetkých moderných témach existuje vlastná úprava súboru štýlu (style.css), ktorá sa po aktualizácii témy nemení, avšak nerieši to všeobecný účel článku, vytvoriť podradenú tému WordPress.

Vytvorte podradenú tému WordPress manuálne

  • Predpokladajme, že máte tému „otca“, vytvorte pre ňu detskú tému;
  • Vytvorte adresár pre detskú tému, povedzte „dcéra“;
  • V programe Poznámkový blok ++ vytvorte súbor .css s nasledujúcim obsahom:
/ * Názov témy: Šablóna dcéry: otec * /

Všimnite si, že direktíva Template špecifikuje nadradenú tému a je povinná.

Dôležité! Teraz, keď umiestnite súbor do dcérskeho adresára, nahradí súbor rodiča. Toto pravidlo NEFUNGUJE pre súbor functions.php.

To však nie je všetko. Je potrebné preniesť štýly „rodiča“ na štýly „dcéry“. Toto sa vykonáva dvoma spôsobmi:

Metóda 1. Stačí preniesť obsah šablóny so štýlmi (style.css) do podobného nadradeného súboru;

Metóda 2. Alebo pridajte súbor style.css dieťaťa do nasledujúceho riadku:

@import url ("../ otec / style.css");

Venujte pozornosť relatívnej adrese označujúcej rodičovskú šablónu (otca).

Zásuvné moduly na vytvorenie podradenej témy

O pluginoch na vytváranie detskej témy poviem toto, ak potrebujete detskú tému, nainštalujte si plugin, vytvorte si "dcéru", odstráňte plugin a netrpte manuálnou prácou. Práca s ktorýmkoľvek z doplnkov uvedených nižšie bude trvať 10 až 15 sekúnd, pokiaľ nevytvoríte podradenú tému už upravenej šablóny.

Sprievodca detskou témou

Umožňuje vám vytvoriť novú podradenú tému bez potreby ďalších nástrojov priamo z rozhrania správcu WordPress.

Konfigurátor detskej témy

https://ru.wordpress.org/plugins/child-theme-configurator/

Rýchly a ľahko použiteľný nástroj, ktorý vám umožňuje analyzovať akúkoľvek pracovnú tému a vytvoriť podradenú tému na prispôsobenie. Child Theme Configurator uľahčuje identifikáciu a prepísanie presných atribútov CSS, ktoré chcete prispôsobiť. Analyzátor naskenuje poskytnutú tému a automaticky nakonfiguruje vašu detskú tému.

Postarajte sa o mňa

https://ru.wordpress.org/plugins/childify-me/

Umožňuje vám vytvoriť podradenú tému pre akúkoľvek nainštalovanú tému priamo z panela Vzhľad >>> Téma.

Vytvorte podradenú tému upravenej šablóny

Predstavme si situáciu, pracujete so svojou stránkou a po aktualizácii vás nebaví neustále upravovať šablónu. Čo robiť? Musíte vytvoriť podradenú tému už upravenej šablóny. Ako to spraviť?

Možnosť 1. Nainštalujte doplnok Child Theme Configurator, „osvieti“ vašu šablónu a prenesie zmenené súbory do podradenej témy;

Možnosť 2. Vytvorte „dcéru“ v manuálnom režime a ďalej: Preneste zmenené súbory z nadradenej témy do podradenej témy.

Všetko! Teraz pracujete na podradenom motíve, ktorý ste predtým upravili.

závery

Teraz viete, ako vytvoriť podradenú tému WordPress. Použitie tejto funkcionality zjednodušuje prácu so šablónami a odstraňuje úlohu sledovania neustále sa meniacich tém. Pomocou podradenej témy môžete upravovať svoju šablónu bez strachu, že po aktualizácii zotriete svoje opravy. Otázky v komentároch.

Mnoho našich používateľov sa nás pýta, akú šablónu používame? Naša odpoveď je, že používame vlastnú sekundárnu tému postavenú na ráme. Následná otázka má väčšinou dve časti. Čo ? Druhá časť otázky je, čo je sekundárna téma WordPress? Čo je to rámec WordPress, sme už vysvetlili v našich predchádzajúcich článkoch. V tomto článku sa pokúsime odpovedať na otázky, ako je to, čo je sekundárna téma WordPress, kedy by ste mali vytvoriť detskú tému, prečo ľudia vytvárajú detské témy a nakoniec výhody a nevýhody používania detskej témy. Dúfame, že po prečítaní tohto článku budete dobre rozumieť tomu, čo je detská téma vo WordPress a budete vedieť, či by ste mali použiť detskú tému alebo nie.

Čo je podriadená téma WordPress

Toto je téma, ktorá zdedí funkčnosť z inej témy WordPress, nadradenej témy. Podradené motívy sa často používajú, keď chcete prispôsobiť alebo upraviť existujúcu tému WordPress bez toho, aby ste stratili možnosť túto tému aktualizovať. V minulosti neexistoval jednoduchý spôsob, ako aktualizovať tému WordPress bez straty všetkých vlastných nastavení a zmien, ktoré ste vykonali. Zmení sa to na chaos, keď zrazu to, čo vidíte, široko používaný skript v obľúbenej téme, má veľa možností a vy potrebujete čo najskôr aktualizovať svoju tému. Toto sa stáva zložitou voľbou, pretože na jednej strane stratíte všetky vlastné štýly pri aktualizácii. Na druhej strane riskujete, že váš web bude napadnutý, ak ho neaktualizujete dostatočne rýchlo.

WordPress komunita sa rozhodla tento problém vyriešiť zavedením konceptu rodičovskej témy a podradenej témy. Podradená téma vo WordPress zdedí všetky funkcie, vlastnosti a kód nadradenej témy bez vykonania akýchkoľvek zmien nadradenej témy. To umožnilo používateľom meniť štýly nadradenej témy a pridávať / meniť charakteristiky bez straty možnosti aktualizovať nadradenú tému.

Teoreticky môže mať každá téma WordPress podradené témy, no nie všetky témy WordPress majú dobré nadradené témy. Nadradená téma s obmedzenou funkčnosťou a funkciami vo väčšine prípadov nie je ideálnym kandidátom na nadradenú tému. Budeme hovoriť o výnimkách, pozri ďalej v článku.

Dobré nadradené témy, známe aj ako rámce, zvyčajne obsahujú svoje vlastné háčiky a filtre. To umožňuje dizajnérom a vývojárom vytvárať robustné vlastné stránky WordPress s použitím podradenej témy dostatočne rýchlo.

Prečo ľudia používajú podradené témy WordPress?

Dizajnéri a vývojári používajú detské motívy na urýchlenie ich vývoja. Použitím dobrej nadradenej témy môžete výrazne skrátiť čas potrebný na vytvorenie stránky WordPress. Všetky dobré rodičovské témy s rámcom ponúkajú množstvo funkcií a prispôsobení, takže nemusíte všetko kódovať. Používatelia často vytvárajú podradené motívy, aby upravili existujúci motív bez straty možnosti aktualizovať nadradený motív, ak je to potrebné.

Vytvorenie podradenej témy vo WordPress môže byť také jednoduché ako vytvorenie nového súboru style.css v novom priečinku. Všetko, čo skutočne potrebujete, je jeden riadok vo vašom novom style.css pre hlavičku, ktorá definuje šablónu. Spoľahlivá nadradená téma môže mať toľko súborov šablón ako nadradená téma, ak nie viac. Podradená téma môže mať súbory šablón, ktoré nie sú dostupné ani v nadradenej téme.

Kedy používate detskú tému?

Rozhodnutie použiť detskú tému často závisí od vašich potrieb. Väčšina stránok, ktoré vytvoríme pre seba a našich klientov, sú detské témy s rámcom. V zriedkavých prípadoch, keď je projekt príliš zložitý alebo príliš jednoduchý, vytvoríme ho ako samostatnú vlastnú tému WordPress. Ako vývojári WordPress musíme zefektívniť náš pracovný postup pri vytváraní kvalitných tém. To všetko nám pomáha dosiahnuť vytvorenie detskej témy z existujúcich rámcov.

Používateľom odporúčame podradené témy iba vtedy, ak sa pristihnete, že neustále pridávate nové funkcie pre vašu tému do súboru functions.php vašej témy a/alebo neustále pridávate/modifikujete súbor style.css vašej témy. V týchto prípadoch dôrazne odporúčame použiť detskú tému. Keď sme pred chvíľou hovorili o WordPresse, jeden z členov sa nás spýtal, čo keby sme pridali vlastné štýly? Je lepšie použiť podradenú tému alebo vlastné doplnky CSS?

Odpoveď závisí od toho, ako inteligentne a pohodlne ste s technológiou. Ak zmeníte štýly iba pre niekoľko prvkov pomocou vlastných doplnkov CSS, funguje to dobre. Ak však budete meniť celú farebnú schému, meniť v CSS atď., určite by ste mali zvážiť použitie podradenej témy.

Výber dobrej rodičovskej témy je dôležitý

Všetky témy WordPress sú v rámci nadradenej témy, ale nie všetky nadradené témy obsahujú rámce. Toto nemôžeme s istotou zdôrazniť. Hoci každá téma WordPress môže mať podradené témy, nie všetky sú navrhnuté na použitie ako rámce. Videli sme, že veľa nováčikov robí chyby pri vytváraní podradenej témy z nadradenej témy, ktorá neponúka veľa funkcií.

Pri vytváraní podradenej témy, kde ste nútení nahradiť väčšiu nadradenú tému súbormi, musíte svoj postup prehodnotiť. Napríklad sa vám veľmi páči téma dvadsaťjedenásť a rozhodnete sa vytvoriť detskú tému. Vo svojej detskej téme ste mali súbor style.css a súbor functions.php. Rozhodli ste sa, že sa vám nepáči vzhľad päty, tak ste pridali footer.php. Pre názov atď. Ak áno, potom by ste si ako nadradenú tému nemali zvoliť dvadsaťjedenásť. Skôr by ste ho mali použiť ako štartér pre témy, ktoré zahrniete do svojich vlastných tém.

Mali sme niekoľko používateľov, ktorí vytvorili vlastné podradené témy, ktoré by skutočne mali byť úplne nezávislé, pretože v nich boli prepísané takmer všetky nadradené súbory tém.

Stručne povedané, mali by ste použiť podradenú tému, keď potrebujete funkčnosť, vlastnosti a silu nadradenej témy bez toho, aby ste pre seba písali veľa kódu.

Výhody použitia detskej témy

Ako väčšina vecí, aj tu má používanie podradenej témy vo WordPresse výhody a nevýhody. Poďme sa pozrieť na výhody toho prvého.

1. Bezpečné aktualizácie
Podradená téma automaticky zdedí funkcie, štýly a šablóny nadradenej témy. To vám umožňuje vykonávať zmeny na vašej lokalite pomocou podradenej témy bez toho, aby ste akýmkoľvek spôsobom menili nadradenú tému. Keď sa objaví nová verzia nadradenej témy, môžete ju bezpečne aktualizovať, pretože všetky vaše zmeny sa uložia do podradenej témy.

2. Jednoduché rozšírenie

Podradená téma je postavená na výkonnom rámci, ktorý umožňuje veľkú flexibilitu bez toho, aby ste museli písať veľa kódu. Môžete selektívne upravovať iba súbory šablón a funkcie, ktoré potrebujete, pričom môžete obísť iné súbory šablón. Môžete pridať nové funkcie a ďalšie.

3. Bezpečné zálohovanie

Pri tvorbe kompletnej témy, kedy musíte premýšľať nad všetkými možnými scenármi a kódom k nim. Keď však pracujete na podradenej téme a zabudnete kód pre niečo, vždy existuje nadradená téma, ktorej funkčnosť je dostupná ako záložná.

Nevýhody použitia detskej témy

Jednou z najväčších nevýhod použitia podradenej témy je čas potrebný na učenie sa o rodičovskej téme. Existuje krivka učenia, najmä keď pracujete s pevným rámcom, pretože každý z nich má svoje vlastné háčiky a filtre. Naozaj potrebujete poznať tie, aby ste maximalizovali svoj potenciál. Podľa nášho názoru je táto krivka učenia jednorazová záležitosť. Napríklad prvých pár podradených tém, ktoré vytvoríte, môže trvať dlhšie, ale potom budete vytvárať vlastné lokality za rovnaký čas. Váš výkon sa zlepší.

Ďalšia chyba často naznačovala, že vývojári vašej nadradenej témy môžu stratiť záujem a opustiť ju, vynechať funkcie, ktoré ste použili vo vašej detskej téme, alebo priniesť zmenu, ktorá úplne zničí vašu detskú tému. Nie je to také zlé, ako to znie. Hlavne preto, že všetky dobré témy WordPress sú open source a GPL. Ak vývojár nadradenej témy opustí projekt, nič nehovorí, že by ste ju mali prestať používať. Často sú chvíle, keď iní ľudia pracujú na projekte jeden po druhom. Ak vývojár z pôvodného motívu odstráni určitú funkciu, môžete ju jednoducho pridať do podradenej témy. Máte na to Kódex. Nakoniec, ak urobia drastické zmeny, ktoré sa vám nepáčia, vždy sa môžete vyhnúť aktualizácii. Téma inovácie je kritická, keď je bezpečné ju používať. Vždy odporúčame, aby používatelia aktualizovali svoje témy, pretože to pomáha zabezpečiť budúcu kompatibilitu s inými skriptmi a doplnkami.

Ak ako základ používate komerčný rámec, máte k dispozícii možnosť podpory, ktorá vám pomôže aktualizovať tému alebo riešiť problémy. Platforma ako základ tiež len tak nezanikne, pretože existuje stabilný biznis spoločnosti s tisíckami klientov po celom svete. Napríklad odstránili niektoré vstavané widgety, ale sprístupnili ich verejnosti ako pluginy pre tých, ktorí to chcú stále používať.

Výkon

Je dôležité vedieť, že aj keď vždy môžete tvoriť na akúkoľvek tému, niekedy možno nebudete potrebovať detskú tému. Zamyslite sa nad počtom zmien, ktoré ste naplánovali pre svoju podradenú tému. Ak plánujete menšie zmeny, vždy môžete vytvoriť súbor vlastného štýlu v CSS vašej témy alebo použiť vlastné doplnky CSS. Ak sú zmeny príliš extrémne a zistíte, že prepisujete základné súbory nadradenej témy, pravdepodobne by ste si mali vytvoriť vlastnú tému.

Dúfame, že vám tento článok pomôže pochopiť, čo je rodičovská téma WordPress a či je pre vás vhodná alebo nie. Ak si myslíte, že sme niečo vynechali, dajte nám vedieť v komentároch nižšie.

WordPress ma vždy prekvapoval svojimi skrytými schopnosťami. A neprekvapila ma ani tak prítomnosť týchto možností, ako jednoduchosť ich implementácie. Skryté funkcie samozrejme nepatria k veľkým tajomstvám systému, akurát zatiaľ ani len netušíte, čo sa „také“ dá na WordPresse robiť. Dostupnosť pre úpravu kódov pracovných tém WordPress umožňuje meniť a dopĺňať vzhľad stránky od zmeny dizajnu až po vytváranie ďalších widgetov a pluginov.

Prečo potrebujem detskú tému

Je tu však jedna malá nepríjemnosť: po každej aktualizácii šablóny zmiznú akékoľvek priame úpravy kódu témy, respektíve sa vrátia k pôvodnému zdroju. Aby sa predišlo takýmto návratom, vytvorí sa podriadená téma WordPress, ktorá vám umožní upravovať kód témy bez hrozby straty všetkých zmien počas plánovanej aktualizácie.

Čo je podriadená téma WordPress

Podradená téma (podradená téma) je nástroj, ktorý vám umožňuje vykonať akékoľvek správne zmeny vzhľadu (revízia súboru style.css) a funkčnosti stránky (súbory functions.php a iné súbory šablón) a nestratiť revízie pri aktualizácii šablóny. .

Štýly a označenie nadradenej témy sa vymenia do podradenej témy a na ne sa navrstvia zmeny v podradenej téme. Všetky zmeny vykonáme v podradenej téme a hlavná téma zostane nezmenená.

Vytvorenie podradenej témy WordPress – praktický príklad

Pripomínam, že všetky témy systému „ležia“ v adresári wp-content / themes. Ďalej krok za krokom.

  • V adresári wp-content / themes vytvorte priečinok s ľubovoľným názvom pre podradenú tému. Napríklad vytvorím priečinok: first-child-theme. Názov je ľubovoľný, čoskoro bude potrebný.
  • Vo svojom obľúbenom textovom editore (používam Notepad ++) vytvorte textový súbor s príponou css a štýlom názvu. Meno nemeníme, ale obsah súboru by mal zatiaľ obsahovať iba názov:
/ * Názov témy: Prvá podradená téma URI témy: http: //domen.ru/ Popis: Vytvorenie podradenej témy Autor: Igor Serov Autor URI: http: // website Šablóna: zeefocus * /

Tu je dôležitý už len posledný riadok, ide o názov priečinka s nadradenou témou. Z toho bude systém čerpať štýly šablón.

  • Uložte súbor a vyplňte ho do zložky podradenej témy, prvá téma.
  • Podradený motív sa zobrazí v konzole lokality. Názov je rovnaký ako názov uvedený v riadku: Názov témy. Pri otvorení témy sa zobrazí zadaný popis témy – riadok Popis.

Téma je zatiaľ prázdna a je potrebné ju vyplniť a aktivovať. Môžete to aj naopak: aktivovať a potom vyplniť.

Ako vyplniť detskú tému

Pripomíname, že nepotrebujeme prázdnu podradenú tému, ale potrebujeme tému, ktorá duplikuje nadradenú tému, aby sme v nej mohli meniť štýly a značky.

Na duplikovanie témy si vyberáme z dvoch verzií:

  • Skopírujte rodičovský súbor style.css a preneste ho do podobného súboru v podradenej téme (zatiaľ je len jeden).
  • Alebo do súboru style.css podradenej témy pridajte ďalší riadok:
@import url („../ zeefocus / style.css“);<\pre>

Kdeže, zeefocus je hlavnou, nadradenou témou.

Dôležité! Týmto riadkom načítame štýly hlavnej témy. Teraz nemusíte kopírovať súbor štýlov, môžete vykonať zmeny v prázdnom súbore podradenej témy a prepíše štýly hlavnej témy. Súbor style.css môžete upraviť na paneli správcu stránky v súlade s kartou Vzhľad -> Editor.

Nezabudnite odstrániť funkciu importu z hlavičky súboru style.css.

Ďalšie súbory tém

Opäť dve možnosti,

  • vytvoriť prázdne súbory s podobnými názvami prázdny obsah: () a napíšte ich podľa potreby;
  • alebo jednoduchšie prenesieme súbory hlavnej témy do podradenej témy a upravíme ich podľa potreby.

Doplnky detských tém

O zásuvných moduloch, ktoré uľahčujú vytvorenie podradenej témy webu v článku.