20 de subsoluri Flexbox pentru Divi 5 (descărcare gratuită!)

FlexBox face mai ușor decât oricând crearea de subsoluri care arată curate, se adaptează frumos la diferite dimensiuni ale ecranului și sunt simple de personalizat în Divi 5. În acest pachet gratuit, veți găsi 20 de modele unice de subsoluri Flexbox, fiecare construită cu sistemul Flex Layout al Divi 5 pentru aliniere precisă și control receptiv. Indiferent dacă doriți să utilizați stilurile globale existente ale site-ului dvs. sau să începeți cu un design gata pregătit, veți găsi ambele opțiuni aici.

Previzualizare

Să aruncăm o privire la toate cele 20 de subsoluri Flexbox din acest pachet. Acest pachet este gratuit pentru a descărca mai departe în postare.

https://youtu.be/xutcua0rccs

Abonați -vă la canalul nostru YouTube

Descărcați 20 de subsoluri Flexbox pentru Divi 5

Obțineți toate cele 20 de subsoluri FlexBox gratuit, inclusiv versiuni implicite și prestabili. Fiecare subsol este gata să importe în biblioteca Divi și să folosească în constructorul de teme. Descărcați și începeți să construiți.

Descărcați fișierele

Descărcați gratuit

Alăturați -vă buletinului informativ Divi și vă vom trimite prin e -mail o copie a pachetului de aspect final al paginii Divi Divi, plus tone de alte resurse, sfaturi și trucuri Divi uimitoare și gratuite. Urmați -vă și veți fi un maestru Divi în cel mai scurt timp. Dacă sunteți deja abonat, introduceți pur și simplu adresa de e -mail de mai jos și faceți clic pe Descărcare pentru a accesa pachetul de aspect.

Descărcare

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 aspect Divi gratuit săptămânal!

Ce este inclus (42 de exporturi)

După ce descărcați și desprindeți folderul, veți găsi toate cele 42 de exporturi de aspect organizate în mod perfect în versiuni implicite și prestabilite ca subsoluri individuale și ca pachete „toate subsolurile” complete.

Default - Footuri individuale (20) → folosește stilurile globale.
Default - toate subsolurile (1) → pachetul complet folosind stilurile globale.

Prestyled-Footuri individuale (20) → include stilul inline pentru un aspect instantaneu, gata.
Prestyled - toate subsolurile (1) → pachetul complet cu stil inline aplicat.

Cum se instalează machete

Mențineți folderul de descărcare aproape pentru a începe să le importați pe site -ul dvs. DIVI.

1. Importați machete în biblioteca Divi

Accesați Divi → Divi Library.

Odată ajuns acolo, faceți clic pe butonul Import și Export pentru a instala fișierele.

Căutați fișierul FlexBox Fotore (All) și faceți clic pentru a -l importa.

2. Creați un nou șablon de subsol

Accesați Divi → Teme Builder.

Creați un nou șablon de subsol sau deschideți unul existent.

3. Încărcați aspectul subsolului

După ce vă aflați în zona de subsol, puteți utiliza biblioteca DIVI pentru a selecta aspectul subsolului la alegere. Faceți clic pe butonul Adăugare aspect în colțul din stânga sus al constructorului de teme.

Selectați aspectul salvat .

Faceți clic pe aspectul subsolului pe care doriți să îl adăugați la constructorul de teme.

Faceți clic pe butonul Utilizați acest aspect pentru a încărca subsolul.

Asigurați -vă că salvați noile modificări ale constructorului de subsol și teme.

Default vs Prestyled: Care ar trebui să alegeți?

Când deschideți folderul de descărcare, veți vedea două versiuni ale fiecărui subsol: ** Default ** și ** PRESTICLEDED **. Sunt construite exact la fel, diferența este în modul în care se ocupă de stil.

Fotbele implicite moștenesc aspectul lor din stilurile tale globale. Culorile, fonturile și stilurile de butoane sunt aplicate automat. Dacă v -ați configurat deja stilurile globale, implicit este cea mai rapidă modalitate de a adăuga aceste subsoluri pe site -ul dvs. și de a se potrivi instantaneu cu designul dvs.

Fotbele prestive vin cu toate stilurile lor coapte: culorile, fonturile și modelele de butoane sunt în linie. Arată exact ca previzualizările chiar din cutie. Acest lucru este minunat dacă construiți o demonstrație rapidă, testarea ideilor sau doriți să luați designul exact pe care îl vedeți în capturile de ecran fără să vă atingeți variabilele.

