Cum puteți crea și personaliza o temă pentru copii pe WordPress

Care este o temă pentru copii și de ce este atât de importantă?

În acest post, vă vom oferi răspunsurile la aceste întrebări și vă vom arăta pas cu pas cum să vă creați și să personalizați propria temă pentru copii folosind pluginuri sau cod.

Dacă doriți aduce modificări temei site-ului dvs. WordPress,probabil că ai văzut că oamenii îți spun să folosească o temă pentru copii.

Dar care este tema pentru copii și de ce sunt atât de importante temele pentru copii?

În această postare, vă vom oferi răspunsurile la aceste întrebări împreună cu o introducere în temele copiilor și modul în care acestea sunt perfecte pentru dvs.

Apoi vă vom arăta pas cu pas cum să vă creați și să personalizați propria temă pentru copii folosind pluginuri sau cod.

Dar, dacă nu ați instalat niciodată WordPress, descoperiți Cum se instalează un blog WordPress pași 7 et Cum de a găsi, a instala și a activa o temă WordPress pe blog-ul dvs.

Și apoi să revenim la ceea ce suntem aici.

Ce este tema WordPress pentru copii?

O temă pentru copii nu este o temă de sine stătătoare. Este un „copil” al unei teme părinte existente, de unde și numele.

O veți instala alături de tema părintească, dar vă oferă șansa de a face modificări în siguranță la tema părintească, fără a fi nevoie să editați însă tema părinte.

Tema copilului va primi cele mai multe / toate setările sale de design din tema părintească. Cu toate acestea, în situațiile în care schimbați tema copilului, această modificare va trece peste setările temei părinte.

Beneficiile unei teme pentru copii

În acest moment, este posibil să vă întrebați: de ce nu poți face modificările tale direct pe tema părintească?

Principalul motiv pentru care aceasta nu este o idee bună este Actualizări teme WordPress.

Dacă doriți să vă păstrați site-ul WordPress în siguranță și să funcționeze, trebuie să aplicați rapid actualizări pe măsură ce apar, inclusiv actualizări pentru tema dvs. WordPress.

Dacă îți personalizezi site-ul web modificându-ți direct tema (fără tema copilului), ceea ce înseamnă că vei rescrie toate modificările de fiecare dată când actualizezi tema WordPress.

Aceasta înseamnă că:

Actualizează-ți tema WordPress și pierde-ți locul de muncă. Nu este o experiență foarte distractivă, nu-i așa?
Nu vă actualizați tema WordPress pentru a nu vă pierde munca ... ceea ce nu este bun pentru securitatea și funcționarea site-ului dvs. WordPress.

Cu o temă pentru copii, puteți efectua toate modificările dvs. în tema copilului. Apoi, veți putea să actualizați tema părintească fără să pierdeți din munca dvs.

Dincolo de a vă ajuta să vă actualizați în siguranță, utilizarea unei teme pentru copii este, de asemenea, la îndemână pentru a face personalizări. Deoarece separă toate schimbările într-un singur loc, este ușor să urmăriți toate modificările și să le schimbați în funcție de necesități.

De asemenea, este ușor să mergi cu capul în jos. De exemplu, dacă doriți să încetați să utilizați modificările și să reveniți la tema părinte, dezactivați tema copil.

unele Teme WordPress chiar folosiți această abordare implicită părinte/copil. De exemplu, dacă doriți să utilizați cadrul Genesis, veți avea nevoie atât de tema părinte (cadru de bază), cât și de o temă copil pentru a controla designul.

Când să folosiți o temă pentru copii

În afară de câteva excepții pe care le vom enumera mai jos, trebuie toujours utilizați o temă pentru copii dacă intenționați să faceți propriile modificări la o temă WordPress existentă.

Când nu trebuie să folosiți o temă pentru copii

În general, utilizarea unei teme pentru copii este o practică bună ori de câte ori vă personalizați tema WordPress.

Cu toate acestea, există câteva excepții de la regula în care ar putea exista o opțiune mai bună decât utilizarea unei teme pentru copii.

În primul rând, dacă doriți doar să faceți câteva modificări CSS minore, s-ar putea să creeze o temă pentru copii doar pentru câteva modificări.

În schimb, puteți adăuga CSS personalizat folosind funcția CSS suplimentare integrat în personalizatorul WordPress. Sau, puteți utiliza un plugin WordPress gratuit, cum ar fi Simple CSS.

În al doilea rând, dacă efectuați modificări care doriți să fie independente de temă, este posibil ca o temă pentru copii să nu fie cea mai bună opțiune.

