U sljedećem ažuriranju platforme uvijek se dodaju nove funkcije, poboljšava se zaštita, pojavljuju se nove mogućnosti. Dakle, jedna od nekoliko mogućnosti može se primijetiti kao koristan alat kao. A ovo je samo jedna od mnogih funkcija. A ima i značajnijih, na primjer - dječja tema.
Šta je WordPress podređena tema?
Ne bih želio da ulazim duboko u ovu temu, s obzirom na to da službena web stranica ima dobar priručnik na ruskom jeziku (). Dozvolite mi da kažem samo nekoliko riječi o prednostima dječje teme i šta je ona.
Značenje: dječja tema (DT) je uglavnom namijenjena za ispravno uređivanje nadređene teme (one koja je trenutno aktivirana). Korištenje ove metode će sačuvati sve promjene napravljene na nadređenoj temi (PT) sljedeći put kada je ažurirate.
Prednost: Kolosalno. Jer ovo je prava odluka u svim promjenama u RT.
Kako kreirati podređenu temu u WordPress-u
WordPress kodeks (link iznad) pruža detaljan, korak po korak, opis koraka za kreiranje podređene teme. U suštini, tu nema ništa komplikovano. Tačnije, tačno je suprotno: sve je vrlo jednostavno. Ali nemaju svi želju da se petljaju s fajlovima (nećemo ih osuđivati - ovo je lična stvar). Za takav slučaj postoje dodaci koji će obaviti gotovo sav posao umjesto vas.
Ukratko ćemo govoriti o ovoj opciji. U spremištu, kao i uvijek, postoji veliki izbor dodataka za implementaciju rješenja za bilo koje zadatke. Moj izbor je pao na dodatak " Dječja tema jednim klikom», Koji će kreirati podređenu temu jednim klikom.
Nakon aktiviranja modula "Detenja tema jednim klikom", idite na karticu "Izgled - Deteća tema". Ova stranica sadrži tri polja koja treba popuniti:
Kako raditi s dječjom temom
Kada trebate urediti nadređenu temu (na primjer, napraviti neke promjene, dodati novi blok, izbrisati blok, itd.), radi očuvanja ili čak sigurnosti, najbolje je to učiniti kroz podređenu temu.
Fajlovi tema. Iz RT-a se kopira fajl u kojem želite da uradite nešto svoje i prenosi se u DT (imajte na umu da ako je fajl u poddirektorijumu teme, onda u DT-u takođe kreirate isti folder ). Zatim počnite raditi s njim, promijenite ga, dodajte ono što vam je potrebno i provjerite rezultat.
Stilovi (style.css). Da biste mogli urediti stilove nadređene teme direktno u podređenoj temi, prvo ih morate uvesti putem datoteke style.css ili datoteke functions.php. U suprotnom neće doći do promjena. A to se radi ovako:
CSS @import
/ * Naziv teme: dijete-moja-tema Opis: Dječja tema
Funkcija
Add_action ("wp_enqueue_scripts", "my_theme_enqueue_styles"); funkcija my_theme_enqueue_styles () (wp_enqueue_style ("roditeljski stil", get_template_directory_uri (). "/style.css");)
functions.php. za razliku od prethodnih, ne mijenja se niti uvozi, već se učitava kao dodatak roditeljskom fajlu. Ne mora se kopirati sa RT-a, samo kreirajte datoteku u RT-u pod nazivom functions.php. A zatim, na uobičajen način za nas, dodajte funkcije koje su vam potrebne. Tako će postojati ispravan pristup modificiranju i proširenju mogućnosti nadređene teme.
Povezivanje fajlova iz podređene teme. Da biste povezali datoteke sa DT-a, morate koristiti određene funkcije koje ukazuju na ispravnu putanju.
Inspirisan člankom na Habré-u, odlučio sam da napravim sopstvenu verziju o kreiranju podređene teme u WordPress-u, pošto na Habré-u postoji mnogo teksta i objašnjenja. Kao osoba koja sebe ne smatra velikim profesionalcem u programiranju na WordPress-u, pokušaću da ispričam sve ukratko i sadržajno.
Ako gledate WordPress po drugi put i treći put ste stali na grabulji sa ažuriranjem teme - čitajte dalje.
Čemu služe dječje teme? Već sam djelimično odgovorio na ovo pitanje. Rupe se nalaze u redovnim intervalima u WordPress jezgru, dodacima i temama (u smislu sigurnosti). U pravilu, pametni momci koji razvijaju teme, dodatke i sam CMS objavljuju ažuriranja. Sva vaša prilagođavanja nestaju čim instalirate ova ažuriranja. Posebno loše postaje u situaciji sa duboko izmijenjenom temom. To je veoma žalosno - u nedostatku rezervne kopije.
Kako ne biste izgubili sve svoje izmjene, bolje je ne napraviti ih u datotekama glavne teme.
Uspio sam pronaći u WordPress korpama staru verziju teme Twenty Twelve. Koristit ću ga kao primjer.
1. Kreirajte folder podređene teme:
mkdir wp-content / themes / twentytwelve-child
2. Da bi tema radila, potrebna su vam dva fajla:
- style.css
- functions.php
Kreirajmo ih:
dodirnite wp-content / themes / twentytwelve-child / style.css
dodirnite wp-content / themes / twentytwelve-child / fnctions.php
3. Naziv teme je postavljen u style.css. Minimalni set koda za style.css:
/ * Naziv teme: Twenty Twelve Child Template: twentytwelve Autor: WordPress tim Verzija: 1.0 Domena teksta: twentytwelve-child * / @import url ("../ twentytwelve / style.css")
Posljednji red učitava stilove iz nadređene teme.
U ovom trenutku, tema se pojavljuje na listi tema u WordPress admin području i izgleda ovako:
Kopirajte screenshot.png iz teme vaše majke da bi se slika pojavila. Po želji možete ga urediti:
cp wp-content / themes / twentytwelve / screenshot.png wp-content / themes / twentytwelve-child /
Sada lista tema izgleda ovako:
Nakon toga, tema se može aktivirati i čak će raditi.
Ostaje staviti sve izmijenjene datoteke u folder podređene teme. Poenta je da WordPress daje prioritet skriptama / fajlovima iz foldera podređene teme u odnosu na fajlove / skripte nadređene teme. Ako bilo koja od datoteka nije pronađena u folderu podređene teme, preuzima se iz nadređene teme.
Standardna tema izgleda ovako:
Hajde da ga malo izmenimo radi jasnoće. Kopirao sam datoteku header.php iz nadređene teme, promijenio prikaz menija (iznad naslova) i uklonio prikaz opisa bloga. Međutim, originalni header.php ostao je netaknut. Ispalo je ovako:
Kao što vidimo, header.php iz foldera podređene teme je proradio.
Zasjeda samo sa stilovima. Ako deklarirate novi stil prikaza, na primjer, širinu područja teksta u datoteci style.css podređene teme, to neće raditi.
Da bi funkcionisao, potrebno je da kreirate zaseban stilski list i povežete ga:
dodirnite wp-content / themes / twentytwelve-child / custom.css
U njega ubacite kod sa spoiler.site:
Sajt (margina: 0 auto; maksimalna širina: 90%; prelivanje: skriveno;)
Nažalost, @import url direktiva radi samo jednom u datoteci style.css, tako da drugi stilski fajl ne može biti uključen.
U WordPress-u, stilovi su uključeni sa funkcijom wp_enqueue_style () u datoteci functions.php.
Kreirajte prvu prilagođenu funkciju u functions.php podređene teme koja će vratiti folder ili uri podređene teme:
Funkcija get_child_template_directory_uri () (povratak dirname (get_bloginfo ("stylesheet_url"));)
Nakon toga možemo sigurno koristiti get_child_template_directory_uri () u drugim prilagođenim funkcijama.
Sada uključujemo custom.css:
Funkcija child_styles () (wp_enqueue_style ("twentytwelve-child-style", get_child_template_directory_uri (). "/Custom.css");) add_action ("wp_enqueue_scripts", "child_styles", 12);
Ako je potrebno, možete kopirati liniju i dodati druge css datoteke. Sve će raditi.
Pretpostavljam da nema potrebe objašnjavati zašto bi datoteka functions.php trebala početi sa
Usput, broj u add_action () određuje prioritet. 12 - najhladnija radnja, pretpostavlja se da će stilovi koji su povezani s njom imati prednost nad standardnim iz nadređene teme.
Po analogiji sa stilovima, možete dodati druge funkcije, bez mogućnosti da ih izgubite prilikom ažuriranja.
Neću vršiti dalja progovaranja. Stavite sve uređivane fajlove u folder, uključite sve potrebne css fajlove i ažurirajte koliko god želite.
(Posjećeno 1,223 puta, 1 posjeta danas)
WordPress programeri su dodali mogućnost kreiranja podteme, sada imate mogućnost da svoju podtemu napravite na osnovu nadređene teme. Funkcija podređene teme vam omogućava da promijenite izgled nadređene teme, a zatim odvojeno sačuvate promijenjenu temu bez utjecaja na prvu. U ovom vodiču ćete naučiti šta je WordPress podređena tema i kako da kreirate WordPress podređenu temu.
Za štokoristite dječju temu
Podređena tema vam omogućava da promijenite nadređenu temu prema vašim željama. Glavna prednost ove funkcije je da možete napraviti promjene u podređenoj temi bez utjecaja na nadređenu ili bilo koju drugu temu koja je koristi kao osnovu.
Kako radi WordPress dječja tema
Podređena tema se nalazi u posebnoj fascikli i sadrži sopstvene fajlove style.css i functions.php... Ako je potrebno, moguće je dodati dodatne fajlove, ali su glavni fajlovi teme potrebni za njen ispravan rad.
Koristeći odgovarajuće .css i .php datoteke, možete promijeniti gotovo sve, od stilova i parametara izgleda do skripti koje podređena tema koristi.
Podređena tema može se uporediti sa slojevima u bilo kojem uređivaču slika. Kada posjetitelj posjeti vašu web lokaciju, prvo se učitava podređena tema, a zatim se uključuju stilovi i funkcije koje nedostaju iz nadređene teme. Kao rezultat, korisnik dobija većinu koda iz nadređene teme, ali prije nego što ga prikaže, mijenja se prema postavkama podređene teme.
Prije nego što započnete ovaj vodič, potrebno vam je sljedeće:
- Pristup kontrolnoj tabli WordPress
- Pristup (preporučeno) ili
Korak 1 - Kreiranje podređene teme u WordPress-u
Proces kreiranja dječje teme je prilično jednostavan i može se lako dovršiti pažljivim praćenjem ovog vodiča.
Morate kreirati folder za podređenu temu u zadanom direktoriju WordPress tema wp-sadržaj / teme... Za praktičnost i očuvanje reda u direktoriju, bolje je kreirati mapu sa završetkom -dijete nakon naziva nadređene teme. Možete dodati naziv određenog projekta ako želite. Zapamtite, ime direktorija ne smije sadržavati razmake kako bi se izbjegle moguće greške. Koristite FTP klijent ili File Manager da kreirate novu fasciklu. Preporučujemo korištenje besplatnog FTP klijenta FileZilla
U ovom vodiču ćemo koristiti File Manager da kreiramo podređenu temu zasnovanu na zadanoj temi Twenty Seventeen, tako da će puna putanja do foldera izgledati ovako wp-content / themes / twentyseventeen-child.
- Prijavite se na Hostinger kontrolni panel i kliknite na ikonu File manager.
- Idite do fascikle u kojoj je WordPress instaliran (obično public_html), Dalje wp-content → teme.
- Kliknite na dugme novi folder, unesite naziv podređene teme i kliknite Stvoriti.
- Unesite kreirani folder podređene teme.
- Kliknite na dugme Novi fajl, unesite style.css kao naziv datoteke i pritisnite Stvoriti.
- Zalijepite sljedeći kod u datoteku:
- Promijenite sve vrijednosti da odgovaraju vašoj domeni i temi. Najvažnija polja su Predložak i Naziv teme budući da govore WordPress-u na kojoj se roditeljskoj temi zasniva vaša dječja tema. Zatim kliknite Sačuvaj da sačuvate promene.
- Dodaj fajl functions.php u istom direktoriju, ali nemojte tamo lijepiti kod iz nadređene teme, jer mora ostati odvojen od nje. Umjesto toga, kreirajte praznu datoteku ili dodajte nove .php funkcije po potrebi za vašu dječju temu.
- Sa vaše WordPress kontrolne table idite na odjeljak Izgled → Teme i pritisnite dugme Aktiviraj na temu vašeg djeteta.
- Idite na svoju stranicu, možete vidjeti da tema nije prikazana sasvim ispravno (kao na slici ispod). Nemojte paničariti, to je zbog činjenice da je datoteka functions.php još ne učitava CSS iz nadređene teme.
- Sa vaše WordPress kontrolne table idite na odjeljak Izgled -> Urednik i izaberite datoteku functions.php.
- WordPress ima funkciju za učitavanje CSS-a iz nadređene teme. Kopirajte dati kod u datoteku function.php dječja tema:
- Kliknite na Ažurirajte fajl na dnu stranice da sačuvate promjene.
- Molimo Vas da ponovo posjetite Vašu stranicu. Sada je CSS učitan i vaša podređena tema izgleda isto kao i nadređena.
Kao što ste možda primijetili, proces kreiranja dječje teme je prilično jednostavan ako imate pravi pristup i slijedite upute korak po korak u našem vodiču.
Korak 2 - Postavljanje dječje teme WordPress
Sada najvjerovatnije želite početi mijenjati izgled dječje teme što je prije moguće. Za to ste ga i stvorili, zar ne?
Korak 2.1 - Prilagođavanje izgleda vaše dječje teme
Da biste prilagodili izgled teme, morate urediti datoteku custom.css u direktoriju vaših dječjih tema. Da biste to učinili, možete koristiti uređivač teksta i FTP klijent, upravitelj datoteka ili WordPress editor. (Izgled -> Urednik)... Također vam je potrebno neko osnovno znanje o CSS pravilima i sposobnost provjere valjanosti elemenata stranice pomoću pretraživača.
Na primjer, da biste promijenili boju pozadine, dodajte sljedeća CSS pravila u datoteku style.css:
Site-content-contain (boja pozadine: # d5ffa0; pozicija: relativna;)
Ispod je kako će vaša stranica izgledati nakon unošenja izmjena.
Ovaj proces se može koristiti i za promjenu drugih elemenata stranice.
Korak 2.2 - Dodavanje i uklanjanje funkcija
Još jedna prednost korištenja podređene teme je mogućnost da imate odvojene datoteke functions.php koji se, poput dodataka, koriste za dodavanje (ili uklanjanje) određene funkcionalnosti. Imati fajl functions.php u podređenoj temi, možete biti sigurni da neće biti uklonjena ili promijenjena nakon ažuriranja zadane teme.
Da biste svojoj temi dodali nove funkcije, dodajte potrebni PHP kod u datoteku functions.php vaša dječja tema. Na primjer, ovaj kod će onemogućiti WordPress funkciju pretraživanja:
Funkcija disable_search ($ query, $ error = true) (if (is_search ()) ($ query-> is_search = false; $ query-> query_vars [s] = false; $ query-> query [s] = false; / / na grešku if ($ error == true) $ query-> is_404 = true;)) add_action ("parse_query", "disable_search"); add_filter ("get_search_form", create_function ("$ a", "return null;"));
Zaključak
Dječija WordPress tema pruža mogućnost kreiranja potpuno novog projekta zasnovanog na nadređenoj temi, bez ikakvog diranja u njene datoteke. Uz malo koda i rad sa direktorijumima, možete mijenjati svoju stranicu koliko god želite.
Podređene teme u WordPress-u vam omogućavaju da napravite promjene u postojećim temama, i to na takav način da se takve promjene ne izgube kada se originalna (ili nadređena) tema ažurira. Pored izgleda, podređene teme vam omogućavaju da promijenite oznaku, pa čak i funkcionalnost nadređene teme, proširujući je tako da odgovara vašim potrebama.
Podrška za dječje teme postoji u WordPress-u već duže vrijeme, ali većina korisnika danas i dalje radije radi direktno izmjene koda izvorne teme. U ovom članku ćemo objasniti kako podređene teme funkcionišu u WordPress-u i zašto se podređene teme trebaju koristiti za izmjene postojećih tema.
Šta je dječja tema
Podređena tema u WordPressu je tema koja nasljeđuje izgled i osjećaj i funkcionalnost roditeljske (originalne) teme. Ovo nasljeđivanje vam omogućava da lako modificirate i dopunjujete pojedinačne dijelove nadređene teme bez promjene same originalne teme. S ovim pristupom, ažuriranje nadređene teme neće utjecati na ove promjene.
Roditeljska tema može biti bilo koja druga WordPress tema (osim podređenih tema), a da bi podređena tema radila, obje teme moraju biti instalirane, ali dijete mora biti aktivirano.
Kako kreirati dječju temu
Najjednostavnija podređena tema sastoji se od jedne datoteke style.css koja specificira ime podređene teme i ime direktorija nadređene teme. Ista datoteka često referencira stilove nadređene teme koristeći @import CSS direktivu.
Kao primjer, kreirat ćemo podređenu temu, My Child Theme, i koristiti zadanu temu Twenty Twelve kao nadređenu temu.
Prvo, provjerite postoji li nadređena tema - pronađite direktorij twentytwelve u wp-content / themes. Zatim kreirajte novi direktorij pod wp-content / themes i nazovite ga my-child-theme. U ovom novom direktoriju kreirajte datoteku style.css i zalijepite sljedeće zaglavlje u nju:
/ ** * Naziv teme: My Child Theme * Šablon: dvadeset dvanaest * / @import url ("../ twentytwelve / style.css");
Uz pomoć ovog naslova definirali smo naziv naše nove teme, kao i naznačili nadređenu. Direktiva @import u ovom slučaju učitava sve stilove iz teme Twenty Twelve, na vrhu koje ćemo napraviti promjene. Bez ove direktive, naša podređena tema će naslijediti samo šablone (oznake) nadređene teme, a ne stil.
Nakon toga, vaš direktorij tema bi trebao izgledati otprilike ovako:
U odeljku Izgled → Teme videćete da je vaša nova tema već dostupna za aktivaciju.
Ako je aktivirate i odete na početnu stranicu vaše stranice, vidjet ćete da vaša dječja tema izgleda potpuno kao standardna tema Twenty Twelve.
Rad sa stilovima
CSS stilovi dječje teme mogu se postaviti direktno u style.css datoteci odmah nakon @import direktive. Na primjer, da biste postavili boju pozadine i boju veza u svojoj temi, dodajte sljedeći kod na kraj liste stilova:
Telo (pozadina: crvena;) a (boja: zelena;)
Na taj način možete promijeniti stilove bilo kojeg elementa nadređene teme, a traženi element možete lako pronaći pomoću alata za programere u pregledniku Google Chrome ili korištenjem Firebug ekstenzije za Firefox pretraživač.
Rad sa šablonima
Sa podređenom temom, također možete lako mijenjati same predloške nadređene teme. Da biste to učinili, samo trebate kreirati datoteku u podređenoj temi s istim imenom kao predložak u nadređenoj temi. Na primjer, da biste zamijenili predložak footer.php svojim, kreirajte datoteku footer.php u direktoriju vaše dječje teme: