Cum să creezi o temă WordPress personalizată (Ghid pentru începători)

Doriți să creați o temă WordPress personalizată? Să faceți ceva frumos fără a scrie cod? Având control complet asupra temei site-ului dvs. WordPress este o modalitate excelentă de a crește vânzările și de a oferi o experiență profesională cu marca dvs.

În acest articol vă vom arăta cum să aveți control complet asupra temei dvs. Veți putea să o faceți să arate grozav, chiar dacă sunteți începător. Exact așa cum doriți. Și nu va trebui să scrieți niciun cod personalizat sau să angajați un designer sau dezvoltator scump.

Să începem!

• Ce este o temă WordPress?
• Provocarea personalizării temelor
• Cum să personalizați sau să creațipropria temăfără niciun cod
• O prezentare rapidă a SeedProd + EDD

Notă: acest articol este pentru lucrul pe site-uri WordPress.org, nu pe site-uri WordPress.com. Faceți clic aici pentru un articol care explică diferența.

---

Ce este o temă WordPress?

Fiecare site WordPress folosește o temă. O temă este șablonul site-ului dvs., aspectul și senzația sau designul general. Teme controlează funcționalitatea și aspectul front-end-ului site-ului dvs. web. Sunt o colecție de fișiere șablon PHP, CSS, Javascript și HTML. 

Un site WordPress poate avea mai multe teme instalate, dar doar una poate fi activată și afișată pe front-end-ul site-ului dvs. Teme sunt stocate în folderul wp-content.

Când instalați WordPress, acesta vine cu o temă standard creată de echipa de bază WordPress. Ei își numesc temele după anul în care au fost scrise (Twenty Twenty Two, Twenty Nineteen și așa mai departe).

Easy Digital Downloads (EDD) oferă două teme WordPress personalizate gratuite pe care le puteți folosi pentru a construi un magazin digital; Themedd și Vendd. De asemenea, oferim o listă de teme gratuite și plătite de la alți designeri/dezvoltatori pe care le puteți folosi.

➡️ Consultați pagina Teme EDD

---

Provocarea personalizării temelor

O provocare centrală cu temele WordPress este că pot fi greu de creat sau personalizat. Veți avea cel puțin nevoie de experiență sau familiaritate cu codarea WordPress, HTML și CSS.

Iată câteva dintre lucrurile pe care trebuie să le învățați pentru a face dezvoltare sau personalizare de teme WordPress:

• Înțelegeți concepte de codare precum „bucla” (the loop), care este cod PHP pentru încărcarea conținutului
• Utilizați ierarhia șabloanelor prin crearea unei teme copil, în propriul director de temă. Acest lucru vă permite să moșteniți codul de la o temă părinte și limitează câte fișiere trebuie să scrieți de la zero (cum ar fi page.php și single.php).
• Utilizările fișierului function.php, zonelor pentru widget-uri și permalink-urilor
• Asigurați-vă că fișierele temei dvs. nu ocupă prea multe linii de cod. Prea multe linii de cod pot face ca site-ul dvs. să se încarce lent, ceea ce vă afectează negativ SEO (optimizarea pentru motoarele de căutare).
• Configurați un mediu de dezvoltare care include un editor de cod și site-uri care rulează local pe computerul dvs. pentru testare

Instrumente pentru a facilita acest lucru

WordPress este cunoscut pentru ușurința sa în utilizare. Mai ales în comparație cu tot ce există pe piață. Există un motiv pentru care alimentează 43% din internet!

Există mai multe soluții care au fost dezvoltate în ecosistemul WordPress pentru a face față provocărilor personalizării și creării de teme.

O soluție este să folosești una dintre miile de teme premium disponibile pe diferite piețe. Poți alege o temă care arată și se simte deja așa cum îți dorești.

Vă vom vorbi despre alte soluții mai jos. 👇🏽

---

Cum să personalizezi sau să-ți creezi propria temă fără cod

Vă vom prezenta patru soluții pentru personalizarea sau crearea unei teme WordPress. Unele îți permit chiar să-ți construiești propria temă de la zero, fără cod!

SeedProd Theme Builder

Cel mai bun mod de a-ți construi propria temă de site web - fără niciun cod - este să folosești constructorul de teme SeedProd.

