Cum se creează o temă Divi Child

Publicat: 2024-06-28

Există mii (așa e, mii!) de teme WordPress disponibile din care să alegi atunci când construiești un site. Majoritatea designerilor web, totuși, constată că, deși temele WordPress sunt un loc de plecare frumos, doresc mai multă personalizare, iar crearea unei teme pentru copii este o modalitate excelentă de a face acest lucru.

Temele pentru copii se bazează pe teme părinte și vă permit să adăugați sau să eliminați propriul cod. Dacă doriți să vă personalizați cu adevărat site-ul WordPress, utilizarea temelor pentru copii este cea mai bună cale de a merge, iar Divi este una dintre cele mai bune alegeri.

Cel mai mare motiv pentru care reclamele creează o temă secundară Divi este că, atunci când tema părinte este actualizată, nimic nu se întrerupe pe site-ul dvs. Crearea unei teme pentru copii de la Divi acționează în esență ca o plasă de siguranță, mereu acolo pentru a vă prinde site-ul înainte de a se rupe! Dar, sunt înaintea mea, așa că să începem cu elementele de bază.

În acest articol, voi acoperi:

  • Ce este Divi și care sunt caracteristicile?
  • Cum se creează o temă pentru copii Divi (+ o descărcare gratuită pentru copii!)
  • Cum să testați dacă tema copilului dvs. Divi funcționează

Să ne scufundăm.

Ce este Divi și care sunt caracteristicile?

Divi este o temă WordPress de la Elegant Themes care vă permite să vă construiți paginile folosind diferite elemente structurale de la bază. Aceasta înseamnă că aveți control deplin asupra tuturor site-urilor pe care le construiți datorită editorului său vizual superior.

De asemenea, vine cu sute de modele prefabricate, așa că dacă nu aveți experiență în crearea și personalizarea temelor, nu vă faceți griji! Fie că ești un începător care dorește să-ți personalizeze primul site sau un dezvoltator experimentat, Divi îți oferă instrumentele pentru a-ți da viață ideilor.

dezvoltator care creează o temă copil Divi

Divi are două interfețe de constructor: editorul vizual de pe front-end-ul WordPress și generatorul de back-end. Pe editorul vizual, construiește site-uri pentru clienți de 10 ori mai ușor, mai rapid și mai plăcut, deoarece puteți edita în pagina însăși și puteți vedea editările în direct. Pe back-end, editați reprezentarea bazată pe blocuri în interiorul postării. Cu toate acestea, puteți adăuga în continuare module noi și puteți face totul așa cum ați face în editorul vizual. De asemenea, este ușor să sări înainte și înapoi între editori, în funcție de preferințele dvs.

Divi are, de asemenea, trei elemente structurale principale pe care le puteți utiliza așa cum sunt sau le puteți personaliza conform specificațiilor dvs. exacte: secțiuni, rânduri și module.

Secțiuni: Acestea sunt cele mai mari blocuri din constructorul Divi. Puteți să vă gândiți la ele ca pe niște blocuri orizontale de stivuire care vă pot grupa conținutul în zone care se pot distinge vizual. Tot ceea ce construiești începe cu o secțiune.

Rânduri: rândurile sunt diferitele forme de coloane care pot fi plasate în interiorul secțiunilor. Au diverse setări care pot fi accesate făcând clic pe pictograma setări din partea stângă sus a rândului și pot fi folosite pentru a crește foarte mult varietatea de layout-uri construite cu Divi Builder, deoarece creează structura în care sunt găzduite modulele dumneavoastră.

Module: Modulele conțin diferite elemente de conținut, cum ar fi imagini, conținut, slidere, galerii, formulare de contact, CTA, bloguri, formulare, mărturii etc. Există peste 40 de module din care puteți alege și apoi personaliza cum doriți.

Acum că înțelegeți puțin mai bine Divi, haideți să descoperim cum să creați o temă pentru copii.

Cum se creează o temă Divi Child

Înainte de a începe să personalizați lucrurile, veți dori să vă asigurați că aveți Divi instalat și activat. Există două moduri de a proceda în acest sens:

