Configurarea unui ghid global de stiluri pentru presetări pentru următorul site Web Divi (descărcare gratuită a cadrului!)

Hei Divi Nation! Vă mulțumim că ne-ați alăturat pentru următoarea tranșă a inițiativei noastre săptămânale de proiectare Divi, unde în fiecare săptămână oferim cadouri noi. Astăzi, împărtășim GRATUIT un cadru global de ghid de stil pentru presetări, pe care îl puteți utiliza pentru orice site web pe care intenționați să îl construiți. Presetările globale ale Divi vă ajută să accelerați procesul de proiectare web în cel mai scurt timp, așa că să aruncăm o privire!

Descărcați Ghidul de stil global pentru presetări

Pentru a pune mâna pe cadrul gratuit de ghidare a stilului presetărilor globale, va trebui mai întâi să-l descărcați folosind butonul de mai jos. Pentru a avea acces la descărcare, va trebui să vă abonați la lista noastră de e-mail Divi Daily folosind formularul de mai jos. Ca nou abonat, veți primi și mai multe bunătăți Divi și un pachet Divi Layout gratuit în fiecare luni! Dacă sunteți deja pe listă, pur și simplu introduceți adresa de e-mail mai jos și faceți clic pe descărcare. Nu veți fi „resubscris” și nu veți primi e-mailuri suplimentare.

Descărcați fișierele

Descarcă gratis

Înscrieți-vă la buletinul informativ Divi și vă vom trimite prin e-mail o copie a pachetului final de planificare a paginii de destinație Divi, plus o mulțime de alte resurse, sfaturi și trucuri uimitoare și gratuite Divi. Urmăriți-vă și veți fi un maestru Divi în cel mai scurt timp. Dacă sunteți deja abonat, pur și simplu introduceți adresa de e-mail de mai jos și faceți clic pe descărcare pentru a accesa pachetul de aspect.

DESCARCA

V-ați abonat cu succes. Vă rugăm să verificați adresa de e-mail pentru a vă confirma abonamentul și pentru a obține acces la pachetele de layout Divi săptămânale gratuite!

Configurarea unui ghid global de stil pentru presetări pentru următorul site Divi

Ce este un ghid de stiluri pentru presetări globale?

Un ghid global de stiluri de presetări este o prezentare generală a celor mai importante elemente pe care le veți stiliza pentru a fi utilizate pe site-ul dvs. web Divi. Se compune din trei părți:

1. Paleta de culori

2. Stiluri de text

3. Stiluri de module

Deși presetările globale ajung mai mult decât module - coloane, rânduri și secțiuni pot conține și presetări globale - ne concentrăm pe unele dintre cele mai uniforme elemente de pe site-ul dvs. web, care sunt cele trei părți menționate mai sus. Ideea este că veți stiliza toate elementele într-un singur loc și de îndată ce sunteți mulțumit de stilul de design pe care l-ați aplicat, puteți transforma diferitele stiluri de text și stiluri de module în presetări globale.

Paleta de culori este ceva ce veți putea adăuga la opțiunile dvs. de temă Divi, dar mai multe despre asta, mai jos. Veți putea păstra ghidul de stil într-o fereastră separată în timp ce vă proiectați paginile și șabloanele. Acest lucru vă va ajuta să copiați și să depășiți setările de fundal de gradient pe măsură ce mergeți, spre deosebire de nevoia de a aplica manual setările una câte una.

Când să creați / utilizați un ghid de stil pentru presetări globale

De preferință, veți crea și începe să utilizați un ghid global de stil pentru presetări înainte de a vă crea paginile, șabloanele etc. înapoi la designul dvs., resetați stilurile inline la un nivel de element și aplicați o presetare globală.

Lansarea procesului de construire Divi după ce ați creat un ghid de stil vă ajută să evitați să faceți manual modificări ale modulelor din setările lor individuale. Dacă lucrați cu presetări globale de la început, veți putea să le modificați într-un singur loc și să urmăriți modificările care se desfășoară simultan pe întregul site.

Ghidul de stil global de presetări gratuit pe care îl împărtășim în această postare vă va ajuta să intrați direct în faza de inspirație a designului. În loc să trebuiască să-ți construiești singur un ghid de stil, te poți concentra pe crearea unui stil de design cu armonie și echilibru. De îndată ce ați terminat stilizarea elementelor de interfață din ghidul de stil, veți putea să le transformați în presetări globale și să le utilizați pe măsură ce vă construiți paginile și șabloanele.

Cum se folosește Ghidul de stil al presetărilor globale

Descărcați și încărcați aspectul cadru în biblioteca dvs. Divi

Începeți prin descărcarea layout-ului gratuit al cadrului ghidului de stil presetate la nivel global în această postare. Apoi, după ce ați dezarhivat folderul de descărcare, navigați la biblioteca Divi din backend-ul site-ului și faceți clic pe „Import / Export” în partea de sus. Odată ajuns acolo, treceți la fila „Import” și încărcați aspectul cadrului ghidului de stil pe care îl puteți găsi în folderul de descărcare.

Creați o nouă pagină de schiță pentru Layout & Upload Framework Layout

Odată ce aspectul dvs. a fost încărcat, îl puteți deschide în biblioteca în sine sau puteți crea o schiță de pagină separată pentru acesta. Pentru a menține experiența în pagină, vom alege cea de-a doua opțiune. Adăugați o pagină nouă și localizați aspectul în „Aspectele dvs. salvate”.