SeedProd este un constructor WordPress drag-and-drop. Este un instrument vizual puternic de design, folosit de peste un milion de profesioniști în domeniul website-urilor.

Este ușor de utilizat și îți permite să creezi pagini de destinație personalizate sau chiar întreaga temă a site-ului tău! Funcționează perfect cu editorul de blocuri Gutenberg.

SeedProd a început ca o modalitate simplă de a crea pagina ta „în curând”, „mod de mentenanță” sau pagina 404. A fost constant actualizat și extins pentru a crea pagini de destinație și acum construcția completă de teme.

O caracteristică cu adevărat populară și puternică a SeedProd este biblioteca sa imensă de șabloane și teme pre-făcute. Poate fi de mare ajutor să începi cu ceva pre-făcut, în loc de o pagină goală. Apoi poți personaliza și construi cu ușurință de acolo.

⏭ Click aici pentru a sări înainte și a vedea cum să folosești SeedProd + EDD

Mai jos sunt trei alte soluții pentru personalizarea sau construirea temei tale WordPress.

---

The Customizer

O soluție pe care o oferă multe teme se numește „the customizer”. Customizer-ul îți permite să controlezi multe elemente vizuale ale temei fără codare. Aceste interfețe de customizare sunt adesea grozave și îți oferă destulă libertate. Teme noastre gratuite Themedd și Vendd oferă customizer-ul.

Multe teme au chiar o căsuță numită „Additional CSS” în Customizer-ul lor, care îți permite să suprascrii manual aspectul temelor cu propriul tău cod CSS. Sunt necesare cunoștințe minore de cod sau multă căutare pe Google pentru a profita de acest lucru.

🟢 AVANTAJE CUSTOMIZER	🔴 DEZAVANTAJE CUSTOMIZER
Customizer-ul este destul de ușor de utilizat și puternic	Ești încă blocat în cadrul și conceptul de design al temei pe care o folosești.
	Unele teme folosesc Customizer-ul mai bine decât altele, s-ar putea să descoperi că nu ai controalele dorite fără a folosi câmpul Additional CSS pentru codare personalizată.

Pluginuri de Page Builder

Există mai multe companii care creează page buildere pentru WordPress. Acestea oferă o interfață vizuală pentru construirea paginilor. Unele dintre ele oferă chiar posibilitatea de a personaliza întreaga temă cu antet, subsol, bară laterală și șabloane de pagină.

Acești page builderi editează și controlează fișiere PHP, fișiere CSS și Javascript complicate, astfel încât tu să nu fie nevoie.

🟢 AVANTAJE PAGE BUILDER	🔴 DEZAVANTAJE PAGE BUILDER
Ai multă putere și control	Unele pot încetini site-ul tău
Interfață vizuală	Mulți constructori de pagini sunt scumpi, unii au un plan gratuit
	Cu unii constructori de pagini, tot trebuie să instalați o temă și poate fi confuz să lucrați atât cu tema, cât și cu constructorul de pagini

Editare completă a site-ului (FSE)

Probabil auziți multe despre Editarea completă a site-ului WordPress. Versiunile timpurii ale FSE au fost lansate recent în WordPress 5.8 și 5.9. Acesta este un proiect nou de la echipa de bază pentru a permite editarea întregului site folosind un instrument de tip „editor de blocuri”.

Editorul de blocuri WordPress (Gutenberg) există de câțiva ani. Este o interfață vizuală gratuită, similară unui constructor de pagini, pentru crearea postărilor și paginilor. Este inclus gratuit cu orice site WordPress.

Acum, sau în curând, veți putea edita orice temă integrată FSE cu o funcționalitate și o interfață similară editorului de blocuri. Folosiți-o pentru a controla orice element de pe o pagină, inclusiv meniuri, anteturi, subsoluri, bare laterale și widget-uri.

Acest lucru este entuziasmant! Va fi o modalitate excelentă de a controla tema site-ului dvs. Nu este încă gata pentru momentul de vârf, la momentul scrierii acestui articol, FSE este încă în beta.

🟢 PROURI FSE	🔴 CONTRA FSE
Va fi în curând o opțiune excelentă, mai ales dacă vă place deja și folosiți constructorul de pagini Gutenberg	Încă în testare beta, la momentul scrierii acestui articol
	Necesită o temă compatibilă cu „Editare completă a site-ului”, nu există multe disponibile în acest moment

---

O scurtă prezentare a SeedProd + EDD

🎉 SeedProd vă permite să vă creați propria temă de site cu ușurință. Fără nicio codare. Și fără niciunul dintre dezavantajele enumerate mai sus.

Vă vom arăta cât de ușor este să vă creați propria temă WordPress cu SeedProd. Vom demonstra folosind plugin-ul de comerț electronic Easy Digital Downloads (EDD).

Imaginați-vă ce puteți face! Puteți avea control complet asupra fiecărui detaliu al experienței clientului. Fără a aștepta săptămâni sau luni pentru designeri sau dezvoltatori scumpi să lucreze la site-ul dvs.

Cunoașteți clienții și magazinul dvs. cel mai bine! Și vă pasă de site-ul dvs. mai mult decât oricine altcineva. SeedProd este o opțiune excelentă pentru rezultate fantastice… RAPID!

Iată ce trebuie să faceți:

1. Instalați și activați SeedProd
2. Faceți clic pe un buton pentru a crea o temă!
3. Efectuați personalizări de bază
4. Creați șabloane personalizate pentru descărcările dvs. (pentru EDD)
5. Faceți și mai mult

Instalați și activați SeedProd

Mai întâi trebuie să achiziționați SeedProd. Opțiunea Theme Builder necesită o licență Pro sau Elite.

🤚🏾Faceți clic aici pentru a obține o reducere de 50% la prețurile de introducere pentru SeedProd

După ce achiziționați SeedProd Pro sau Elite, instalați-l ca pe orice alt plugin. Dacă sunteți nou în instalarea plugin-urilor, iată un tutorial excelent.

Odată ce plugin-ul SeedProd este instalat, asigurați-vă că introduceți cheia de licență.

Acum sunteți gata să vă creați propria temă nouă!

De asemenea, asigurați-vă că instalați Easy Digital Downloads dacă nu îl aveți deja.

EDD este gratuit și include:

• Coș de cumpărături
• Listarea produselor/descărcărilor dvs.
• Fișiere de produs protejate, doar clienții plătitori vor avea acces la linkuri cu expirare automată
• Opțiuni flexibile de checkout
• Coduri de reducere
• Managementul clienților (CRM de bază)
• Rapoarte eCommerce
• Integrare Stripe și/sau PayPal

EDD Pass-uri

Achiziționați un EDD Pass pentru a adăuga funcționalități avansate de comerț electronic precum integrarea emailurilor, abonamente, licențiere software, integrarea cu Amazon S3/DropBox și multe altele.

Apăsați un singur buton pentru a crea o temă!

Căutați SeedProd în partea stângă a panoului de administrare WordPress. Faceți clic pe Theme Builder.

Apoi, faceți clic pe butonul portocaliu pe care scrie Themes. Aceasta va afișa temele pre-făcute din care puteți alege. Vom folosi tema pre-făcută Starter în exemplul nostru de mai jos.

Odată ce faceți clic pe tema pre-făcută Starter, SeedProd va crea fiecare parte a șablonului temei, cum ar fi: pagina unică, pagina principală, antetul, subsolul, bara laterală etc.

Tocmai ați creat o întreagă temă cu UN SINGUR CLIC!

Nu a trebuit să creați footer.php, header.php sau sidebar.php, archive.php sau o foaie de stil. Totul a fost făcut pentru dvs. 

Asigurați-vă că activați tema făcând clic pe butonul de comutare Enable SeedProd Theme din dreapta sus. Aceasta va dezactiva tema curentă. Asigurați-vă că sunteți pregătit ca aceasta să fie văzută de public sau încercați acest lucru pe un server de staging.

Notă, când folosiți SeedProd, nu mai folosiți sistemul de teme WordPress. Nu veți vedea o temă nouă cu un nume de temă în folderul de teme din wp-content/themes. În schimb, pluginul SeedProd Wordpress a preluat controlul asupra aspectului site-ului.

Personalizare de bază

Există câteva personalizări pe care le puteți face imediat. Personalizați-vă logo-ul și culorile și stilurile de bază.

Personalizați-vă logo-ul

Un prim pas bun este să adăugați logo-ul. Faceți acest lucru editând șablonul Header.

Stiluri generale personalizate

În al doilea rând, puteți edita rapid orice setări de stil globale. Faceți clic pe șablonul Global CSS.

Aici puteți schimba multe setări vizuale pentru site, cum ar fi fonturile, antetele, linkurile (href) și culorile și dimensiunile. Aceasta înlocuiește necesitatea de a cunoaște CSS și de a personaliza fișierul style.css.

Creați șabloane personalizate pentru descărcările dvs.

Produsele pe care le vindeți cu Easy Digital Downloads sunt stocate ca un tip de postare personalizat numit Descărcări pe site-ul dvs. WordPress.

Descărcările dvs. sunt apoi afișate fie ca o Postare Unică, fie ca o Pagină de Arhivă.

• O Postare Unică este atunci când o Descărcare apare singură pe propria sa pagină.
• O Pagină de Arhivă (în limbaj WordPress) este o listă de mai multe Descărcări.

Nu trebuie să începeți de la zero. În loc să alegeți să adăugați șabloane noi, pur și simplu duplicați aceste două șabloane pe care SeedProd tocmai le-a creat pentru dvs.:

• Index blog, Arhive, Căutare și
• Postare Unică

Denumește aceste șabloane „EDD Single Download” și „EDD Download List” pentru a nu le încurca cu alte șabloane.

Editează Condițiile Șabloanelor Tale de Descărcare

Trebuie să setezi aceste pagini să încarce doar Descărcări. Este simplu. Doar dă clic pe butonul text de sub titlu pe care scrie Editează Condițiile.

Pentru șablonul EDD Single Download, configurează-l astfel:

• Prioritate 10
• Include: tip postare Descărcare

Pe EDD Download List folosește aceste setări:

• Prioritate 30
• Include: arhivă tip postare, apoi tastează „download”

Notă: aceste setări de prioritate sunt concepute pentru a te asigura că condițiile tale nu sunt suprascrise de altele atunci când ai două condiții similare. Află mai multe despre priorități și condiții aici.

Personalizează-ți Paginile de Descărcare

Acum că ai creat șabloane separate pentru Descărcările tale EDD. Le poți personaliza așa cum dorești.

În exemplul meu, am creat o pagină EDD Download curată și simplă. Un singur rând centrat, fără bară laterală sau altceva, pentru a încerca să măresc conversiile.  

Iată cum arată în backend, fiind editată în SeedProd.

Apoi, iată cum arată în frontend.

În această pagină de exemplu EDD Download List am optat pentru o grilă cu 2 coloane. Poți face orice dorești. Este incredibil de ușor să încerci lucruri noi și să le previzualizezi.

În backend, fiind editată cu SeedProd:

Iată cum arată în frontend:

Fă mai mult. Cerul este limita!

Sau poate spațiul cosmic este limita. Aceste exemple de mai sus sunt doar o mică previzualizare a tuturor lucrurilor pe care le poți face cu SeedProd.

Imaginează-ți doar ce poți face cu control complet și experimentare nelimitată.

SeedProd vine cu sute de blocuri de șabloane și șabloane de pagină.

Iată doar câteva exemple care ar putea fi de interes deosebit pentru creatorii digitali ca noi!

SeedProd este o modalitate excelentă de a configura tema magazinului tău EDD. Este o opțiune grozavă, fie că abia începi, fie că vrei să încerci ceva nou care va impresiona clienții.

---

Concluzie

Stelar! Tocmai ai învățat cum să-ți faci tema să arate frumos fără codare. Imaginează-ți ce poți face pentru a îmbunătăți experiența clienților atunci când poți personaliza totul singur. 

Avem mult mai multe resurse pentru creatori digitali și antreprenori. Despre ce vrei să înveți în continuare?!

• 🤑 Beneficiile uimitoare ale vânzării de produse digitale
• 💰 Lista completă a produselor digitale pe care le poți vinde
• 💸 Cele 14 produse digitale cele mai populare pe care le poți vinde în 2022
  

Asigură-te că ne urmărești pe Facebook și Twitter pentru a afla mai multe despre WordPress și vânzarea de produse digitale.