Opțiunea 1: Folosiți Flywheel + Divi pentru o instalare rapidă și ușoară.

Opțiunea 2: Metoda manuală (urmați acești doi pași)

Pasul 1: Înscrieți-vă și descărcați Divi aici. După ce v-ați creat un cont și v-ați autentificat, veți fi redirecționat către zona de membri și veți merge în partea stângă și veți găsi fila „Descărcări”. Găsiți Divi și faceți clic pe „Descărcați”. Aceasta trimite o descărcare a Divi într-un fișier zip în folderul Descărcări.

Pasul 2: Este timpul să vă conectați la site-ul dvs. WordPress. Accesați Aspect > Teme. Faceți clic pe Adăugați nou sau Adăugați o temă nouă în partea dreaptă. Faceți clic pe butonul „Încărcați tema” din stânga sus. Alegeți fișierul și găsiți acel fișier zip Divi. Notă: Păstrați-l într-un fișier zip (nu dezarhivați). Faceți clic pe Instalare. După ce s-a terminat de instalat, faceți clic pe „Activați” și este instalat și activat pe site-ul dvs.! ?

Acum, sunteți gata să creați o temă copil Divi! Există trei moduri principale de a crea o temă copil Divi: descărcați o temă copil gratuită, utilizați un plugin sau codați-l manual.

Opțiunea 1: Descărcați un fișier gratuit cu temă Divi Child

Una dintre cele mai rapide (și mai ușoare!) moduri de a crea o temă copil este să descărcați această temă gratuită pentru copii Divi. Are toate cele necesare pentru a începe, precum și spațiu pe care să-l personalizați după bunul plac! Descărcați mai jos tema dvs. gratuită pentru copii Divi.

Odată descărcat, instalează Divi, activează-l și ești gata! E la fel de ușor. Dacă preferați o modalitate diferită de a crea o temă copil Divi, puteți încerca oricând un plugin.

Opțiunea 2: creați o temă Divi Child utilizând un plugin

Există o serie de pluginuri disponibile pentru a vă ajuta să creați o temă copil Divi. Iată câteva dintre preferatele mele personale:

  • Copii Divi
  • Configurator teme pentru copii
  • Creator de teme pentru copii de Orbisius
două mâini țin cabluri cu pluginuri la capete

Copii Divi

Divi Children este un plugin gratuit dezvoltat special pentru utilizatorii Divi. Îți face automat munca grea, așa că te poți concentra doar pe partea creativă! Fiecare temă pentru copii creată de Divi Children vine cu o mulțime de funcții de personalizare prin intermediul WP Customizer. Aflați cum să instalați acest plugin aici.

Configurator teme pentru copii

Acest plugin a fost conceput pentru utilizatorii WordPress care doresc să poată personaliza direct foile de stil cu tema pentru copii. Cu acest plugin, puteți identifica și suprascrie cu ușurință atributele CSS exacte pe care doriți să le personalizați, iar analizatorul scanează tema redată și configurează automat tema copilului. Aflați mai multe despre acest plugin și despre cum să îl instalați aici.

Creator de teme pentru copii de Orbisius

Acest plugin vă permite să creați rapid teme copii din orice temă pe care ați instalat-o în prezent pe site-ul dvs. Cu acest plugin, puteți crea un număr nelimitat de teme pentru copii din tema părinte, astfel încât opțiunile să fie nesfârșite. Dispune de doi editori și puteți să alegeți fragmente dintr-o temă și să le lipiți în alta. Vorbiți despre personalizare! Aflați mai multe despre instalarea acestui plugin aici.

În cele din urmă, dacă un plugin nu este pentru tine, există întotdeauna opțiunea de a crea o temă copil Divi manual!

Opțiunea 3: creați manual o temă Divi Child

Dacă ești un dezvoltator WordPress sau îți place doar o provocare bună, aceasta este o modalitate excelentă de a crea o temă copil Divi.

un dezvoltator care caută noi instrumente pentru a-și ajuta site-ul.