De exemplu, dacă înregistrați o taxonomie personalizată sau tip post personalizat, probabil că nu doriți să utilizați fișierul functions.php din tema copilului dvs. (pentru că doriți să le păstrați chiar dacă schimbați tema). În schimb, ar trebui să adăugați codul în afara temei dvs. cu un plugin cum ar fi Fragmente de cod sau propriul plugin personalizat.

Cum să creezi o temă pentru copii WordPress

Acum că știți de ce temele pentru copii sunt importante, haideți să vă informați cum puteți crea de fapt o temă pentru site-ul dvs. WordPress.

În primul rând, dacă utilizați Hello Elementor tema, am creat deja o temă pentru copii pentru dvs. - nu trebuie să o faceți singur. Poti apucați tema copilului Hello Elementor de pe WordPress.org. Puteți să o instalați ca orice altă temă WordPress (vă vom arăta și cum să instalați o temă pentru copii mai târziu în această postare).

Dacă utilizați o altă temă WordPress, merită întotdeauna să aruncați o privire Google rapid pentru a vedea dacă dezvoltatorul dvs. de teme WordPress oferă o temă pentru copii. De exemplu, Astra, GeneratePress și OceanWP au toate instrumente / fișiere care vă ajută să descărcați o temă pentru copii.

Dacă tema dvs. WordPress nu are deja o temă pentru copii, puteți crea o temă pentru orice temă WordPress:

Utilizați a WordPress plug-in generator gratuit de teme pentru copii.
Creează-ți manual propria temă pentru copil.

Vă vom arăta cum să efectuați ambele metode.

Cum să utilizați un plugin WordPress cu tema pentru copii

Un plugin pentru generatorul de teme pentru copii vă permite să creați o temă pentru copii fără a părăsi tabloul de bord WordPress.

Cea mai populară opțiune este aici plugin-ul gratuit de configurare a temei pentru copii, care este activ pe peste 300.000 de site-uri web.

Configuratorul pentru teme pentru copii nu numai că vă ajută să creați fișierele cu teme pentru copii, dar va analiza, de asemenea, tema pe care o utilizați și foile de stil de temă și font, după cum este necesar.

Include și alte funcții utile dacă încercați să creați o temă pentru copii pe un site web în care ați adăugat deja conținut. De exemplu, poate copia widget-urile și opțiunile de personalizare existente pe tema copilului.

Cu toate acestea, dacă intenționați să utilizați conecteaza pe un site webopérationnel, vă recomandăm să faceți o copie de rezervă completă înainte de a continua. Sau, în mod ideal, setați totul pe un site web demonstrativ.

După ce aveți backup-ul pregătit, începeți să instalați și să activați pluginul gratuit pentru copii Theme Configurator de la WordPress.org. Apoi accesați meniul Instrumente → Teme pentru copii pentru a crea tema copilului tău.

În listă Selectați un drop-down tema părintească, selectați tema pentru care doriți să creați tema copilului. Apoi faceți clic pe Analiza:

Pluginul va analiza apoi tema părinte pentru orice dependență.

Odată terminat, veți vedea alte câteva opțiuni pentru a configura modul de a crea tema copilului. Dacă nu sunteți sigur ce înseamnă o setare specifică, puteți să o lăsați ca implicită:

După ce ați făcut alegerile, faceți clic pe butonul din partea de jos a crea o noua temă pentru copii.

Și asta e tot ! Pluginul va crea apoi tema copil pentru tine. Cu toate acestea, nu se va activa pas această temă pentru copii.

Pentru activare:

Aller à Aspect → Teme.
Previzualizați cum arată site-ul dvs. web cu această temă pentru copii (pentru a vă asigura că funcționează - dacă site-ul dvs. web pare ciudat, este probabil din cauza unei probleme CSS).
Activează-ți tema copilului așa cum ai face orice altă temă WordPress. Asigurați-vă însă că lăsați instalată tema părintească.

După ce ați activat tema copilului dvs., pluginul Configuratorul pentru copii oferă și alte instrumente utile care vă ajută să gestionați tema copilului. De exemplu, dacă accesați fila Fişiere din setările pluginului, puteți vizualiza toate fișierele asociate în tema părinte și tema copilului.

Apoi puteți copia fișiere de la tema părinte pe tema copilului.

De exemplu, dacă doriți să faceți unele modificări single.php, puteți copia acest fișier pe tema copilului, astfel încât să îl puteți edita în siguranță:

Veți găsi, de asemenea, o mulțime de alte instrumente care vă pot ajuta să lucrați cu CSS.

Vom explica de ce aceste instrumente sunt utile ulterior.

Cum să creați manual o temă pentru copii

