Rândurile sunt aranjamente diferite de coloane care pot fi plasate în interiorul secțiunilor. La fel ca modulele, rândurile au diverse setări care pot fi accesate făcând clic pe pictograma setări din stânga sus a rândului. În acest tutorial, vom trece peste câteva dintre caracteristici și cum pot fi utilizate pentru a crea niște aspecte foarte unice. Setările de linii, în special, pot fi utilizate pentru a crește foarte mult varietatea de layout-uri create cu Divi Builder, deoarece creează structura în care sunt găzduite modulele tale.
Setări de conținut
Culoarea de fundal
Imaginile de fundal pot fi aplicate pe un rând întreg. În mod implicit, liniile au o culoare de fundal transparentă.
Imagine de fundal
Imaginile de fundal pot fi aplicate pe un rând întreg.
Videoclip de fundal MP4
Les videoclipuri fundalurile pot fi aplicate liniilor. Dacă doriți să aplicați videoclipuri de fundal, trebuie să încărcați videoclipuri MP4 și WEBM și să introduceți videoclipuri ICI.
Videoclip de fundal web
Les videoclipuri fundalurile pot fi aplicate liniilor. Dacă doriți să aplicați videoclipuri de fundal, trebuie să descărcați videoclipuri MP4 și WEBM și să introduceți videoclipurile aici.
Lățimea videoclipului de fundal
După ce videoclipurile dvs. sunt încărcate, trebuie să introduceți lățimea videoclipului aici. Acesta trebuie să fie egal cu lățimea reală a videoclipului, altfel poziția fundalului va fi incorectă.
Înălțimea videoclipului de fundal
După ce videoclipurile dvs. sunt încărcate, trebuie să introduceți înălțimea videoclipului aici. Trebuie să fie egală cu înălțimea reală a videoclipului, altfel poziția de fundal va fi incorectă.
Pauză video
Dacă doriți ca videoclipurile să se întrerupă la clic, activați această opțiune.
Culoarea de fundal a coloanei
Pentru fiecare coloană dintr-un rând, puteți atribui o culoare de fundal unică.
Imagine de fundal a coloanei
Pentru fiecare coloană la rând, puteți atribui o imagine de fundal unică.
Etichetă de administrator
Aceasta va schimba eticheta modulului din generator pentru o identificare ușoară. Când utilizați vizualizarea WireFrame în Visual Builder, aceste etichete vor apărea în blocul modul al interfeței Divi Constructor.
Parametri de proiectare
Folosiți efectul de paralaxă
Dacă doriți să utilizați efectul de paralaxă pentru imaginea de fundal a liniei, puteți activa aici și apoi alege metoda de paralaxă dorită.
Efect parallax de coloană
Aici puteți alege dacă utilizați sau nu efectul de paralaxă pentru imaginea de fundal a unei coloane specifice din rândul dvs.
Asigurați-l pe toată lățimea liniei
Dacă această opțiune este activată, linia va acoperi întreaga lățime a ferestrei browserului (similar cu o secțiune de lățime completă). Aceasta este o modalitate excelentă de a crea câteva planuri de coloane cu lățime completă.
Folosiți lățimea personalizată
De asemenea, puteți atribui o lățime personalizată unei linii. De exemplu, dacă doriți să adăugați variații la fluxul de pagină și să faceți un rând mai mare decât restul, puteți introduce aici o valoare personalizată a lățimii
Utilizați lățimea personalizată a jgheabului
Lățimea jgheabului stabilește distanța dintre coloane. Există 4 dimensiuni de jgheab, începând de la 0 definiție setarea lățimii jgheabului la 1 nu va avea ca rezultat goluri între coloane. Atunci când este combinat cu opțiunea Full Width, aceasta poate crea efecte similare cu modulul Portfolio Full Screen.
Egalizați înălțimile coloanei
Aceasta este o opțiune excelentă, utilă mai ales atunci când ați aplicat culori de fundal coloanelor individuale. Activarea acestei opțiuni forțează toate coloanele din rând să aibă aceeași valoare a înălțimii.
Garnitură personalizată
Dacă doriți să ajustați umplerea liniei, o puteți face aici.
Marja personalizata
Dacă doriți să ajustați marginea liniei, puteți să o faceți aici.
Completarea coloanelor personalizate
Dacă doriți să reglați umplerea unei anumite coloane din rândul dvs., puteți face acest lucru aici.
Marja coloană personalizată
Dacă doriți să ajustați marja unei anumite coloane din rândul dvs., puteți face acest lucru aici.
Setări avansate
Cod CSS
Puteți atribui un ID CSS rândului dacă doriți să îl vizați în foaia de stil sau cu linkuri de ancorare.
CSS
Puteți atribui o clasă CSS liniei dacă doriți să o vizați în foaia de stil.
Codul coloanei CSS
Puteți atribui un ID CSS unei coloane specifice din rândul dvs. dacă doriți să îl vizați în foaia de stil sau cu linkuri de ancorare.
Coloana din clasa CSS
Puteți atribui o clasă CSS unei anumite coloane din rândul dvs. dacă doriți să o vizați în foaia de stil.
Înainte
Intrare CSS aici pentru a aplica: înainte de div. Linie principală.
Elementul principal
Intrare CSS aici pentru a aplica la div. Linie principală.
Après
Intrare CSS aici pentru a aplica: după divizarea liniei principale.
Coloana din față
Introduceți CSS aici pentru a aplica: înainte de divizarea specificată în coloană.
Elementul principal al coloanei
Introduceți CSS aici pentru a aplica la coloana div specificată.
Coloana după
Intrare CSS aici pentru a aplica: după coloana div specificată.
vizibilitate
Această opțiune vă permite să controlați dispozitivele pe care apare modulul dvs. de linie. Puteți alege să vă dezactivați modulul individual pe tablete, smartphone-uri sau desktop-uri. Acest lucru este util dacă doriți să utilizați diferite module pe diferite dispozitive sau dacă doriți să simplificați designul mobil prin eliminarea anumitor elemente din pagină.
Punerea tutorialului în practică
Acum, că am parcurs toate setările, să testăm câteva pentru a vă arăta ce este posibil atunci când fiecare setare este utilizată în mod creativ. În acest exemplu, voi acoperi setarea rândului ecranului complet ca o introducere. Opțiunea de a crea un rând „Full Screen” este una dintre cele mai versatile opțiuni ale setului. Aceasta va extinde lățimea liniei până la marginea browserului, ca o secțiune Ecran complet (sau Lățime completă). Spre deosebire de o secțiune Fullwidth, totuși, rândurile FullWidth pot avea structuri de coloane și pot conține orice modul! În exemplul de mai jos, am creat un rând cu 4 coloane și am adăugat o imagine pătrată în fiecare coloană. Apoi, am activat „Faceți această linie pe toată lățimea” pentru a extinde linia până la marginile ferestrei browserului.
Apoi am redus dimensiunea „Jgheabului” la „1” pentru a elimina spațiul dintre coloanele din rând.
În cele din urmă, am eliminat căptușeala deasupra și dedesubtul liniei schimbând valorile de sus și de jos cu o opțiune „Completare personalizată” la „0”.
Rezultatul este o transformare completă a rândului, transformând rândul nostru normal de 4 coloane de imagini într-o galerie de imagini cu lățime completă, care arată uimitor în comparație cu secțiunea verde de mai jos. Același efect poate fi creat și folosind culori de fundal de coloană personalizate și moduri bazate pe text. Posibilitățile sunt nelimitate!