Pasul 1: Creați fișierul style.CSS

După cum probabil știți, fișierul style.css este pentru a spune lui WordPress detaliile temei copilului și poate fi folosit pentru a adăuga CSS personalizat! Pentru a face acest lucru, creați un folder pe computer și dați-i un nume (ceva care vă permite să știți că este pentru o temă copil Divi). De acolo, creați un fișier în acel folder și denumiți-l style.css.

Notă: Asigurați-vă că aveți un instrument de editare de text sau cod, altfel numiți fișierul respectiv va fi dificil!

Pasul 2: Adăugați acest lucru în fișierul style.css:

 /*
 Numele temei: Divi Child Theme
 URI temei: https://www.elegantthemes.com/gallery/divi/
 Descriere: Tema copilului pentru Divi
 Autor: Numele tău
 URI autor: https://getflywheel.com/
 Șablon: Divi
 Versiune: 1.0.0
*/

Numele temei, URI-ul temei, descrierea, autorul, URI-ul autorului și versiunea sunt toate editabile. Păstrați numele șablonului așa cum este! Pentru mai multă personalizare (și pentru a vă asigura că tema copilului dvs. Divi funcționează), adăugați orice CSS personalizat aici.

Pasul 3: Creați fișierul functions.php

Creați un alt fișier în folderul pe care l-ați creat deja și denumiți-l functions.php

Apoi, adăugați acest cod în noul fișier și adăugați orice funcții personalizate pe care le doriți sub ultima linie:

 <?php
funcția divi__child_theme_enqueue_styles() {
    wp_enqueue_style( 'stil-parent', get_template_directory_uri() . '/style.css' );
}
add_action( 'wp_enqueue_scripts', 'divi__child_theme_enqueue_styles');

Pasul 4: Creați o captură de ecran

Acesta este un pas important, astfel încât site-ul dvs. să nu aibă un spațiu liber unde imaginea ar trebui să fie pe pagina de teme WordPress, așa că realizarea unei capturi de ecran rapidă este un pas cheie aici! După ce ați realizat captura de ecran, continuați și asigurați-vă că dimensiunile sunt 880x660px, că este un .png sau .jpeg (fie funcționează!), iar numele este [screenshot.png] sau [screenshot.jpeg]. Apoi, veți adăuga imaginea capturii de ecran în folderul principal.

Pasul 5: Comprimați folderul și încărcați

În cele din urmă, comprimați folderul într-un tip de fișier zip și încărcați-l pe WordPress! Veți merge la Aspect > Teme > Încărcare și apoi faceți clic pe Activare.

Voila! Ați creat cu succes o temă pentru copii Divi și sunteți gata să personalizați după dorința inimii tale.

Cum să testați dacă tema Divi Child funcționează

Pentru a testa dacă tema pentru copil funcționează corect, adăugați niște CSS în fișierul style.css tema pentru copil și salvați modificările. Ar trebui să vedeți acele modificări pe site-ul live și așa veți ști că funcționează!

Notă: poate fi necesar să vă deschideți pagina într-un browser privat în cazul în care este stocată în cache.

Amintiți-vă: nu ar trebui să faceți niciodată modificări site-ului dvs. live în șansa că ați spart ceva! Utilizați Local, o aplicație gratuită de dezvoltare locală, astfel încât să puteți opri depanarea mediilor locale și să petreceți mai mult timp lansând site-uri WordPress frumoase. Aflați mai multe despre Local aici.

Concluzie

Personalizarea este una dintre cele mai bune părți despre crearea de site-uri folosind WordPress și, deși temele sunt locuri de plecare grozave, este plăcut să aveți la dispoziție teme pentru copii, cum ar fi Divi.

Descărcare gratuită a temei Divi pentru copii

Una dintre cele mai rapide (și mai ușoare!) moduri de a crea o temă copil este să descărcați această temă gratuită pentru copii Divi. Are toate cele necesare pentru a începe, precum și spațiu pe care să-l personalizați după bunul plac! Descărcați mai jos tema dvs. gratuită pentru copii Divi.