Kako postaviti pametne telefone i računala. Informativni portal
  • Dom
  • Vijesti
  • Kako stvoriti WordPress dječju temu. Kako stvoriti dječju temu ili wordpress dječju temu

Kako stvoriti WordPress dječju temu. Kako stvoriti dječju temu ili wordpress dječju temu

Prema prosječnoj statistici, oko 80% web stranica koristi temeljne teme WordPressa, a samo oko 20% koristi podređenu temu. To se može objasniti činjenicom da većina klijenata ne razumije što je WordPress dječja tema ili misle da ju je teško prilagoditi. U današnjem vodiču, pogledat ćemo praktične aspekte stvaranja i korištenja podređene teme, kao i njenu važnost.

Zašto koristiti podređenu temu

Stvaranje podređene teme tijekom uređivanja koda teme može vam uštedjeti mnogo stresa. Podređene teme omogućuju vam da napravite promjene bez utjecaja na kod nadređene (glavne) teme, olakšavaju ažuriranje nadređene teme i omogućuju vam spremanje promjena. Uvijek možete onemogućiti dječju temu i vratiti se na izvornu.

Praksa

U našem primjeru, stvorit ćemo podređenu temu za sebweo glavnu temu. Prije svega, moramo stvoriti novu mapu za podređenu temu (nazovimo je sebweo-dijete, na primjer). Puni put od korijena stranice bit će /wp-content/themes/sebweo-child/ . U novoj mapi teme stvorite datoteku style.css (jedina potrebna datoteka) i ispunite informacije istaknute komentarima (između /* I */ ), kao u donjem primjeru. Naziv teme, URI, opis i autor mogu se potpuno promijeniti kako bi odgovarali vašim potrebama.

Com Predložak: sebweo Verzija: 1.0.0 */ @import url("../sebweo/style.css");

Najvažniji dijelovi ove datoteke su odjeljci "Predložak:"(identificira nadređenu temu) i naredbu CSS @import (uvozi CSS stilove iz izvorne teme). Provjerite je li put do glavne CSS datoteke nadređene teme ispravan i u parametru "Predložak:" Naziv nadređene teme je točan. Prilagodite ovo tako da odgovara vašim imenima i stazama. Svi ovi podaci razlikuju velika i mala slova! U našem primjeru, naziv teme (i, sukladno tome, naziv mape s nadređenom temom) napisan je malim slovima; ako koristite naziv velikim slovima, trebali biste ga pisati tako (npr. Sebweo ).

Aktiviranje podređene teme

Nakon što ste stvorili mapu podređene teme i datoteku style.css, možete aktivirati svoju novu podređenu temu. Aktiviranje podređene teme isto je kao i aktiviranje obične teme: samo idite na nadzornu ploču WordPressa na Izgled > Teme (Izgledi > Teme), pronađite temu koju ste upravo izradili i aktivirajte je (kliknite gumb Aktivirati na blok s temom).

Uređivanje CSS stilova glavne teme

Dakle, stvorili smo dječju temu. Sada stilovi na web mjestu izgledaju isto kao s izvornom temom. To je zato što smo uvezli sve CSS stilove iz originalne teme (sjećate se naredbe @import?). Da biste uredili stilove, dodajte sve promjene u CSS datoteku vaše podređene teme pomoću naredbe @import. Stilovi u podređenoj temi imaju prednost jer se učitavaju nakon stilova glavne teme i stoga ih nadjačavaju.

Na primjer, moramo promijeniti boju pozadine stranice iz #fff u #f5f5f5. Da bismo to učinili, možemo dodati odgovarajući CSS kod u datoteku sebweo-child/style.css:

Com Predložak: sebweo Verzija: 1.0.0 */ @import url("../sebweo/style.css"); /* prepisati stilove glavne teme */ tijelo ( boja pozadine: #f5f5f5; )

Spremite datoteku i osvježite stranicu: vidjet ćete da se boja pozadine promijenila (pod pretpostavkom, naravno, da je glavna tema koristila bijelu boju pozadine za oznaku tijela).

Uređivanje datoteke functions.php

Datoteka functions.php obično se koristi za smještaj glavnih funkcija teme. Kada koristite podređenu temu bez ove datoteke, ona će se automatski učitati iz nadređene teme. Ali ako svojoj temi trebate dodati druge posebne značajke, to možete učiniti stvaranjem nove functions.php datoteke u mapi vaše podređene teme. Imajte na umu da će se nove značajke preuzeti izravno prije funkcije nadređene teme. Datoteka functions.php vaše podređene teme trebala bi započeti oznakom. Između ovih oznaka možete dodati željeni PHP kod.

Uređivanje drugih datoteka predložaka

Uz promjene CSS-a i značajki, možete izvršiti strukturne promjene svoje teme prilagođavanjem php datoteka predloška. To treba raditi s oprezom, ali vam omogućuje da prilagodite bilo koji dio teme. Za razliku od uređivanja datoteke functions.php, gdje se funkcije izvorne teme automatski uvoze, kada uređujete datoteke predložaka podređene teme, one u potpunosti zamjenjuju predloške u nadređenoj temi. Datoteka nadređene teme se zanemaruje i umjesto nje se koristi nova (iz podređene teme). Prva stvar koju trebamo učiniti je ponovno stvoriti staru datoteku prije nego što je počnemo mijenjati. Da biste to učinili, jednostavno kopirajte datoteku predloška iz nadređene teme i zalijepite je u mapu podređene teme. Na primjer, ako želimo promijeniti datoteku predloška za zaglavlje stranice (header.php), jednostavno je kopiramo iz /wp-content/themes/sebweo/ i zalijepimo u /wp-content/themes/sebweo-child/ ( zamijenite ga svojim načinom!).

WordPress će sada koristiti ovu datoteku umjesto stare jer su joj naziv i lokacija isti. Dakle, sada možemo otvoriti željenu datoteku u podređenoj temi i napraviti potrebne promjene.

Prednosti i nedostaci dječje teme

Prednosti korištenja podređene WordPress teme

  1. Sigurno ažuriranje:

Podređena tema automatski nasljeđuje značajke, stilove i predloške nadređene teme. To nam omogućuje da napravimo izmjene na web mjestu koristeći podređene teme bez mijenjanja nadređene teme. Kada se pojavi nova verzija nadređene teme, možete je sigurno ažurirati jer su sve vaše izmjene pohranjene u podređenoj temi.

  1. Lako proširivo:

Dječja tema daje vam veću fleksibilnost bez pisanja puno koda. Možete selektivno promijeniti samo datoteke predložaka i funkcije koje su vam potrebne bez potpunog uređivanja drugih datoteka predložaka. Možete dodati nove značajke i još mnogo toga.

  1. Sigurnosna kopija:

Kada kreirate novu temu, morate razmisliti o svim mogućim scenarijima i njenom kodu. Međutim, kada radite na podređenoj temi i zaboravite napisati određeni kod, tada će vam funkcionalnost nadređene teme uvijek biti dostupna kao rezervna kopija.

Nedostaci korištenja podređene WordPress teme

  1. Jedan od najvećih nedostataka korištenja dječjih tema je vrijeme koje je potrebno za učenje koda nadređene teme.
  2. Još jedan nedostatak često je da programeri nadređene teme mogu u potpunosti prepisati značajku koju ste koristili u svojoj podređenoj temi ili mogu napraviti promjene koje potpuno pokvare vašu podređenu temu. Budući da je ažuriranje teme ključno za sigurnost stranice i kompatibilnost s drugim značajkama i dodacima, morat ćete pratiti značajne promjene koje mogu doći s ažuriranjem.

Postoje neke fantastične WordPress teme, ali postoji mnogo sitnica u vezi s njima koje bismo svi željeli promijeniti. Boja, veličina fonta ili možda tekst gumba?

Problem je u tome što čak i mala promjena teme može onemogućiti ažuriranje na kasniju verziju u budućnosti, jer ako to pokušate učiniti, možete izgubiti sve promjene.

Ali što ako morate raditi s temom iz WordPress repozitorija ili onom koju ste kupili na Themeforestu, što također ne olakšava zadatak. Podređene teme mogu riješiti ovaj problem, omogućujući vam korištenje svih funkcionalnosti odabrane teme i ažuriranje bez straha da ćete izgubiti promjene koje ste napravili.

Danas ću u ovom članku objasniti zašto su vam potrebne dječje teme i kako s njima raditi.

Bilješka: Ako nakon čitanja ovog posta i dalje budete imali poteškoća s instaliranjem podređene teme, javite mi u komentarima i pokušat ću vam pomoći!

Kako funkcioniraju dječje teme i zašto biste ih trebali koristiti?

Dječje teme su samostalne teme koje nasljeđuju većinu svoje funkcionalnosti od nadređene (izvorne teme). Ako koristite dječju temu, WordPress će prvo provjeriti ima li tema posebnu funkcionalnost.

Ako nedostaje, koristit će nadređenu temu. Ovo je jednostavno super, jer u ovom slučaju možete promijeniti samo ono što trebate.

Uvijek biste trebali koristiti podređene teme, čak i ako planirate promijeniti samo jedan znak u svojoj temi. Postoje dva razloga za to: ažuriranja i struktura.

nadopune

Ako izmijenite temu bez korištenja podređene teme, imate dvije mogućnosti: odlučite da je više nećete ažurirati ili ćete to učiniti i izgubiti sve promjene.

Tehnički druga opcija funkcionira, ali se ne preporučuje. Čak i ako je vaše promjene vrlo lako kopirati, zašto potrošiti nekoliko minuta radeći nešto što će vjerojatno uzrokovati pogreške svaki put kada ažurirate.

Odbijanje ažuriranja ne dolazi u obzir. Gotovo svaki popis razloga zašto su web stranice hakirane kaže da je ključni uzrok sigurnosnih problema zastarjeli softver. Stoga je uvijek potrebno pratiti ažuriranja WordPressa, vaših tema i dodataka.

Struktura

Kada dodate kod postojećoj temi, mijenjate njenu bazu kodova, koja može biti dugačka tisuće redaka. Programeri koji će raditi s vašom stranicom, ai vi sami, morat ćete se potruditi da pratite sve promjene u kodu. Očigledni rezultat toga mogao bi biti ogroman račun za njihov rad.

Jer Podređene teme ovise o nadređenim temama, osim ako naravno nemaju posebne postavke, tada će vaša podređena tema predstavljati bazu promjena za izvornu. To će vam pomoći da napravite značajne izmjene iako vaša podređena tema ima samo nekoliko datoteka i 100 redaka koda.

Stvaranje podređene teme

Vrlo je jednostavno stvoriti dječju temu. Toliko jednostavno da možete kopirati i zalijepiti moj primjer u nastavku.

Za izradu podređene teme trebate slijediti ove korake:

  • Stvorite direktorij za temu
  • Napravite list stilova s ​​informacijama o temi vašeg djeteta
  • Uključite stilove nadređene teme

Nakon što napravite sve ove korake, moći ćete aktivirati svoju dječju temu i vaša će stranica izgledati potpuno isto kao prije, ali će je i dalje koristiti.

Dakle, pogledajmo svaki korak u detalje. Kao primjer, stvorit ću podređenu temu izvorne teme Twenty Fourteen.

1. Za početak stvorite mapu za svoju novu temu u direktoriju tema. Možete odabrati ime za nju. Radi jasnoće nazvat ću je dvadesetčetrnaesto dijete

2. U ovom koraku izradite datoteku s listovima stilova. Ime bi mu trebalo biti style.css. Kopirajte i zalijepite ovaj kod u datoteku koju ste upravo stvorili.

/* Naziv teme: Twenty Fourteen Child Theme URI: http://yourwebsite..0.0 Oznake: crno, zeleno, bijelo, svijetlo, tamno, dva stupca, tri stupca, lijeva bočna traka, desna bočna traka, fiksni izgled , responzivni izgled, prilagođena pozadina, prilagođeno zaglavlje, prilagođeni izbornik, stil uređivača, istaknute slike, fleksibilno zaglavlje, predložak pune širine, mikroformati, postformati, podrška za jezik rtl, ljepljivi post , opcije teme, spremno za prijevod, spremno za pristupačnost, responzivni izgled, beskonačno pomicanje, post-klizač, dizajn, hrana, časopis, časopis, vijesti, fotografija, portfelj, čisto, suvremeno, mračno, elegantno, moderno, profesionalno , sofisticirana tekstualna domena: dvadeset-četrnaest-dijete */

Naziv teme: Dvadeset četrnaesto dijete

URI teme: http://yourwebsite.com/twentyfourteen-child/

Opis: Moja prva dječja tema, temeljena na Twenty Fourteen

URI autora: http://site

Predložak: dvadesetčetrnaest

Verzija: 1.0.0

Oznake: crno, zeleno, bijelo, svijetlo, tamno, dva stupca, tri stupca, lijeva bočna traka, desna bočna traka, fiksni izgled, responzivni izgled, prilagođena pozadina, prilagođeno zaglavlje, prilagođeni izbornik, uređivač stil, istaknute-slike, fleksibilno-zaglavlje, predložak pune širine, mikroformati, post-formati, podrška za rtl-jezik, ljepljivi-post, opcije-teme, spreman za prijevod, spreman za pristupačnost, responzivni-izgled, beskonačno- svitak, post-slider, dizajn, hrana, časopis, časopis, vijesti, fotografija, portfelj, čisto, suvremeno, mračno, elegantno, moderno, profesionalno, sofisticirano

Domena teksta: dvadeset četrnaest djeteta

Postoje dva važna retka u gornjem kodu koji počinju s "Naziv teme" i "Predložak". "Naziv teme" govori WordPressu kako se zove vaša tema i taj se naziv prikazuje u biraču tema. “Predložak” govori WordPressu koju temu treba smatrati izvornom temom.

Većina ostalih je intuitivna osim tekstualne domene i oznaka. Tekstna domena se koristi za prevođenje nizova. Trebao bi biti jedinstven za vašu temu i koristiti se svaki put kada koristite značajke prijevoda. Za više informacija pogledajte I18n za WordPress programere. Odjeljak s oznakama je popis oznaka koje se koriste za WordPress Theme Repository. Na primjer, kopirao sam oznake iz style.css datoteke originalne teme.

3. Vaša dječja tema sada radi bez ikakvih problema. Ako ga aktivirate i učitate stranicu, na njoj će biti sav sadržaj, ali neće biti informacija o stilovima. Ranije sam rekao da WordPress prvo traži funkcionalnost u podređenoj temi, a ako ona nedostaje, vraća se na izvornu temu.

Imamo datoteku stilova, tako da WordPress ne učitava originalne datoteke tema. Kako bismo bili sigurni da učitavamo listove stilova izvorne teme, uključimo ih pomoću sustava za stavljanje u red. To se može učiniti u datoteci functions.php teme, pa je stvorimo sada jednostavnim kopiranjem koda u nastavku:

add_action("wp_enqueue_scripts", "equeue_parent_styles"); funkcija enqueue_parent_styles() ( wp_enqueue_style("nadređeni stil", get_template_directory_uri()."/style.css"); )

add_action ("wp_enqueue_scripts" , "enqueue_parent_styles" ) ;

funkcija enqueue_parent_styles() (

wp_enqueue_style ("nadređeni stil" , get_template_directory_uri () . "/style.css" ) ;

Kako funkcioniraju dječje teme?

Dakle, kako dječje teme zapravo funkcioniraju? Podređene teme rade na razini datoteke. Kada se datoteka koristi tijekom procesa učitavanja teme, provjerava je li datoteka u podređenoj temi. Ako je tako, koristit će se sadržaj sadržaja te datoteke. Ako nije, koristit će se ista datoteka iz nadređene teme.

Međutim, postoji jedna iznimka od ovog pravila - datoteka funkcija teme. Datoteka functions.php iz nadređene i podređene teme bit će kompatibilna. Ako funkcije u podređenoj temi zamijene nadređene, tada ćete ili dobiti multifunkcionalnu stranicu ili ćete morati kopirati cijeli sadržaj datoteke s funkcijama nadređene teme u podređenu temu - jer što možete da proširimo temu.

Postupak promjene funkcionalnosti je sljedeći. Ako trebate promijeniti zaglavlje, kopirajte datoteku header.php iz nadređene teme u podređenu temu. Izmijenite datoteku, spremite je i uživajte u rezultatima svog rada.

Mala napomena za programere tema

Ako stvarate teme, postoji nekoliko vodiča koje možete koristiti kako biste olakšali proces. Dva najvažnija opisuju razliku između get_stylesheet_directory() i get_template_directory() i procesa stvaranja priključne funkcije.

Ispravan imenik

Kada pristupate sredstvima pomoću ovih funkcija, uvijek biste trebali zapamtiti da će funkcije poput get_template_ upućivati ​​na nadređeni direktorij teme, dok će funkcije poput get_stylesheet_ upućivati ​​na direktorij podređene teme.

/images/twitter.png" alt="Twitter Logo">Follow Me!} /images/github.png" alt="Github logotip">On Github!}

< a href = "http://twitter.com/danielpataki"> < img src = "/images/twitter.png" alt = "Twitter Logo" > Follow Me !}< / a >

