Kako stvoriti i prilagoditi dječju temu na WordPressu

Što je dječja tema i zašto je to tako važno?

U ovom postu ćemo vam dati odgovore na ta pitanja i pokazati vam korak po korak kako stvoriti i prilagoditi svoju vlastitu podređenu temu pomoću dodataka ili koda.

Ako želiš izvršite promjene u temi svoje WordPress stranice,vjerojatno ste vidjeli kako vam ljudi govore kako koristite dječju temu.

Ali što je dječja tema i zašto su teme djeteta toliko važne?

U ovom postu ćemo vam dati odgovore na ta pitanja, uz uvod u dječje teme i kako su oni savršeni za vas.

Zatim ćemo vam korak po korak pokazati kako stvoriti i prilagoditi vlastitu dječju temu pomoću dodataka ili koda.

Ali, ako nikad niste instalirali WordPress, otkrijte Kako instalirati 7 korake WordPress blog et Kako pronaći, instalirati i aktivirati WordPress temu na svoj blog

A onda se vratimo onome zbog čega smo ovdje.

Što je dječja WordPress tema?

Dječja tema nije samostalna tema. To je "dijete" postojeće roditeljske teme, otuda i ime.

Instalirat ćete ga uz svoju roditeljsku temu, ali vam daje šansu da sigurno napravite promjene na svojoj roditeljskoj temi bez potrebe za uređivanjem same roditeljske teme.

Dječja tema dobit će većinu / sve svoje postavke dizajna od nadređene teme. Međutim, u situacijama kada promijenite podređenu temu, ova će promjena nadjačati postavke roditeljske teme.

Prednosti dječje teme

U ovom trenutku se možda pitate: zašto jednostavno ne možete izvršiti promjene izravno na nadređenoj temi?

Glavni razlog nije dobra ideja Ažuriranja tema za WordPress.

Ako želite održati svoju WordPress web stranicu sigurnom i funkcionalnom, morate brzo primijeniti ažuriranja kako ona izlaze, uključujući ažuriranja za vašu WordPress temu.

Ako prilagodite svoju web stranicu izravnim uređivanjem teme (bez podređene teme), to znači da ćete prebrisati sve promjene svaki put kada ažurirate WordPress temu.

To znači da:

Ažurirajte svoju WordPress temu i izgubite posao. Nije baš zabavno iskustvo, zar ne?
Ne ažurirajte svoju WordPress temu kako ne biste izgubili svoj rad ... što nije dobro za sigurnost i rad web stranice WordPress.

Pomoću dječje teme možete izvršiti sve svoje promjene na podređenoj temi. Tada ćete biti u mogućnosti ažurirati roditeljsku temu bez gubitka bilo kojeg vašeg rada.

Osim što vam pomaže u sigurnom ažuriranju, korištenje podređene teme također je obično korisno za prilagođavanje. Budući da na jednom mjestu razdvaja sve vaše promjene, lako je pratiti sve svoje promjene i po potrebi ih mijenjati.

Lako je i naopako. Na primjer, ako želite prestati koristiti promjene i vratiti se na roditeljsku temu, samo deaktivirajte podređenu temu.

neki WordPress teme čak i koristiti ovaj zadani pristup roditelj/dijete. Na primjer, ako želite koristiti okvir Genesis, trebat će vam i nadređena tema (osnovni okvir) i podređena tema za kontrolu dizajna.

Kada koristiti dječju temu

Osim nekoliko iznimaka koje ćemo navesti u nastavku, morate toujours koristite podređenu temu ako planirate napraviti vlastite izmjene postojeće WordPress teme.

Kad vam nije potrebno koristiti dječju temu

Općenito, korištenje dječje teme dobra je praksa kad god prilagodite svoju WordPress temu.

Međutim, postoji nekoliko izuzetaka od pravila u kojem može postojati bolja opcija od korištenja podređene teme.

Prvo, ako želite samo napraviti manje CSS podešavanja, možda bi bilo pretjerano stvoriti podređenu temu samo za nekoliko podešavanja.

Umjesto toga, pomoću te značajke možete dodati svoj prilagođeni CSS Dodatni CSS integriran u WordPress Customizer. Ili, možete koristiti besplatni WordPress dodatak kao što je Simple CSS.

Drugo, ako radite neke izmjene za koje želite da budu neovisne teme, dječja tema možda nije najbolja opcija.

Na primjer, ako registrirate prilagođenu taksonomiju ili a prilagođena vrsta posta, vjerojatno ne želite koristiti datoteku functions.php teme vašeg djeteta (jer ih želite zadržati čak i ako promijenite temu). Umjesto toga, jednostavno biste trebali dodati kod izvan svoje teme pomoću dodatka kao što je Isječci koda ili svoj vlastiti prilagođeni dodatak.

