Prezentare Generală a Secțiunilor Divi
Prezentare Generală a Secțiunilor Divi – Secțiunile sunt cele mai mari blocuri de construcție ale constructorului și pot fi utilizate în diferite moduri.
Secțiunile sunt cel mai mare bloc de construcție 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. În Divi, tot ceea ce construiești începe cu o secțiune. Acest wrapper de conținut are diverse setări care pot fi folosite pentru a face lucruri cu adevărat minunate.
Cum să Adăugați o Secțiune pe Pagina dvs.
Înainte de a putea adăuga un modul de secțiune la pagina dvs., va trebui mai întâi să accesați Divi Builder. Odată ce Tema Divi a fost instalată pe site-ul dvs., veți observa un buton Utilizați Divi Builder deasupra editorului de postări de fiecare dată când construiți o pagină nouă. Făcând clic pe acest buton, se va activa Divi Builder, oferindu-vă acces la toate modulele Divi Builder. Apoi, faceți clic pe butonul Utilizați generatorul vizual pentru a lansa generatorul în modul vizual. Puteți, de asemenea, să faceți clic pe butonul Utilizați Visual Builder atunci când navigați pe site-ul dvs. în front-end dacă sunteți conectat la tabloul de bord WordPress.
După ce ați intrat în Visual Builder, puteți face clic pe butonul albastru plus pentru a adăuga o nouă secțiune la pagina dvs. Veți fi întâmpinat cu o fereastră pop-up care vă permite să adăugați oricare dintre cele trei tipuri de secțiuni ale Divi. Aceste tipuri includ: Standard, Speciality și Fullwidth.
Odată ce secțiunea a fost adăugată, veți fi întâmpinat cu lista de opțiuni a secțiunii. Aceste opțiuni sunt separate în trei grupuri principale: Conținut, Design și Avansat.
Opțiuni de Conținut Pentru Secțiune
În fila de Conținut veți găsi toate elementele de conținut ale secțiunii. Pentru secțiuni, aceste elemente de conținut sunt limitate la elemente de fundal, cum ar fi imagini de fundal și videoclipuri.
Imagine de Fundal
Dacă este definită, această imagine va fi folosită ca fundal pentru acest modul. Pentru a elimina o imagine de fundal, ștergeți pur și simplu adresa URL din câmpul de setări.
Culoare de Fundal
Dacă este definită, această imagine va fi folosită ca fundal pentru acest modul. Pentru a elimina o imagine de fundal, ștergeți pur și simplu adresa URL din câmpul de setări.
Video de Fundal MP4
Toate videoclipurile ar trebui să fie încărcate în ambele formate .MP4 .WEBM pentru a asigura compatibilitatea maximă în toate browserele. Încărcați versiunea .MP4 aici. Fundalurile video sunt dezactivate de pe dispozitivele mobile. În schimb, imaginea de fundal va fi folosită. Din acest motiv, ar trebui să definiți atât o imagine de fundal, cât și un videoclip de fundal pentru a asigura cele mai bune rezultate.
Pentru ca formatul video MP4 să funcționeze în toate browserele, serverul dvs. trebuie să aibă desemnate tipurile MIME corecte. Puteți afla mai multe despre utilizarea .htaccess pentru a defini tipurile MIME aici. Dacă observați că videoclipurile dvs. nu sunt redate în anumite browsere, atunci acesta este probabil motivul.
Video de Fundal WEBM
Toate videoclipurile ar trebui să fie încărcate în ambele formate .MP4 .WEBM pentru a asigura compatibilitatea maximă în toate browserele. Încărcați versiunea .WEBM aici. Fundalurile video sunt dezactivate de pe dispozitivele mobile. În schimb, imaginea de fundal va fi folosită. Din acest motiv, ar trebui să definiți atât o imagine de fundal, cât și un videoclip de fundal pentru a asigura cele mai bune rezultate.
Pentru ca formatul video MP4 să funcționeze în toate browserele, serverul dvs. trebuie să aibă desemnate tipurile MIME corecte. Puteți afla mai multe despre utilizarea .htaccess pentru a defini tipurile MIME aici. Dacă observați că videoclipurile dvs. nu sunt redate în anumite browsere, atunci acesta este probabil motivul.
Lățimea Videoclipului de Fundal
Pentru ca videoclipurile să fie dimensionate corect, trebuie să introduceți lățimea exactă (în pixeli) a videoclipului dvs. aici.
Înălțimea Videoclipului de Fundal
Pentru ca videoclipurile să fie dimensionate corect, trebuie să introduceți înălțimea exactă (în pixeli) a videoclipului dvs. aici.
Eticheta de Administrator
În acest meniu derulant, puteți adăuga o etichetă de administrator care va apărea în generatorul de back-end, precum și în vizualizarea scheletului constructorului vizual.
Opțiuni de Design Pentru Secțiuni
În fila de Design veți găsi toate opțiunile de stil ale secțiunii, cum ar fi dimensiunea și spațierea. Aceasta este fila pe care o veți folosi pentru a schimba modul în care arată secțiunea dvs. Fiecare tip de secțiune Divi are o listă lungă de setări de design pe care le puteți folosi pentru a schimba aproape orice.
Arată Umbra Interioară
Aici puteți selecta dacă secțiunea dvs. are sau nu o umbră interioară. Acest lucru poate arăta grozav atunci când aveți fundaluri colorate sau imagini de fundal.
Utilizați Efectul Parallax
Dacă este activată, imaginea de fundal va rămâne fixă pe măsură ce derulați, creând un efect distractiv asemănător paralaxei. De asemenea, puteți alege între două metode de paralaxă: CSS și True Parallax.
Padding Personalizat
Aici puteți ajusta padding-ul secțiunii la anumite valori sau lăsați necompletat pentru a utiliza padding-ul implicit.
Opțiuni Avansate Pentru Secțiuni
În fila Avansată, veți găsi opțiuni pe care designerii web mai experimentați le-ar putea găsi utile, cum ar fi atributele CSS și HTML personalizate. Aici puteți aplica CSS personalizat secțiunii dvs. De asemenea, puteți aplica clase CSS personalizate și ID-uri la secțiune, care pot fi folosite pentru a personaliza secțiunea din fișierul style.css al Temei Copil.
ID CSS
Introduceți un ID CSS opțional pentru a fi utilizat pentru această secțiune. Un ID poate fi folosit pentru a crea un stil CSS personalizat sau pentru a crea link-uri către anumite secțiuni ale paginii dvs.
Clasa CSS
Introduceți clase CSS opționale care vor fi utilizate pentru această secțiune. O clasă CSS poate fi utilizată pentru a crea stiluri CSS personalizate. Puteți adăuga mai multe clase, separate printr-un spațiu. Aceste clase pot fi folosite în tema Divi Child sau în CSS-ul personalizat pe care îl adăugați la pagina sau site-ul dvs. folosind Opțiunile Temei Divi sau setările paginii Divi Builder.
CSS Personalizat
CSS personalizat poate fi aplicat secțiunii aici. În secțiunea CSS personalizat, veți găsi un câmp de text în care puteți adăuga CSS personalizat direct la fiecare element. Intrările CSS în aceste setări sunt deja incluse în etichete de stil, așa că trebuie să introduceți doar reguli CSS separate prin punct și virgulă.
Vizibilitate
Această opțiune vă permite să controlați pe ce dispozitive apare secțiunea dvs. Puteți alege să vă dezactivați secțiunea pe tablete, telefoane inteligente sau computere desktop individual. Acest lucru este util dacă doriți să utilizați diferite secțiuni pe diferite dispozitive sau dacă doriți să simplificați designul mobil prin eliminarea anumitor secțiuni din pagină.
Utilizarea Secțiunilor cu Lățime Completă
Secțiunile cu lățime completă vă oferă acces la un nou set de module cu lățime completă. Aceste module acționează puțin diferit, deoarece profită de lățimea completă a browserului. Modulele cu lățime completă pot fi plasate numai în secțiunile cu lățime completă.
După ce adăugați o nouă secțiune cu lățime completă la pagina dvs., puteți face clic pe butonul „Adăugați module” din secțiune pentru a adăuga un modul cu lățime completă. Spre deosebire de secțiunea normală, nu există un concept de rânduri sau coloane, deoarece modulele cu lățime completă profită întotdeauna de 100% din ecran. Modulele cu lățime completă sunt o modalitate excelentă de a adăuga o pauză vizuală paginii!
Un exemplu excelent de modul cu lățime completă este Sliderul cu lățime completă. Acest slider cu lățime completă funcționează la fel ca un slider normal, cu excepția faptului că se extinde la 100% lățime. Afișarea unui slider la o astfel de scară poate fi destul de uimitoare, doar verificați acest demo de la divi pentru un exemplu.
Utilizarea Secțiunilor de Specialitate
Secțiunile de specialitate au fost create pentru a permite structuri de coloane mai avansate. Spre deosebire de secțiunile normale, atunci când utilizați o secțiune de specialitate, puteți adăuga variații complexe de coloane lângă barele laterale verticale, fără a adăuga pauze nedorite în pagină. Aceste tipuri de machete nu sunt posibile folosind secțiuni normale.
Odată ce adăugați o secțiune de specialitate în pagină, veți observa că o zonă are un buton „adăugați modul”, în timp ce cealaltă are un buton „inserați rând”. Zona „inserați modul” reprezintă bara dvs. laterală verticală. Puteți adăuga cât mai multe module aici, într-un singur rând, iar acestea se vor întinde pe lățimea verticală a secțiunii, adiacent structurii coloanei pe care o construiți alături. Făcând clic pe „inserați rând”, vă va permite să inserați rânduri suplimentare în stânga/dreapta barei laterale. Într-un fel, acest lucru poate fi considerat ca adăugarea de rânduri în rânduri!
Rezultatul este capacitatea de a crea aproape orice structură de coloane la care ați putea visa și indiferent de structură pe care o alegeți, ne-am asigurat că combinația va arăta grozav! Iată un exemplu de aspect de pagină creat folosind secțiuni de specialitate. După cum puteți vedea, efectul este un aspect cu bară laterală dublă, cu două rânduri care se întind pe verticală în stânga/dreapta unei structuri complexe de coloane în mijloc.