Pentru această secțiune, vom presupune că știți ceva mai multe despre PHP și CSS. Dacă vă simțiți copleșiți de instrucțiunile de aici, vă recomandăm să folosiți pluginul gratuit din secțiunea anterioară.

Pentru a crea manual o temă pentru copii, trebuie să creați două fișiere (acestea sunt minimele stricte pentru o temă pentru copii):

style.css - la început tot ce trebuie să adăugați este un cod placă.

functions.php - acest lucru vă permite să încărcați fișa de stil a temei părinte. Fără ea, tema copilului tău nu ar putea aplica CSS din tema părintească, ceea ce face site-ul tău super urât!

style.css

Mai întâi, creați un fișier numit style.css și adăugați următorul cod:

/*

Numele temei: Hello Elementor Child

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

Descriere: Hello Elementor Child este o temă pentru copii a Hello Elementor, creată de echipa Elementor

Autor: Elementor Team

Autor URI: https://elementor.com/

Șablon: hello-elementor

Versiune: 1.0.1

Domeniul text: hello-elementor-child

Licență: GNU General Public License v3 sau o versiune ulterioară.

URI pentru licență: https://www.gnu.org/licenses/gpl-3.0.html

*/

Asigurați-vă că înlocuiți orice lucru care vine după colon cu informațiile dvs. reale:

Numele temei - numele temei copilului tău.

Tema URI - site-ul web al temei dvs. și documentația acestuia.

Descriere - o scurtă descriere a temei.

Autor - numele autorului temei.

Autor URI: - site-ul autorului temei.

Format - numele folderului cu tema părinte (așa cum este numit în folderul wp-content / theme). Aceasta este linia cea mai importantă; tema copilului tău nu va funcționa fără ea.

Versiune - numărul versiunii temei copilului tău.

Câmpul text - acest lucru este utilizat pentru internaționalizare. Puteți adăuga doar „copil” la sfârșitul numelui șablonului.

licență - lăsați acest lucru ca implicit.

Licență URI - lăsați acest lucru ca implicit.

Excluzând rândul Format, chiar nu contează ce introduceți, așa că nu vă stresați prea mult. Trebuie doar să vă asigurați că introduceți corect numele de folder al temei părinte șablon.

Dacă pe viitor doriți să adăugați propriile stiluri personalizate, îl puteți adăuga la această foaie de stil sub codul plăcii de completare.

functions.php

Apoi, trebuie să creați fișierul functions.php pentru tema copilului tău. Din nou, aceasta vă permite să încărcați fișa completă de stil CSS a temei părinte.

În dosar functions.php, adăugați următorul cod:



/ * Funcție pentru a căuta foaie de stil din tema părinte * /

function child_enqueue__parent_scripts () {
wp_enqueue_style ('parent', get_template_directory_uri (). '/ style.css');
}
add_action ('wp_enqueue_scripts', 'child_enqueue__parent_scripts');

Încărcați fișiere pe site-ul WordPress

Odată ce aveți fișierele style.css et functions.php, trebuie să le încărcați pe site-ul dvs. WordPress ca o nouă temă.

Pentru a face acest lucru, conectați-vă la site-ul dvs. WordPress folosind FTP.

Apoi accesați directorul tematic al site-ului dvs. (conținut wp / teme)și creează un nou folder pentru tema copilului tău.

De exemplu, dacă folderul temei părinte este salut-elementor, puteți numi folderul cu tema copil alo-eletor-copil pentru a vă ajuta să vă amintiți.

Apoi încărcați fișierul style.css et functions.php în acest folder:

După ce ați descărcat ambele fișiere, puteți accesa Aspect → Teme și activează-ți tema copilului, așa cum ai face orice altă temă WordPress.

Cum să instalați o temă WordPress pentru copii

Am abordat unele dintre aceste aspecte mai sus în Metodele specifice, dar vom parcurge cum să instalați o temă pentru copii WordPress încă o dată.

Acest lucru va fi de asemenea util dacă ați descărcat o temă pentru copii de pe site-ul web al dezvoltatorului de teme, mai degrabă decât să o creați singur.

Puteți instala o temă WordPress pentru copii la fel ca orice alt subiect WordPress:

Accesul la Aspect → Teme în tabloul de bord WordPress.
Faceți clic pe Adăugați noi.
Încărcați fișierul ZIP al temei copilului.

În timpul procesului de instalare, WordPress detectează că descărcați o temă copil și verifică dacă tema părinte există:

După ce ați descărcat fișierul, asigurați-vă că activează-l.

Nu uitați, pentru ca tema copilului dvs. să funcționeze, trebuie să instalați la acel timptema părintească și tema copilului.