Pe scurt, mergeți cu implicit dacă doriți ca subsolurile să se îmbine perfect cu stilurile de site existente. Alegeți prestisinți dacă doriți aspectul gata prevăzut în previzualizări.

Personalizarea subsolurilor

Sistemul de aspect FlexBox de la Divi 5 vă oferă instrumente puternice pentru a modifica machetele, păstrând totul receptiv. Iată cum să personalizați aceste subsoluri pentru a se potrivi stilului site -ului dvs.

1. Selectați un modul pentru personalizare

În constructorul de teme, treceți peste aspect și faceți clic pe un modul pe care doriți să îl editați, cum ar fi un modul de text, un modul de urmărire a rețelelor de socializare sau buton. Panoul de setări al modulului se va deschide, permițându -vă să modificați conținut, proiectare sau opțiuni avansate.

De exemplu, puteți face clic pe modulul de text și puteți schimba conținutul modulului sau puteți utiliza Divi AI pentru a ajuta la scrierea conținutului care va capta atenția vizitatorului.

În fila de design a modulului, puteți regla fonturi, culori și mai multe setări pentru a se potrivi cu brandul dvs.

Fiecare subsol Flexbox este complet personalizabil, inclusiv imagini, culori de fundal, fonturi și multe altele, permițându -vă să reglați designul pentru a se potrivi cu viziunea dvs.

2. Reglați setările FlexBox pentru controlul aspectului

Fiecare subsol este proiectat folosind sistemul de aspect FlexBox Divi 5, ceea ce înseamnă că puteți schimba direcția aspectului dvs., aliniați elementele sau înfășurați -le folosind controale extinse FlexBox. În constructorul de teme, faceți clic pe o secțiune sau un rând pe care doriți să îl personalizați. De exemplu, dacă doriți să ajustați spațiul dintre elementele de design, selectați coloana din rând, navigați la fila Design și selectați meniul derulant al aspectului.

Puteți regla valoarea în câmpul Gap Vertical pentru a controla distanța.

Opțiunile de direcție de aspect vă permit să schimbați direcția aspectului dvs. De exemplu, în setările unui rând, puteți afișa toate elementele de design la rând (orizontal), Row Reverse, Coloana (vertical) sau reversul coloanei.

Pentru a controla alinierea elementelor Flex (coloane, rânduri sau secțiuni) de -a lungul axei principale, puteți regla setările de conținut justificați . Opțiunile disponibile includ alinierea articolelor la început, centru, capăt, spațiu între, spațiu în jurul sau spațiu uniform. Aceste setări sunt determinate de direcția flexibilă a containerului. De exemplu, orizontală dacă direcția flexă este setată pe rând sau verticală dacă este setată pe coloană.

În câmpul Aliniați articole , puteți alinia elemente de design într -un container la început, centru, capăt sau întindere.

Setarea Flex Wrap controlează dacă elementele Flex într -un container stau pe o singură linie sau se înfășoară pe mai multe linii atunci când nu există suficient spațiu pentru a le potrivi pe toată axa principală. Atunci când nu alegeți nicio înveliș, toate articolele Flex sunt obligate să rămână pe o singură linie, chiar dacă revărsă recipientul.

WRAP asigură că elementele flexate se înfășoară automat pe linii suplimentare atunci când nu se pot încadra și înfășurați conținutul de ambalare inversă în ordine inversă.

3. Adăugați legături acolo unde este necesar

Deși fiecare aspect de subsol este gata să iasă din cutie, va trebui totuși să adăugați link -uri. În acest exemplu, ați adăuga link -uri la modul dvs. de socializare sau Politica de confidențialitate. Faceți clic pentru a extinde setările modulului. Faceți clic pe primul element din fila Conținut pentru a dezvălui setările sale.

Extindeți meniul vertical al linkului și adăugați linkul la contul sau pagina dvs. în câmpul URL Link Cont .

Asigurați -vă că vă salvați subsolul înainte de a ieși din constructorul de teme.

Folosiți Divi 5 pentru a vă construi subsolurile astăzi

Aceste 20 de subsoluri Flexbox sunt o modalitate rapidă de a accelera construcțiile Divi 5, fie că lucrați din stilurile globale stabilite, fie că începeți cu un aspect predesemnat. Descărcați -le, aruncați -le în constructorul de teme și faceți -le propriile voastre. FlexBox gestionează alinierea, astfel încât să vă puteți concentra pe design.