< a href = "http://github.com/danielpataki"> < img src = "/images/github.png" alt = "Github logotip" > On Github !}< / a >

Jedna od prednosti korištenja get_stylesheet_directory_uri() je da programeri podređenih tema mogu koristiti vlastitu sliku jednostavnim postavljanjem na pravo mjesto. S druge strane, ako slika ne postoji u podređenoj temi, tada se uopće neće prikazati.

To je zato što ako je podređena tema aktivna, funkcija get_stylesheet_directory_uri() ne provjerava (ne zna) koju datoteku učitavate, stoga neće provjeravati njezino postojanje i uvijek će vratiti URI podređene teme.

Promjenjive funkcije

Postoji još jedna metoda koju biste trebali koristiti - WordPress pluggable značajke. Omogućuje autorima podređenih tema nadjačavanje značajki definiranih u nadređenoj temi. To znači omatanje funkcija u function_exists() .

Recimo da ste izradili funkciju za prikaz prilagođenog meta posta pod nazivom my_meta() . Ne postoji način da dječja tema promijeni ovu funkciju jer... ne može se definirati dva puta. Jedino rješenje ovog problema je stvaranje funkcije koja nije definirana (zapamtite da se datoteka funkcija dječje teme prvo učitava).

Ne znam točno zašto se predlošci za WordPress stranice uporno nazivaju temama, ali to je ono što dovodi do tautologije u uvodu ovog članka: tema ovog članka je kako stvoriti WordPress dječju temu. Pojednostavljeno rečeno, kako osigurati da promjene napravljene na predlošku web stranice ne nestanu nakon svakog ažuriranja predloška od strane autora.

