Sfaturi pentru crearea, exportul și partajarea propriilor elemente ale bibliotecii Divi și setări ale personalizatorului

Bine ați venit în Ziua 92 a maratonului nostru Divi 100. Continuați să vă acordați timp de 100 de zile la rând de resurse minunate Divi, pe măsură ce trecem la versiunea uimitoare a Divi 3.0 în ultima zi a seriei!

---

Unul dintre lucrurile minunate despre Divi este că, cu cât folosiți mai mult și cu cât creați mai multe colecții de layout Divi în biblioteca Divi, cu atât tema devine mai utilă. Nu numai că vă puteți salva propriile machete pentru o utilizare viitoare, puteți descărca machete gratuite minunate de pe blogul Teme elegante și nenumărate alte surse. Când profitați din plin de Biblioteca Divi, vă veți retrage orele și orele de dezvoltare din fiecare proiect de client nou.

În timpul maratonului Divi 100, am publicat în fiecare săptămână mai multe pachete de layout Divi gratuite pentru a ajuta la promovarea conceptului și am fost plăcut surprinși să vedem membrii din comunitatea Divi care ne urmăresc exemplul și au lansat pachete frumoase de layout gratuite (și plătite) de propriile lor. În acest articol, aș dori să iau o clipă pentru a intra mai adânc în Biblioteca Divi și poate chiar să prezint câteva modalități de utilizare a bibliotecii pe care poate nu le-ați luat în considerare. Sistemul de portabilitate Divi Înainte de a începe, este important să învățăm elementele de bază ale Bibliotecii Divi. Acest videoclip provine din documentația noastră Divi și în ea Nick vă trece prin întregul sistem de portabilitate – care acoperă o mulțime de elemente de bază pe care nu le vom aborda în acest articol. Așadar, asigurați-vă că îi acordați un ceas pentru a obține întregul teren al terenului atunci când vine vorba de portabilitatea tuturor lucrurilor în cadrul Divi.

Abonați-vă la canalul nostru YouTube Salvarea și exportarea aspectelor dvs. Divi În Divi 2.6 am introdus sistemul Divi Portability, propriul nostru instrument cuprinzător de import și export pentru salvarea opțiunilor temei, setărilor de personalizare a temelor, aspectelor Divi și articolelor bibliotecii Divi de pe un site web și încărcarea acestora pe altul. Ce este grozav la sistemul de portabilitate din Divi este că funcționează peste tot și transferă totul, inclusiv imagini. Acest lucru este deosebit de util pentru aspectele Divi și articolele Divi Library, deoarece înseamnă că fiecare aspect este un design care funcționează independent, care poate fi utilizat pe orice site web Divi.

Ori de câte ori construiți o pagină nouă utilizând Divi Builder, puteți accesa sistemul de portabilitate a aspectului făcând clic pe pictograma de portabilitate din partea dreaptă sus a interfeței constructorului. După ce ați făcut clic, veți vedea două file; una pentru exportarea aspectelor și una pentru importarea aspectelor exportate anterior. Aspectele exportate utilizând această metodă pot fi importate făcând clic pe aceeași pictogramă atunci când creați o nouă postare sau pagină. Un lucru important de reținut despre sistemul de portabilitate este că lucrurile exportate într-un context nu pot fi importate într-un context diferit. Aceasta este pentru a preveni încărcarea de lucruri care nu aparțin. Deci, dacă ați exportat un fișier Opțiuni temă, acesta nu poate fi importat în Personalizatorul temei. Dacă ați exportat articole din biblioteca Divi, acestea nu pot fi importate direct pe pagină ca aspect Divi.

Deci, dacă aveți un aspect de pagină pe care doriți ca alții să îl poată importa în biblioteca lor Divi – așa cum au fost aproape toate descărcările gratuite din întreaga serie – atunci veți dori să faceți următoarele. Pasul 1: Salvați aspectul prin intermediul generatorului de posturi / pagini. Pasul 2: Navigați la Divi> Divi Library. Găsiți fișierul pe care tocmai l-ați salvat acolo și bifați caseta de selectare a acestuia. Pasul 3: Faceți clic pe butonul Import / Export din partea de sus a paginii. Denumiți descărcarea, alegeți să exportați numai elementele selectate și faceți clic pe Export

Fișierul rezultat va fi un folder comprimat care conține elementele selectate. Va fi importabil numai în Biblioteca Divi – nu postări sau pagini individuale. Același proces de salvare și export poate fi utilizat cu componente individuale, cu doar câteva diferențe minore pe care le vom analiza mai jos. Descompunerea aspectelor în componente individuale În timp ce aspectele Divi întregi sunt grozave, uneori elementele individuale pot fi puțin mai utile atunci când construiți o varietate de site-uri web. Împărțind aspectul în componente individuale sub formă de secțiuni, rânduri și module, puteți începe să creați „kituri de layout”. Aceste componente pot fi apoi amestecate și potrivite pentru a crea o multitudine de modele.

---

Sfat pentru profesioniști : de multe ori, când construiți un nou site web pentru clienți, este util să conceptualizați mai întâi designul site-ului web sub forma unui kit de aspect. În acest fel, pe măsură ce începeți să vă construiți site-ul, fiecare componentă (împreună cu fonturile și culorile personalizate) poate fi refolosită pe orice pagină dată cu doar câteva clicuri – în loc să fie nevoie să recreați stilul unic al site-ului dvs. și încă o dată.

---

Ideea unui „kit de aspect” este ceva ce am introdus pentru prima dată aici pe blog în ziua 2 a maratonului Divi 100, așa că, dacă sunteți în căutarea unui exemplu bun pentru a vă ajuta să înțelegeți mai bine despre ce vorbesc, vă încurajez pentru a descărca pachetul și a arunca o privire.

Salvarea rândurilor și secțiunilor individuale Divi în bibliotecă Pentru a construi primul kit de aspect, puteți începe prin salvarea secțiunilor și rândurilor Divi individuale în biblioteca dvs. După ce ați creat un număr de secțiuni și rânduri și le-ați salvat în biblioteca dvs., acestea pot fi clasificate și exportate împreună pentru a fi utilizate pe diferite site-uri web și proiecte. Salvarea unui rând sau a unei secțiuni în biblioteca dvs. este ușoară. Pur și simplu faceți clic dreapta pe orice element din Divi Builder și faceți clic pe linkul „Salvați în bibliotecă”. Aceasta va lansa un popup cu diverse opțiuni pentru salvarea noului articol din bibliotecă.

• Clasificarea aspectelor : la fel ca postările, aspectele Divi pot fi salvate în anumite categorii. Aceste categorii pot fi apoi utilizate pentru a filtra articole atunci când le adăugați la pagina dvs. Aș recomanda să clasificați tot ceea ce salvați în biblioteca dvs., pentru ca colecția dvs. să nu scape de sub control!
• Sincronizare selectivă : Selectare sincronizare vă permite să salvați numai opțiuni specifice ale modulului ca parte a elementului de bibliotecă. Puteți alege să salvați oricare sau toate cele trei etichete majore de setări: Setări generale, Setări avansate de proiectare și CSS personalizat. De multe ori, puteți economisi timp pentru a salva doar setările de proiectare și pentru a vă lăsa conținutul nesincronizat, mai ales dacă veți reutiliza articolul pe diverse pagini cu o varietate de conținut diferit.
• Articole globale : când salvați un articol global în bibliotecă, elementul unic poate fi adăugat la mai multe pagini de pe site-ul dvs. și sincronizat pe toate. Dacă modulul este actualizat pe oricare dintre pagini sau din biblioteca Divi, toate instanțele modulului sunt actualizate. Dacă aveți elemente repetate pe site-ul dvs., cum ar fi subsoluri și apel la acțiuni, este recomandat să transformați aceste elemente în articole de bibliotecă globale.

Există o mulțime de moduri excelente prin care rândurile și secțiunile pot fi transformate în componente reutilizabile pentru pachetul dvs. de aspect. Cel mai bun mod de a începe să construiți noi componente este să luați în considerare ce tipuri de elemente aveți tendința de a reutiliza pe un întreg site web. Unele locuri bune pentru a începe ar putea fi:

• Secțiuni erou : secțiunea de sus a unei pagini date. Menit să atragă atenția vizitatorului și să-i atragă.
• Liste de funcții : secțiunile listei de funcții concepute pentru prezentarea diferitelor caracteristici și beneficii ale produsului sau serviciului dvs.
• Apel la acțiuni : o secțiune cu singurul scop de a determina pe cineva să ia măsurile dorite. De exemplu, abonați-vă, cumpărați sau cel puțin accesați o pagină de achiziție.
• Mărturii : de ce să creați o mărturie mereu și când puteți salva una sau două versiuni în biblioteca dvs. și pur și simplu schimbați conținutul?
• Secțiuni de produse : toată lumea „vinde” ceva – fie la figurat, fie la propriu – și o secțiune bună de produse vă poate ajuta.
• Galerii : După cum se dovedește, există o mulțime de moduri diferite de a crea galerii cu Divi. Salvarea câtorva dintre cei preferați în bibliotecă vă poate economisi o grămadă de timp.
• Subsoluri : de asemenea, puteți opta pentru utilizarea constructorului împreună cu șablonul de pagină goală pentru subsolurile Divi personalizate.

Salvarea modulelor individuale Divi în bibliotecă Modulele individuale pot fi, de asemenea, salvate în biblioteca dvs. și reutilizate pe pagini noi. În același mod în care aspectele pot fi împărțite în rânduri și secțiuni mici reutilizabile, rândurile și secțiunile individuale pot fi descompuse în continuare în module reutilizabile. Din nou, este înțelept să creați componente din module care vor fi utile în diferite situații. Iată câteva locuri frumoase de început:

• Butoane personalizate : Butoanele sunt extrem de importante și, ca atare, sunt utilizate des. Ceea ce înseamnă că, dacă nu reutilizați desenele pe care le-ați creat deja, atunci probabil că petreceți mult timp inutil pe ele.
• Modul de text personalizat : poate fi util să creați un modul sau module de text cu toate stilurile de text personalizate aplicate.
• Titlurile secțiunii de pagină : În multe cazuri, dimensiunea și alte setări de proiectare pentru titlurile din personalizatorul dvs. sunt diferite de cele pe care doriți să le utilizați în titlurile dvs., de exemplu, pagina dvs. de pornire, despre pagină etc. Crearea modulelor de text speciale cu aceste stiluri de text de titlu pre-salvat vă face mai ușor să aveți un design consistent pe întregul site web.
• Anteturi și titluri de postări: crearea de titluri de postare sau anteturi de pagină reutilizabile este extrem de utilă, deoarece sunt utilizate fie pe fiecare pagină nouă, fie pe postarea de blog.
• Anunțuri de subsol pentru postări pe blog: De multe ori, așa cum este cazul acestei postări pe blog, va trebui să puneți un anunț special sub fiecare postare pe blog. Biblioteca Divi și modulele globale fac acest lucru deosebit de ușor.
• Elemente ale barei laterale: în funcție de modul în care aveți configurate paginile, crearea de elemente ale barei laterale pe care să le utilizați în aspectele de specialitate poate fi un economisitor de timp.

Salvarea și exportarea setărilor Divi Customizer Aspectele Divi nu sunt singurul lucru care poate fi importat și exportat. Setările Personalizatorului de teme vin, de asemenea, cu sistemul de portabilitate, ceea ce înseamnă că transferați personalizările temelor de la un site web la altul cu doar câteva clicuri. Tot ce trebuie să faceți este să configurați setările personalizatorului în Aspect> Personalizare. Când aveți lucrurile așa cum vă plac, faceți clic pe pictograma de portabilitate din colțul din stânga sus. Modul de portabilitate acum familiar va apărea și puteți exporta setările cu un singur clic. Cu toate acestea, este important să rețineți că puteți importa acest fișier numai în contextul personalizatorului – nu în Biblioteca de scufundări sau în altă parte. Am creat un astfel de download gratuit și tutorial pentru seria Divi 100 pe care îl puteți consulta aici. Importul și exportul pachetelor de biblioteci Divi Odată ce ați creat o colecție de aspecte, secțiuni, rânduri și module Divi, precum și le-ați dat nume descriptive și le-ați clasificat în grupuri semnificative, este timpul să le exportați într-un pachet de bibliotecă reutilizabil. Pentru aceasta, vă recomandăm să mergeți la Biblioteca Divi și să urmați acești pași:

• Selectați și exportați fiecare aspect individual.
• Selectați și exportați fiecare secțiune sau componentă individuală.
• Selectați și exportați totul simultan.
• Găsiți toate aceste fișiere în folderul de descărcări. Asigurați-vă că fișierul dvs. de secțiuni individuale, mai multe fișiere de aspect și fișierul „Toate” sunt etichetate corespunzător. Puneți-le într-un singur folder, zip / comprimați-le, apoi partajați sau vindeți după cum doriți.

Acum, când altcineva descarcă acest pachet, va avea posibilitatea de a naviga pur și simplu la biblioteca Divi și de a importa fișierele individuale (sau fișierul All.json) exact în același mod ca pachetele noastre Divi 100. Acești pași sunt după cum urmează:

• Găsiți pachetul Divi Layout cu fermoar în folderul de descărcări și dezarhivați-l.
• Navigați la Divi> Divi Library și faceți clic pe butonul „Import & Export”.
• Când apare modul de portabilitate, accesați fila Import și faceți clic pe butonul „Alegeți fișierul”.
• Selectați fișierul „All.json” sau orice fișier individual vă interesează.
• Faceți clic pe butonul albastru „Importați machete Divi Builder”

Partajarea (sau vânzarea) exporturilor dvs. Divi Una dintre cele mai bune modalități de a participa și de a contribui la comunitatea Divi este să oferiți sau să vindeți propriile pachete de layout. Există o mulțime de locuri grozave pentru a găsi machete gratuite de la un număr de designeri diferiți, dar cred că comunitatea abia începe. Iată câteva sfaturi pentru a vă asigura că pachetele dvs. de aspect sunt utile comunității:

• Rezolvați problemele de proiectare. Aflați ce aspecte ale designului web alții din comunitate se luptă să realizeze și (dacă sunteți capabili) creați o descărcare care să le facă.
• Includeți cod personalizat. Profitând din plin de filele și panourile CSS personalizate care pot fi găsite în secțiuni, rânduri, module și chiar setările paginii, veți putea oferi o valoare unică. Ca să nu mai vorbim de utilizările creative ale modulului de cod pentru JavaScript!
• Urmați tendințele actuale de proiectare. Utilizați site-uri web de prezentare și dezvoltare web precum Awwwards, codepen, dribbble și behance pentru a vă inspira și a stabili standarde ridicate de proiectare pentru dvs.
• Creați desene originale. Sursele de inspirație și seturile / pachetele de layout ale altor persoane sunt puncte de plecare excelente, dar pe măsură ce tot mai mulți oameni încep să creeze Divi Layout Packs și Kits, cei care vor ieși în evidență vor fi cei care vor contribui cu ceva unic.
• Faceți pachetele intuitive de utilizat. Aceasta înseamnă păstrarea lucrurilor bine organizate și etichetate.

Mâine: Divi Wireframe Layout Kit Vol. 03 Apropo de pachetele Divi Layout, mai avem unul care îți vine mâine. Mario va lansa volumul trei al kitului său de aspect Divi Wireframe și va fi o resursă excelentă pentru cei care caută noi modalități de utilizare și combinare a modulelor Divi. Este o modalitate excelentă de a obține idei noi și de a începe următorul proiect. Cu siguranță nu vrei să-l ratezi! Asigurați-vă că vă abonați la newsletter-ul nostru de e-mail și la canalul YouTube, astfel încât să nu pierdeți niciodată un anunț mare, un sfat util sau un cadou gratuit Divi!