Redovi su različiti rasporedi stupaca koji se mogu postaviti unutar odjeljaka. Kao i moduli, retci imaju različite postavke kojima se može pristupiti klikom na ikonu postavki u gornjem lijevom kutu retka. U ovom ćemo vodiču proći kroz neke od značajki i kako se one mogu koristiti za stvaranje vrlo jedinstvenih izgleda. Konkretno, postavke linija mogu se koristiti za značajno povećanje raznolikosti stvorenih izgleda Divi Builder, jer oni stvaraju strukturu u kojoj se nalaze vaši moduli.
Postavke sadržaja
Boja pozadine
Pozadinske slike mogu se primijeniti na cijeli redak. Linije prema zadanim postavkama imaju prozirnu boju pozadine.
Pozadinska slika
Pozadinske slike mogu se primijeniti na cijeli redak.
MP4 pozadinski video
Les video pozadine se mogu primijeniti na linije. Ako želite primijeniti pozadinski video, trebate prenijeti MP4 i WEBM video i unijeti video ICI.
Web pozadinski video
Les video pozadine se mogu primijeniti na linije. Ako želite primijeniti pozadinski video, trebate preuzeti MP4 i WEBM video i unijeti video zapise ovdje.
Širina pozadinskog videozapisa
Nakon što se videozapisi prenesu, ovdje morate unijeti širinu videozapisa. Mora biti jednaka stvarnoj širini videozapisa, inače će položaj pozadine biti netočan.
Visina pozadinskog videozapisa
Nakon što se videozapisi prenesu, ovdje morate unijeti visinu videozapisa. Mora biti jednaka stvarnoj visini videozapisa, inače će položaj pozadine biti netočan.
Pauza za videozapise
Ako želite da se videozapisi pauziraju kad se klikne, omogućite ovu opciju.
Boja pozadine stupca
Za svaki stupac u nizu možete dodijeliti jedinstvenu boju pozadine.
Pozadinska slika stupca
Za svaki stupac u nizu možete dodijeliti jedinstvenu pozadinsku sliku.
Oznaka administratora
Ovo će promijeniti oznaku modula u generatoru radi lakše identifikacije. Kada koristite prikaz WireFrame u Visual Builderu, ove će se oznake pojaviti u bloku modula sučelja Divi Graditelj.
Projektni parametri
Koristite efekt paralaksa
Ako želite koristiti paralaksni efekt za pozadinsku sliku crte, ovdje možete omogućiti i zatim odabrati željenu metodu paralaksije.
Efekt paralaksije stupca
Ovdje možete odabrati želite li koristiti efekt paralaksa za pozadinsku sliku određenog stupca u vašem retku.
Napravite ovu liniju punu širinu
Ako je ova opcija omogućena, linija će obuhvaćati cijelu širinu prozora preglednika (slično odjeljku pune širine). Ovo je izvrstan način za stvaranje nekih cool rasporeda stupaca pune širine.
Koristite prilagođenu širinu
Crti također možete dodijeliti prilagođenu širinu. Na primjer, ako želite dodati varijaciju u feed stranice i napraviti jedan redak većim od ostatka, ovdje možete unijeti vrijednost prilagođene širine
Koristite prilagođenu širinu oluka
Širina oluka postavlja udaljenost između stupova. Postoje 4 veličine oluka, počevši od 0. The definicija postavljanje širine oluka na 1 neće rezultirati prazninama između stupaca. U kombinaciji s opcijom Full Width, to može stvoriti efekte slične modulu Portfolio Full Screen.
Izjednačite visine stupaca
Ovo je izvrsna opcija, posebno korisna kada ste primijenili boje pozadine na pojedine stupce. Omogućavanje ove opcije prisiljava sve stupce u retku da imaju jednaku vrijednost visine.
Custom padding
Ako želite podesiti ispunu linije, možete to učiniti ovdje.
Prilagođena marža
Ako želite podesiti marginu linije, možete to učiniti ovdje.
Prilagođeno oblaganje stupaca
Ako želite prilagoditi dodavanje određenog stupca u svom retku, to možete učiniti ovdje.
Prilagođena margina stupca
Ako želite prilagoditi marginu određenog stupca u svom retku, to možete učiniti ovdje.
Napredne postavke
CSS ID
Redu možete dodijeliti CSS ID ako ga želite ciljati u tablici stilova ili pomoću sidrenih veza.
CSS klasa
Liniji možete dodijeliti klasu CSS ako želite ciljati na svom listu stilova.
ID stupca CSS-a
Možete dodijeliti CSS ID određenom stupcu u retku ako ga želite ciljati u tablici stilova ili sidrenim vezama.
Stupac klase CSS
Možete dodijeliti CSS klasu određenom stupcu u vašem retku ako želite ciljati na svom listu stilova.
Prije
CSS ovdje se primjenjuje: prije DIVA glavne crte.
Glavni element
CSS unos ovdje za primjenu na glavni red div.
Après
CSS unesite ovdje za primjenu: nakon glavnog retka div.
Prednji stupac
Ovdje unesite CSS za prijavu: prije navedenog div stupca.
Glavni element stupca
Ovdje unesite CSS da biste se prijavili na navedeni stupac div.
Stupac poslije
CSS unesite ovdje za primjenu: nakon navedenog stupca div.
vidljivost
Ova vam opcija omogućuje upravljanje uređajima na kojima se pojavljuje vaš linijski modul. Možete odabrati da deaktivirate svoj modul na tabletima, pametnim telefonima ili stolnim računalima pojedinačno. Ovo je korisno ako želite koristiti različite module na različitim uređajima ili ako želite pojednostaviti dizajn mobilnih uređaja uklanjanjem određenih elemenata sa stranice.
Stavljanje udžbenika u praksu
Sad kad smo prošli sve postavke, testirajmo nekoliko kako bismo vam pokazali što je moguće kada se svaka postavka koristi kreativno. U ovom primjeru kao uvod ću pokriti postavku Cijeli zaslon. Opcija za stvaranje retka "Cijeli zaslon" jedna je od najsvestranijih opcija skupa. To će proširiti širinu retka do ruba preglednika, poput odjeljka Puni zaslon (ili FullWidth). Za razliku od odjeljka s punom širinom, retci s punom širinom mogu imati strukturu stupaca i mogu sadržavati bilo koji modul! U donjem primjeru izradio sam redak od 4 stupca i svakom stupcu dodao kvadratnu sliku. Dalje, omogućio sam opciju "Učini ovu liniju punom širinom" kako bih je proširio do rubova prozora preglednika.
Zatim sam smanjio veličinu "Oluka" na "1" kako bih uklonio razmak između stupaca u redu.
Konačno, uklonio sam popunjavanje iznad i ispod crte mijenjajući gornju i donju vrijednost pomoću opcije "Prilagođeno ispunjavanje" u "0".
Rezultat je potpuna transformacija redaka, pretvarajući naš normalni red od 4 stupca slika u galeriju slika pune širine, koja izgleda nevjerojatno u usporedbi sa zelenim odjeljkom u nastavku. Isti se efekt može stvoriti i pomoću prilagođenih boja pozadine stupaca i modova zasnovanih na tekstu. Mogućnosti su neograničene!