Zašto je to potrebno?

Zašto je dječja tema potrebna, objasnio sam u uvodu. Da objasnim u praksi. Dugo nisam koristio predloške u autorskoj verziji, stalno nešto mijenjam u datoteci odgovornoj za dizajn (style.css), uklanjam veze iz podnožja, mijenjam uvode i najave za članke u arhivi. Ukratko, uređujem datoteke predložaka. Svaki put kad autor ažurira predložak, ja bih izgubio i vratio svoja uređivanja ako ne koristim podređene teme.

Valja napomenuti da je nedavno situacija s gubitkom izmjena postala nešto jednostavnija. U svim modernim temama postoji korisničko uređivanje stilske datoteke (style.css), koja se ne mijenja nakon ažuriranja teme, međutim, to ne rješava opći cilj članka, stvaranje WordPress dječje teme.

Ručno izradite WordPress podređenu temu

  • Pretpostavimo da imate temu "otac", stvorite temu djeteta za nju;
  • Napravite imenik podređene teme, neka bude "kći";
  • U Notepad++ izradite .css datoteku sa sljedećim sadržajem:
/* Naziv teme: Predložak kćeri: otac */

Imajte na umu da direktiva Predložak navodi nadređenu temu i da je obavezna.

Važno! Sada, kada stavite datoteku u direktorij "dijete", ona zamjenjuje sličnu datoteku u "roditelju". Ovo pravilo NE funkcionira za datoteku functions.php.

Ali to nije sve. Potrebno je prenijeti "roditeljske" stilove na stilove "kćeri". To se radi na dva načina:

Metoda 1. Jednostavno prenesite sadržaj stilske datoteke (style.css) u sličnu roditeljsku datoteku;

Metoda 2. Ili dodajte sljedeći redak kćerinoj datoteci style.css:

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

Obratite pozornost na relativnu adresu koja označava nadređeni predložak (otac).

Tematski dodaci za stvaranje podređene teme

O dodacima za stvaranje podređene teme, reći ću ovo: ako vam treba podređena tema, instalirajte dodatak, stvorite "kćer", izbrišite dodatak i ne gnjavite se ručnim radom. Svaki dodatak naveden u nastavku trebat će 10-15 sekundi za rad osim ako ne stvarate podređenu temu već izmijenjenog predloška.

Čarobnjak za dječje teme

Omogućuje stvaranje nove dječje teme bez potrebe za dodatnim alatima izravno iz WordPress administratorskog sučelja.

Konfigurator dječje teme

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

Brz i jednostavan uslužni program koji vam omogućuje analizu bilo koje radne teme i stvaranje podređene teme kako biste je prilagodili. Konfigurator podređene teme olakšava prepoznavanje i nadjačavanje točnih CSS atributa koje želite prilagoditi. Analizator skenira dostavljenu temu i automatski konfigurira vašu podređenu temu.