Kako stvoriti dječju temu na WordPress

Sada kada znate zašto su važne teme za djecu, uđite u to kako zapravo možete stvoriti dječju temu za svoju web stranicu WordPress.

Prvo ako koristite Pozdrav Elementor temu, već smo stvorili dječju temu za vas - ne morate to učiniti sami. Možeš zgrabite dječju temu Hello Elementor sa WordPress.org, Možete ga instalirati kao i bilo koju drugu WordPress temu (također ćemo vam pokazati kako instalirati podređenu temu kasnije u ovom postu).

Ako koristite drugu temu WordPress-a, uvijek je vrijedno pogledati Google da provjerite pruža li vaš razvojni programer za WordPress podređenu temu. Na primjer, Astra, GeneratePress i OceanWP imaju alate / datoteke koji vam pomažu u preuzimanju dječje teme.

Ako vaša WordPress tema već nema podređenu temu, možete stvoriti podređenu temu za bilo koju WordPress temu:

Upotrijebite a WordPress plugin besplatni generator dječjih tema.
Ručno stvorite svoju vlastitu dječju temu.

Pokazat ćemo vam kako izvesti obje metode.

Kako se koristi dječja tema WordPress dodatak

Dječji dodatak generatora tema omogućuje vam stvaranje dječje teme bez napuštanja svoje WordPress nadzorne ploče.

Najpopularnija opcija ovdje je besplatni dodatak za konfigurator tema za djecu, koji je aktivan na više od 300.000 XNUMX web stranica.

Dječji tematski konfigurator ne samo da vam pomaže stvoriti podređene datoteke s temama, već će i analizirati temu koju koristite te listove stila teme i teksta prema potrebi.

Uključuje i druge korisne značajke ako pokušavate stvoriti podređenu temu na web mjestu na kojem ste već dodali sadržaj. Na primjer, on može kopirati postojeće widgete i mogućnosti prilagodbe u podređenu temu.

Međutim, ako planirate koristiti uključiti na web mjestuopérationnel, preporučujemo da napravite sigurnosnu kopiju prije nego što nastavite. Ili, idealno, postavite sve na demo web mjestu.

Nakon što pripremite sigurnosnu kopiju, počnite instalirati i aktivirati besplatni dodatak Child Theme Configurator s WordPress.org. Zatim idite na izbornik Alati → Teme za djecu da stvorite temu svog djeteta.

Na popisu Odaberite jedno padajuće mjesto roditeljska tema, odaberite temu za koju želite kreirati temu vašeg djeteta. Zatim kliknite na Analizirati:

Dodatak će zatim analizirati nadređenu temu za sve ovisnosti.

Nakon što učinite, vidjet ćete još nekoliko opcija za konfiguriranje načina stvaranja djeteta teme. Ako niste sigurni što određena postavka znači, možete je jednostavno ostaviti kao zadanu:

Nakon što odlučite, kliknite na dnu gumba do stvoriti nova tema djeteta.

I to je sve ! Dodatak će tada stvoriti podređenu temu za vas. No neće se aktivirati korak ova tema djece.

Da biste ga aktivirali:

Aler à Izgled → Teme.
Pregledajte kako vaša web stranica izgleda s ovom podređenom temom (da biste bili sigurni da djeluje - ako vaša web lokacija izgleda čudno, to je vjerojatno zbog CSS problema).
Aktivirajte dječju temu kao i bilo koju drugu WordPress temu. No, svakako ostavite nadređenu temu instaliranu.

Nakon što ste aktivirali dječju temu, dodatak Child Theme Configurator nudi i druge korisne alate za pomoć u upravljanju dječjom temom. Na primjer, ako otvorite karticu Slika iz postavki dodatka možete pregledati sve pridružene datoteke u roditeljskoj temi i podređenoj temi.

Tada možete kopirati datoteke s nadređene teme u podređenu temu.

Na primjer, ako želite izvršiti neke promjene single.php, možete kopirati ovu datoteku u podređenu temu tako da je možete bez problema urediti:

Naći ćete i mnoštvo drugih alata koji će vam pomoći u radu sa CSS-om.

Kasnije ćemo objasniti zašto su ovi alati korisni.

Kako ručno stvoriti podređenu temu

U ovom ćemo dijelu pretpostaviti da znate nešto više o PHP-u i CSS-u. Ako se osjećate preopterećenima ovdje navedenim uputama, preporučujemo upotrebu besplatnog dodatka iz prethodnog odjeljka.