Configurați Paleta de culori

Odată ajuns în cadrul ghidului de stil, veți putea configura paleta de culori la alegere. Numărul de culori pe care le adăugați depinde în totalitate de dvs. Pentru a afișa vizual culorile din ghidul nostru de stil, folosim setările de fundal ale unui modul de text. Deschideți acel modul de text, accesați setările de fundal și modificați culoarea de fundal. Copiați codul hexagonal pe care îl utilizați și plasați-l în modulul de text de sub acesta, astfel încât să aveți întotdeauna o versiune scrisă a fiecărui cod de culoare hexagonală și în ghidul de stil global al presetărilor.

Creați o paletă de culori personalizată cu coduri de culoare în interiorul Divi Theme Builder

Accesați Opțiunile temei Divi

Codurile hexagonale din ghidul de stil pot fi folosite pentru a crea o paletă de culori personalizată la care veți putea accesa rapid în timp ce construiți în interiorul Divi. Vă recomandăm să faceți acest lucru înainte de a stiliza textul și modulele în cadrul ghidului de stil. Pentru a adăuga paleta de culori, accesați Opțiunile temei Divi.

Personalizați paleta de culori folosind codurile hexagonale din Ghidul de stil

Adăugați codurile hexagonale de culoare la alegere, pe care le puteți găsi în ghidul de stil, la paleta de culori implicită.

Adăugați stiluri de text

În continuare, veți putea stiliza diferitele tipuri de text din cadrul ghidului de stil. Câte alternative oferiți pentru fiecare tip de text depinde în totalitate de dvs., doar pentru că există o opțiune „primară”, „secundară” și „terțiară” acolo, nu înseamnă că ar trebui să aveți 3 variante pentru fiecare tip de text. Simțiți-vă liber să eliminați sau să adăugați mai multe posibilități.

Module de stil

În ultima parte a cadrului ghidului de stil, am enumerat toate cele mai utilizate module Divi. Aici puteți începe modificarea modulelor în funcție de stilul pe care îl aveți în minte. Faptul că toate modulele sunt atât de la îndemâna celuilalt vă va ajuta să obțineți o imagine mai bună a stilului de design și a echilibrului acestuia. Pentru fiecare modul popular, am furnizat și o opțiune „primară”, „secundară” și „terțiară”. Dar, din nou, nu ezitați să stabiliți singuri câte variante ale fiecărui modul le utilizați în procesul de construire a paginii și a șablonului.

Transformați modulele în presetări globale (unul câte unul și cu numele ales)

Odată ce toate stilurile de text și stilurile modulelor au fost finalizate - nu uitați și aspectul receptiv - este timpul să transformați modulele în presetări globale. Pentru a face acest lucru, puteți deschide fiecare modul stilizat la un nivel individual și puteți crea o nouă presetare din stilurile curente din partea de sus a modului. Puteți alege să faceți și modulul dvs. primar implicit. Odată ce ați creat presetarea globală, asigurați-vă că presetarea specifică este selectată pentru modul, acest lucru vă va ajuta să importați și să exportați presetări globale utilizând aspectul ghidului de stil.

Încercați să găsiți, de asemenea, o modalitate simplificată de numire a modulelor dvs., astfel încât să puteți consulta cu ușurință ghidul de stil în cazul în care vă confundați. O abordare bună pentru numirea a trei variante ale unui stil Blurb Module ar putea fi:

• Buton principal
• Buton secundar
• Buton terțiar

Și puteți repeta această abordare pentru fiecare stil de text sau modul pe care îl transformați într-o presetare globală.

Module imbricate: transformați elementele imbricate în presetări globale prea

Pentru modulele imbricate, cum ar fi Social Media Follow Module, va trebui să deschideți elementul din interiorul modulului și să salvați acel element ca și o nouă presetare.

Exportați și importați aspectul ghidului de stil (cu presetări) pe un alt site web

De îndată ce ați transformat toate modulele în presetări globale și ați selectat acele presetări din setările modulului, veți putea exporta aspectul cu toate presetările din el. Apoi, de îndată ce încărcați aspectul pe un alt site web, veți avea posibilitatea de a importa presetările împreună cu aspectul, ceea ce, la rândul său, vă ajută să economisiți timp. Salvați aspectul completat al ghidului de stil, inclusiv presetările, în biblioteca Divi. Apoi, exportați fișierul.

Accesați site-ul web pe care doriți să încărcați noul ghid de stil, navigați la Biblioteca Divi și încărcați fișierul JSON cu presetări pentru a începe cu procesul de construire Divi!

Sfat: Păstrați ghidul de stil în fila separată pentru a copia / lipi stiluri specifice (degradeuri / umbră casetă / margine / ...)

Nu în ultimul rând, este o idee minunată să păstrați întotdeauna ghidul de stil într-o filă separată. Folosirea opțiunii de copiere-lipire încorporate și încrucișate a Divi vă va ajuta să transferați rapid stiluri, cum ar fi fundaluri de gradient, de la un element la altul!

Noi ghiduri globale de stil presetate în fiecare săptămână!

Sperăm că vă veți bucura de acest cadru de ghiduri de stil pentru presetări globale. Puteți utiliza acest cadru pentru orice tip de site web pe care îl creați. Așteptăm cu nerăbdare să vă auzim opiniile în secțiunea de comentarii de mai jos. Asigurați-vă că reveniți săptămâna viitoare pentru mai multe cadouri!