Podijeli me

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

Omogućuje vam stvaranje podređene teme za bilo koju instaliranu temu, izravno iz ploče Izgled>>>Tema.

Stvorite podređenu temu izmijenjenog predloška

Zamislimo situaciju: radite sa svojim web mjestom i umorni ste od stalnog uređivanja predloška nakon ažuriranja. Što uraditi? Morate stvoriti podređenu temu već izmijenjenog predloška. Kako to učiniti?

Opcija 1. Instalirajte dodatak Child Theme Configurator, on će "prosvijetliti" vaš predložak i prenijeti promijenjene datoteke u dječju temu;

Opcija 2. Napravite "kćer" u ručnom načinu rada, a zatim: Prenesite modificirane datoteke iz nadređene teme u podređenu temu.

Svi! Sada radite na podređenoj temi koju ste ranije izmijenili.

zaključke

Sada znate kako stvoriti WordPress dječju temu. Korištenje ove funkcije pojednostavljuje rad s predlošcima i uklanja zadatak praćenja tema koje se stalno mijenjaju. S dječjom temom možete uređivati ​​predložak bez straha da ćete izgubiti ispravke nakon ažuriranja. Pitanja u komentarima.

Pozdrav svima, danas vam želim ispričati o prekrasnoj značajci pogona WordPress - dječjoj temi. Na samom kraju posta pokazat ću primjer kako napraviti wordpress dječju temu na temelju gotovog predloška, ​​ali sada želim objasniti zašto je potrebna wordpress dječja tema.

Navigacija po stranici:

Što je WordPress dječja tema i zašto je potrebna?

Wordpress podređena tema je tema koja se koristi u wordpressu za izmjenu ili proširenje funkcionalnosti nadređene (glavne) teme.

Korištenje wordpress dječje teme omogućuje vam potpunu promjenu CSS stilova, Html i javascript koda, kao i PHP koda ili njegovih pojedinačnih funkcija bez uplitanja u autorovu temu. Jednostavno rečeno, nakon uređivanja moći ćemo ažurirati preuzetu ili kupljenu temu bez gubitka uređivanja i funkcionalnosti.

Recimo da smo kupili plaćenu temu s besplatnim ažuriranjem i podrškom godinu dana. Moramo izraditi našu web stranicu na temelju gotove teme + napraviti manje izmjene u stilovima.

Prva stvar koja vam pada na pamet (a to je pogrešno): trebate uzeti i napisati svoje stilove u datoteku style.css. Na ovaj način ćemo dobiti traženi rezultat, ALI:

Prilikom ažuriranja, svi naši stilovi će biti izgubljeni. Ako tražimo pomoć od podrške, oni će nam odbiti pomoći, a čak i ako pomognu, morat će se ažurirati automatski...

Začarani krug? – ne baš, ne morate ažurirati temu i ne kontaktirajte podršku :)

Dobar savjet, zar ne??

U ovoj situaciji može nam pomoći WordPress dječja tema. Jednostavno ubacujemo čistu (bez izmjena) kupljenu temu u wp-content/themes, a također stvaramo podređenu i ubacujemo jedinu datoteku: style.css (potrebna je).

Prednosti korištenja WordPress podređene teme

(kliknite na brojeve kako biste vidjeli sve pogodnosti)

  • Wordpress podređena tema nasljeđuje sve funkcije i mogućnosti nadređene teme + omogućuje vam dodavanje vlastite ili zamjenu postojećih.

    Nakon što aktiviramo podređenu temu u administratorskom panelu, vidjet ćemo da radi slično kao nadređena.

  • Da bismo dodali vlastite stilove, samo ih trebamo dodati podređenoj temi; nadređena tema ostat će nepromijenjena.
  • Kada dodajemo novu prilagođenu vrstu ili taksonomiju, možemo dodati datoteke koje nedostaju u temu, a da one ne ometaju ažuriranje glavne teme.
  • Savršena prednost korištenja wordpress dječje teme je mogućnost ažuriranja teme.

    Na primjer, ako programer pronađe ranjivost ili sukob teme s novom verzijom WordPressa, izdat će ažuriranje, a vi ga možete jednostavno instalirati.

Kako stvoriti wordpress dječju temu

Za izradu podređene WordPress teme potrebno je ispuniti samo nekoliko uvjeta:

  1. Stvorite imenik s prilagođenim nazivom.
  2. U ovoj mapi stvorite datoteku style.css s posebnim tekstom. (Pokazat ću vam ispod)

Predstavljam vam kratku uputu o tome kako stvoriti wordpress dječju temu za temu Twenty Sixteen, koja je uključena u bazu novog WP-a.

Kratke upute kako napraviti WordPress dječju temu

Klikom na donje brojeve preći ćete na sljedeći korak.

Stvaranje podređene teme za wordpress

Ovako sada izgleda naša web stranica:

Predlažem promjenu boje naslova u widgetu s desne strane. Da bismo to učinili, moramo dodati sljedeći kod stilovima podređene teme:

Widget h2.widget-title(color:#228E4F;)

Ovako izgledaju stilske izmjene:

A ovo je rezultat naših izmjena:

Također predlažem stvaranje drugih izmjena. Na primjer, svi SEO programeri umorni su od činjenice da se naslovi widgeta prikazuju u h2. Prilično je jednostavno riješiti ovaj problem pomoću podređene teme WordPress. Da bismo to učinili moramo:

1) Stvorite datoteku functions.php.

2) U njega upišite sljedeći kod:

__("Bočna traka", "twentysixteen"), "id" => "sidebar-1", "description" => __("Ovdje dodajte widgete da se pojave na vašoj bočnoj traci.", "twentysixteen"), "before_widget" = > "", "after_widget" => "", "before_title" => "

", "after_title" => "
",)); unregister_sidebar("sidebar-2"); register_sidebar(array("name" => __("Content Bottom 1", "twentysixteen"), "id" => "sidebar-2", "description" => __("Pojavljuje se na dnu sadržaja na postovima i stranicama.", "twentysixteen"), "before_widget" => "", "after_widget" => "", "before_title" => "
", "after_title" => "
",)); unregister_sidebar("sidebar-3"); register_sidebar(array("name" => __("Content Bottom 2", "twentysixteen"), "id" => "sidebar-3", "description" => __("Pojavljuje se na dnu sadržaja na postovima i stranicama.", "twentysixteen"), "before_widget" => "", "after_widget" => "", "before_title" => "
", "after_title" => "
",)); } ?>

Ovdje radimo vrlo jednostavnu stvar, uklanjamo sve bočne trake koje je registrirala nadređena tema unregister_sidebar("sidebar-3"); i učitati novi kod za stvaranje bočnih traka, koji smo preuzeli iz nadređene teme. To je sve. Pogledajmo rezultat:

Slično, možete promijeniti sadržaj bilo koje datoteke teme ili dodati nove, jedina razlika je u tome što functions.php nije prebrisan, već se dodaju nove funkcije. Za datoteke tema, prilikom dodavanja datoteke, na primjer, footer.php, ova datoteka u nadređenoj temi bit će onemogućena, a mi ćemo koristiti ovu datoteku iz podređene teme.