Da biste ručno stvorili podređenu temu, morate stvoriti dvije datoteke (to su strogi minimumi za podređenu temu):

style.css - na početku je sve što trebate dodati je šifra ploče.

functions.php - ovo vam omogućuje da učitate tablicu stila nadređene teme. Bez njega, vaša dječja tema ne bi mogla primijeniti CSS sa teme vašeg roditelja, što web lokaciju čini super ružnom!

style.css

Prvo stvorite datoteku s imenom style.css i dodajte sljedeći kôd:

/*

Naziv teme: Pozdrav Elementor dijete

URI teme: https://github.com/elementor/hello-theme/

Opis: Hello Elementor Child je dječja tema Hello Elementor, koju je kreirao tim Elementor

Autor: Elementor Team

Autor URI: https://elementor.com/

Predložak: hello-elementor

Verzija: 1.0.1

Tekst domene: hello-elementor-child

Licenca: GNU General Public License v3 ili noviji.

URI licence: https://www.gnu.org/licenses/gpl-3.0.html

*/

Obavezno zamijenite sve što dođe nakon debelog crijeva stvarnim podacima:

Ime teme - naziv teme vašeg djeteta.

URI tema - web mjesto vaše teme i njena dokumentacija.

Opis - kratak opis teme.

Autor - ime autora teme.

URI autora: - web mjesto autora teme.

predložak - naziv mape teme vašeg roditelja (kao što je navedeno unutar mape wp-content / themes). Ovo je najvažnija linija; tema vašeg djeteta neće raditi bez njega.

Verzija - broj verzije teme vašeg djeteta.

Polje za tekst - ovo se koristi za internacionalizaciju. Možete samo dodati "dijete" na kraj naziva predloška.

Licence - ostavi ovo kao zadano.

URI licenca - ostavi ovo kao zadano.

Izuzev retka predložak, zapravo nije važno što unosite, pa nemojte previše naglasiti. Samo obavezno ispravno unesite naziv mape svoje roditeljske teme za Predložak.

Ako u budućnosti želite dodati vlastite prilagođene stilove, možete je dodati u ovu tablicu stilova pod šifrom boilplate.

functions.php

Tada morate stvoriti datoteku functions.php za temu vašeg djeteta. Ponovno, to je ono što omogućuje učitavanje čitave CSS tablice stilova roditeljske teme.

U dosjeu functions.php, dodajte sljedeći kôd:



/ * Funkcija za enqueue tablice s matičnom temom * /

funkcija child_enqueue__parent_scripts () {
wp_enqueue_style ('roditelj', get_template_directory_uri (). '/ style.css');
}
dodavanje ('wp_enqueue_scripts', 'child_enqueue__parent_scripts');

Prenesite datoteke na web mjesto WordPress

Jednom kada imate svoje datoteke style.css et functions.php, trebate ih prenijeti na svoju WordPress web stranicu kao novu temu.

Da biste to učinili, povežite se sa svojom WordPress web stranicom pomoću FTP-a.

Zatim idite na popis tema na vašem web mjestu (wp-sadržaj / teme)i stvorite novu mapu za temu vašeg djeteta.

Na primjer, ako je mapa teme vašeg roditelja halo-elementor, možete imenovati mapu tematske teme bok-eletor-dijete da vam pomogne da ga zapamtite.

Zatim prenesite datoteku style.css et functions.php unutar ove mape:

Nakon preuzimanja obje datoteke možete otići Izgled → Teme i aktivirajte svoju podređenu temu kao i bilo koju drugu WordPress temu.

Kako instalirati podređenu WordPress temu

Neke od ovih aspekata opisali smo gore u Određenim metodama, ali istražit ćemo kako još jednom instalirati podređenu WordPress temu.

Također će biti korisno ako podređenu temu preuzmete s web mjesta programera teme, umjesto da je sami kreirate.

Možete instalirati podređenu WordPress temu baš kao i bilo koju drugu WordPress temu:

Pristup Izgled → Teme u vašoj WordPress nadzornoj ploči.
Kliknite Dodaj novi.
Prenesite ZIP datoteku podređene teme.

Tijekom postupka instalacije WordPress otkriva da preuzimate podređenu temu i provjerava postoji li nadređena tema:

Nakon što preuzmete datoteku, svakako to učinite aktivirajte ga.

Ne zaboravite da bi tema vašeg djeteta mogla funkcionirati, morate se instalirati na to vrijemeroditeljska tema i dječja tema.

Tema vašeg djeteta trebala bi biti vaša aktivna tema, ali trebali biste i dalje imati instaliranu temu roditelja.

Evo kako bi to trebalo izgledati:

Dječja tema je aktivna tema
Nadređena tema i dalje je instalirana, ali nije aktivna

Kako prilagoditi dječju temu

Baš kao i kod prilagođavanja uobičajene WordPress teme, imate nekoliko mogućnosti "prilagodbe" dječije teme.

Da budem precizniji, jeste zapravo ne prilagođavate podređenu temu - koristite podređenu temu za prilagodbu postojeće (roditeljske) teme.

Prvo ćemo vam pokazati nekoliko načina na koji možete kôd koristiti za prilagođavanje teme djeteta. Zatim ćemo podijeliti lakši način personalizacije stvari s njima Elementor Builder tema.

Prilagodite podređenu temu kôdom

Ako želite prilagoditi temu vašeg djeteta kodom, morat ćete dobro poznavati CSS, HTML i PHP.

Evo nekoliko stvari koje možete učiniti:

Dodajte prilagođeni CSS

Da biste temu djeteta prilagodili CSS-om, možete je dodati izravno u datoteku style.css teme vašeg djeteta.

Dodajte CSS ispod postojećeg koda na vrhu datoteke.

Bilo koji CSS koji dodate podređenoj temi zamijenit će onu matične teme sve dok koristite iste odabire.

Zamijenite postojeće predloške

Ako želite zamijeniti predloške teme vašeg roditelja, možete:

Kopirajte datoteku predloška iz roditeljske teme u podređenu temu.
Uredite datoteku predloška u svojoj podređenoj temi.

Na primjer, ako se želite promijeniti single.php, prvo kopirajte datoteku single.php od roditeljske do podređene teme (pri tome pazite da zadržite istu strukturu).

Zatim možete urediti kôd u verziji tematike vašeg djeteta single.php.

Napomena: WordPress će koristiti predložak teme vašeg djeteta sve dok ima isto ime. Zbog toga prilično skrivate postojeći predložak u roditeljskoj temi.

Ako koristite dodatak Child Theme Configurator koji smo gore spomenuli, on vam može pomoći da kopirate datoteke na podređenu temu bez napuštanja svoje WordPress nadzorne ploče.

Dodajte nove predloške

Uz kopiranje i izmjenu postojećih predložaka iz roditeljske teme, u podređenoj temi možete izraditi i nove prilagođene predloške.

Na primjer, ako želite stvoriti predložak za prilagođenu vrstu posta koju ste dodali, možete dodati te predloške u svoju podređenu temu.

Prilagodite podređenu temu pomoću generatora tema Elementor

Ako niste upoznati, Elementor Builder temaomogućuje vam prilagođavanje dijela ili cijele vaše WordPress teme pomoću vizualnog sučelja.

Pomoću Elementor Pro i Builder tema možete stvoriti prilagođene predloške za predloške web mjesta:

zaglavlje
Podnožje
Pojedinačno (npr., Jedan blog ili stranica na blogu)
Arhive (npr. Stranica na kojoj su navedeni svi vaši postovi na blogu)

Ti će predlošci raditi i sa podređenom i sa roditeljskom temom.

S Elementor Theme Builderom neće vam trebati izravno raditi s kodom. Nema dodavanja prilagođenog CSS-a niti kopiranja datoteka PHP predloška - sve radite pomoću povuci i spusti.

Na primjer, pretpostavimo da želite prilagoditi zaglavlje svojoj podređenoj temi. Umjesto da morate kopirati svoju datoteku header.php na vašu podređenu temu, a zatim promijenite PHP, možete samo dizajnirati novo zaglavlje pomoću Elementorinog vizualnog i povuci i ispusti sučelje. Tada možete primijeniti ovo zaglavlje bilo gdje na svojoj web stranici ili samo na određene dijelove vaše web stranice.

Ako ste novi u CSS-u, HTML-u i PHP-u, ovaj vam pristup bez koda omogućuje prilagodbu teme vašeg djeteta. Pa čak i ako to učinite, ovaj vizualni pristup može vam uštedjeti puno vremena nego s PHP-om u datotekama predložaka.

Kada stvorite novi predložak s Elementor Builderom tema, moći ćete odabrati vrstu predloška. Na primjer, zaglavlje.

Tada možete krenuti s prazne ploče ili odabrati jedan od Elementor Pro modela:

Odatle možete upotrijebiti opcije povlačenja i ispuštanja bočne trake da biste kontrolirali izgled zaglavlja:

Nakon što učinite, možete odabrati točno mjesto gdje želite koristiti ovaj predložak zaglavlja:

Kako izbrisati podređenu temu na WordPress

Ako želite prestati koristiti dječju temu, možete je isključiti kao što bi to činio s običnom WordPress temom.

Ovo je :

Aler à Izgled → Teme.
Aktivirajte drugu temu. Ili nadređena tema ili potpuno nova WordPress tema.

Imajte na umu da ako isključite podređenu temu i vratite se na svoju roditeljsku temu, promjene koje ste dodali kroz svoju podređenu temu više neće biti.

Umjesto toga, vratit ćete se dizajniranju teme roditelja.

Počnite koristiti WordPress podređenu temu

Dječja tema pomaže vam da sigurno napravite promjene na svojoj WordPress temi.

Tvoja podređena tema naslijedit će sve njegove stilove od teme vašeg roditelja, ali sve promjene koje izvršite na nadređenoj temi nadjačit će nadređenu temu. To znači da možete sigurno ažurirati roditeljsku temu bez gubitka promjena koje ste izvršili u podređenoj temi.

Da biste započeli s dječjom temom WordPressa, možete:

Provjerite nudi li vaš programer teme dječju temu. Ako koristite Hello Elementor, možete preuzmite podređenu temu s GitHub-a.
Upotrijebite besplatni dodatak za konfigurator tema za djecu.
Ručno stvorite temu svog djeteta.

Od tamo možete prilagoditi temu vašeg djeteta pomoću CSS-a, HTML-a i PHP-a. Također možete preskočiti kôd i pomoću Elementor Theme Builder-a prilagoditi temu pomoću vizualnog sučelja povuci i ispusti.

Otkrijte i neke teme i premium WordPress dodatke

Možete koristiti druge WordPress plugins dati moderan izgled i optimizirati rukovanje vašim blogom ili web stranicom.

Ovdje vam nudimo nekoliko premium WordPress dodataka koji će vam pomoći u tome.

1. AP tablice određivanja cijena

AP tablica cijena je a WordPress plugin premium koji olakšava izradu cjenika bogatih značajkama s intuitivnim sučeljima. Nudi 35 unaprijed definiranih predložaka i neograničen broj opcija.

S ovim WordPress plugin jednostavan za korištenje, dizajniranje zapanjujuće tablice cijena sa samo nekoliko klikova bit će vrlo jednostavno. Omogućuje vam stvaranje neograničenih mreža cijena pružajući mogućnost dodavanja redaka i stupaca, postavljanja granice stupca, prostora stupca, širine stupca i još mnogo toga.

Pročitajte također Kako prilagoditi gumb WooCommerce "Dodaj u košaricu"

Ovaj dodatak vam također omogućava dodajte audio sadržaj, video i Google Map.

Preuzmite| demo | Web hosting

2.wp Page Builder

WordPress Page Builder vrhunski je graditelj za vaše WordPress web mjesto koje dolazi s izvrsnim alatima za generiranje bilo kojeg prilagođenog posta, prilagođene taksonomije ili prilagođenog metaboksa.

Kao značajke koje on ima između ostalog: prilagođena vrsta postaCPT, personalizirana taksonomija, napredna prilagođena polja, funkcija povlačenja i ispuštanja, podržana lokacija Google Map, podržana ponovljiva polja kao i još mnogo toga.

Preuzmite | demo | Web hosting

3. Rankie

Rankie je vrlo zgodan WordPress modul osmišljen kako bi redovito provjeravao WordPress ocjene na Googleu uz istodobno praćenje položaja svake ključne riječi.

Kao dodatak za praćenje rangiranja, Rankie će svakodnevno ažurirati pozicioniranje ključnih riječi i generirati točna izvješća.

Pročitajte i naše 6 redovita pitanja koja se odnose na SEO i preusmjeravanja

Također uključuje moćan istraživački alat koji generira vrijedne popise ključnih riječi. Google ga već koristi za istraživanje.

Preuzmite | demo | Web hosting

Preporučeni resursi

Saznajte više o drugim preporučenim resursima koji će vam pomoći u izgradnji i upravljanju web mjesta.

Zaključak

Ovdje! To je sve za ovaj vodič. Imate li još uvijek pitanja o korisnosti dječje teme na WordPressu? Javite nam u odjeljak za komentare a mi ćemo pokušati pomoći!

Međutim, također ćete moći konzultirati naše sredstva, ako vam treba više elemenata za provođenje projekata kreiranja internetskih stranica, savjetujući se s našim vodičem na internetu Izrada bloga WordPress.

Ne ustručavajte se dijelite sa svojim prijateljima na svojim omiljenim društvenim mrežama.

...