Tema copilului dvs. ar trebui să fie tema activă, dar ar trebui să aveți în continuare instalată tema părintească.

Iată cum ar trebui să arate:

Tema copilului este tema activă
Tema părinte este încă instalată, dar nu este activă

Cum să personalizați o temă pentru copii

La fel ca în cazul personalizării unei teme WordPress obișnuite, aveți mai multe opțiuni pentru a „personaliza” o temă pentru copii.

Pentru a fi mai precis, ești nu personalizați cu adevărat tema copilului - utilizați tema copilului pentru a personaliza tema existentă (părinte).

În primul rând, vă vom arăta câteva modalități prin care puteți utiliza codul pentru a vă personaliza tema copilului. În continuare, vom împărtăși un mod mai simplu de a personaliza lucrurile Elementor Builder Tema.

Personalizați o temă pentru copii cu cod

Dacă doriți să personalizați tema copilului dvs. cu cod, va trebui să aveți cunoștințe bune despre CSS, HTML și PHP.

Iată câteva dintre lucrurile pe care le puteți face:

Adăugați CSS personalizate

Pentru a vă personaliza tema copilului cu CSS, o puteți adăuga direct în fișier style.css din tema copilului tău.

Adăugați CSS sub codul existent din partea de sus a fișierului.

Orice CSS pe care îl adăugați la tema copilului dvs. îl va înlocui pe cel al temei părinte, atât timp cât utilizați aceiași selectori.

Înlocuiți șabloanele existente

Dacă doriți să înlocuiți șabloanele temei părinte, puteți:

Copiați fișierul șablon din tema părintească în tema copilului.
Editează fișierul șablon în tema copilului tău.

De exemplu, dacă doriți să vă schimbați single.php, copiați fișierul mai întâi single.php de la tema părintească la tema copilului (asigurându-vă că păstrați aceeași structură).

Apoi puteți edita codul în versiunea de temă a copilului dvs. single.php.

Notă: WordPress va folosi șablonul temei pentru copilul dvs. atât timp cât acesta are același nume. Din acest motiv, ascundeți șablonul existent în tema părinte.

Dacă utilizați pluginul Child Theme Configurator menționat mai sus, acesta vă poate ajuta să copiați fișierele pe tema copilului fără să părăsiți tabloul de bord WordPress.

Adăugați șabloane noi

Pe lângă copierea și modificarea șabloanelor existente din tema părintească, puteți crea, de asemenea, noi șabloane personalizate în tema copil.

De exemplu, dacă doriți să creați un șablon pentru un tip de postare personalizat pe care l-ați adăugat, puteți adăuga șabloanele respective în tema copilului dvs.

Personalizați o temă pentru copii cu generator de temă Elementor

Dacă nu ești familiar, Elementor Builder Temavă permite să personalizați o parte sau toată tema WordPress utilizând o interfață vizuală.

Cu Elementor Pro și Theme Builder, puteți crea șabloane personalizate pentru șabloanele site-ului dvs. Web:

Antet
subsol
Single (de exemplu, o singură postare sau pagină de blog)
Arhive (de ex. Pagina care listează toate postările de pe blog)

Aceste șabloane vor funcționa atât cu tema copilului, cât și cu tema părintească.

Cu Elementor Theme Builder, nu va trebui să lucrați direct cu codul. Nu este nevoie să adăugați CSS personalizate sau să copiați fișierele de șabloane PHP - le faceți totul cu drag-and-drop.

De exemplu, să presupunem că doriți să personalizați antetul pentru tema copilului. În loc să aveți nevoie să vă copiați fișierul header.php pe tema copilului dvs. și apoi puteți schimba PHP-ul, puteți proiecta doar un antet nou folosind interfața vizuală și drag and drop a lui Elementor. Apoi, puteți aplica acest antet oriunde pe site-ul dvs. web sau doar anumite părți specifice ale site-ului.

Dacă sunteți nou în CSS, HTML și PHP, această abordare fără cod vă permite să vă personalizați tema copilului. Și chiar dacă o faceți, această abordare vizuală vă poate economisi mult timp decât cu PHP în fișierele dvs. șablon.

Când creați un nou șablon cu Elementor Theme Builder, veți putea alege tipul de șablon. De exemplu, un antet.

Apoi, puteți începe fie de la o ardezie goală, fie puteți alege unul dintre modelele Elementor Pro:

De acolo, puteți utiliza opțiunile de drag and drop pentru bara laterală pentru a controla aspectul antetului:

Odată terminat, puteți alege exact unde doriți să utilizați acest șablon antet:

Cum să ștergeți o temă pentru copii WordPress

Dacă doriți să încetați să folosiți tema copilului dvs., puteți să o dezactivați așa cum s-ar face cu o temă WordPress obișnuită.

Aceasta este :

Aller à Aspect → Teme.
Activați o altă temă. Fie tema părinte, fie o nouă temă WordPress.

Nu uitați că, dacă dezactivați tema copilului și reveniți la tema părintească, orice modificări adăugate prin tema copilului dvs. nu vor mai exista.

În schimb, vei reveni la proiectarea temei părintești.

Începeți să utilizați o temă pentru copii WordPress

O temă pentru copii vă ajută să faceți în mod sigur modificări la tema dvs. WordPress

Tema copilului tău va moșteni toate stilurile sale de la tema părintească, dar orice modificări aduse temei copilului vor trece peste tema părintească. Aceasta înseamnă că vă puteți actualiza în condiții de siguranță tema părintească, fără a pierde modificările pe care le-ați făcut în tema copilului.

Pentru a începe cu o temă pentru copii WordPress, puteți:

Verificați dacă dezvoltatorul dvs. de temă oferă deja o temă pentru copii. Dacă utilizați Hello Elementor, puteți descărcați o temă pentru copii din GitHub.
Folosiți pluginul gratuit pentru configuratorul de teme pentru copii.
Creează manual tema copilului tău.

De acolo, puteți personaliza tema copilului dvs. folosind CSS, HTML și PHP. De asemenea, puteți săriți codul și puteți utiliza Elementor Theme Builder pentru a vă personaliza tema utilizând o interfață de drag and drop vizual.

Descoperiți și câteva teme și plugin-uri premium WordPress

Puteți folosi altele WordPress plugin-uri pentru a oferi un aspect modern și pentru a optimiza gestionarea blogului sau site-ului dvs.

Vă oferim aici câteva plugin-uri WordPress premium care vă vor ajuta să faceți asta.

1. Tabele de preț AP

Tabelul de prețuri AP este a WordPress plug-in premium care facilitează crearea listelor de prețuri bogate în funcții cu interfețe intuitive. Oferă 35 de șabloane predefinite și un număr nelimitat de opțiuni.

Cu asta WordPress plug-in ușor de utilizat, proiectarea unui tabel uimitor de prețuri cu doar câteva clicuri va fi foarte ușor. Vă permite să creați grile de prețuri nelimitate, oferind posibilitatea de a adăuga rânduri și coloane, de a seta chenarul coloanei, spațiul coloanei, lățimea coloanei și multe altele.

Citește și Cum se personalizează butonul WooCommerce „Adaugă în coș”

Acest plugin vă permite de asemenea adăugați conținut audio, video și Google Map.

Descarca| Demo | web hosting

2.wp Generator de pagini

WordPress Page Builder este cel mai bun constructor pentru site-ul dvs. WordPress care vine cu instrumente excelente pentru a genera orice postare personalizată, taxonomie personalizată sau metabox personalizată.

Ca caracteristici are printre altele: un tip de post personalizatCPT, o taxonomie personalizată, câmpuri personalizate avansate, funcționalitate drag and drop, locație Google Map acceptată, câmpuri repetabile acceptate și multe altele.

Descarca | Demo | web hosting

3. Rankie

Rankie este un modul WordPress foarte util conceput cu scopul de a verifica în mod regulat clasamentele WordPress pe Google, urmărind îndeaproape poziția fiecărui cuvânt cheie.

Ca un plugin de tracker de rang, Rankie va actualiza zilnic poziționarea cuvintelor cheie și va genera rapoarte precise.

Citiți și noastre Întrebări regulate 6 referitoare la SEO și redirecționări

De asemenea, încorporează un instrument puternic de cercetare care generează liste valoroase de cuvinte cheie. Google îl folosește deja pentru cercetare.

Descarca | Demo | web hosting

Resurse recomandate

Aflați despre alte resurse recomandate pentru a vă ajuta să construiți și să gestionați site-ul dvs. web.

Concluzie

Aici ! Gata pentru acest tutorial. Mai aveți întrebări despre utilitatea unei teme pentru copii pe WordPress? Spuneți-ne în secțiunea comentarii și vom încerca să ajutăm!

Cu toate acestea, veți putea, de asemenea, să ne consultați Resurse, dacă aveți nevoie de mai multe elemente pentru a vă derula proiectele de creare a site-urilor de internet, consultați ghidul nostru cu privire la Creare blog WordPress.

Nu ezita sa împărtășiți cu prietenii de pe rețelele de socializare preferate.

...