Razlike između nadređenih i podređenih WordPress tema

Razlika između ovih tema je u logici rada:

ako datoteka nije uključena u podređenu temu, WordPress je pokušava pronaći u nadređenoj temi

ako je datoteka koja nije functions.php u podređenoj temi, ona zamjenjuje sličnu datoteku u nadređenoj

Hvala svima na pažnji, ovo je vjerojatno sve što imam, dijelimo članak s našim prijateljima

, pišite komentare :)

Sljedeće ažuriranje platforme uvijek dodaje nove funkcije, poboljšava zaštitu i uvodi nove značajke. Dakle, jedna od nekoliko mogućnosti može se primijetiti tako koristan alat kao. A ovo je samo jedna od mnogih funkcija. A ima i značajnijih, na primjer, dječja tema.

Što je WordPress dječja tema?

Ne bih želio preduboko ulaziti u ovu temu, s obzirom da na službenoj web stranici postoji dobar priručnik na ruskom jeziku (). Reći ću samo nekoliko riječi o prednostima dječje teme i što je ona.

Značenje: Podređena tema (CT) uglavnom je dizajnirana za ispravno uređivanje nadređene teme (one koja je trenutno aktivirana). Korištenje ove metode omogućit će vam da spremite sve promjene napravljene na nadređenoj temi (PT) sljedeći put kada se ažurira.

Korist: Kolosalno. Jer ovo je ispravna odluka u svim promjenama RT-a.

Kako stvoriti podređenu temu u WordPressu

WordPress kod (gornja poveznica) sadrži detaljan opis korak po korak koraka za stvaranje dječje teme. U biti, ovdje nema ništa komplicirano. Upravo suprotno: sve je vrlo jednostavno. Ali nemaju svi želju petljati s datotekama (nećemo ih osuđivati ​​- ovo je osobna stvar). U takvim slučajevima postoje dodaci koji će obaviti gotovo sav posao umjesto vas.

Ukratko ćemo govoriti o ovoj opciji. Repozitorij, kao i uvijek, ima veliki izbor dodataka za implementaciju rješenja za sve probleme. Moj izbor je pao na dodatak " Tema djeteta jednim klikom", koji će jednim klikom stvoriti dječju temu.

Nakon aktiviranja modula “One-Click Child Theme” idite na karticu “Appearance – Child Theme”. Na ovoj stranici postoje tri polja za popunjavanje:

Kako raditi s dječjom temom

Kada trebate urediti nadređenu temu (primjerice napraviti neke promjene, dodati novi blok, izbrisati blok itd.), onda je u svrhu očuvanja ili čak sigurnosti najbolje to učiniti kroz podređenu temu.

Tematske datoteke. Datoteka u kojoj trebate napraviti nešto svoje kopira se s RT-a i prebacuje u DT (napominjemo da ako je datoteka u podfolderu teme, onda kreirate istu mapu i u DT-u). Zatim počnite raditi s njim, promijenite ga, dodajte što vam je potrebno i provjerite rezultat.

Stilovi dizajna (style.css). Kako biste mogli uređivati ​​stilove nadređene teme izravno u podređenoj temi, prvo ih morate uvesti kroz datoteku style.css ili functions.php. U protivnom neće doći do promjena. A to se radi ovako:

CSS @uvoz

/* Naziv teme: dijete-moja-tema Opis: Podređena tema

Funkcija

Add_action("wp_enqueue_scripts", "my_theme_enqueue_styles"); funkcija my_theme_enqueue_styles() ( wp_enqueue_style("nadređeni stil", get_template_directory_uri() . "/style.css"); )

funkcije.php. za razliku od prethodnih, ne mijenja se niti uvozi, već se učitava kao dodatak nadređenoj datoteci. Ne morate ga kopirati iz RT-a, samo napravite datoteku u DT-u pod nazivom functions.php. Zatim na uobičajeni način dodajemo funkcije koje su vam potrebne. Stoga će postojati ispravan pristup modificiranju i proširenju mogućnosti nadređene teme.

Uključujući datoteke iz podređene teme.
Kako biste povezali datoteke iz DT-a, morate koristiti određene funkcije koje pokazuju točan put.

Najbolji članci na temu