Divi vam omogućuje postavljanje klizača u odjeljke pune širine, čineći tako da klizači obuhvaćaju cijelu širinu preglednika. Klizači Divi (klizači) podržavaju paralaksne pozadine, kao i pozadine video zapisa!

koristite klizač na divi.png

Kako dodati Diapo modul pune širine od Divi

Prije nego što svojoj stranici možete dodati modul klizača pune širine, prvo morate skočiti u Divi Builder. Jednom Divi tema instaliran na vašem web stranica, primijetit ćete gumb Koristite Divi Builderiznad uređivača postova kad god izradite novu stranicu. Pritisnite ovaj gumb da biste aktivirali Divi Builder i pristupili svim modulima Divi Builder. Zatim kliknite na gumb Koristite Visual Builder za pokretanje generatora u vizualnom načinu. Također možete kliknuti gumb Koristite Visual Builder kada pregledavate svoje web stranica u prvom planu ako ste prijavljeni na nadzornu ploču WordPressa.

koristiti vizualni graditelj divi.png

Kada uđete u Visual Builder, možete kliknuti sivi gumb plus da biste na svoju stranicu dodali novi modul. Novi moduli mogu se dodavati samo unutar redaka. Ako započinjete novu stranicu, ne zaboravite prvo dodati redak na svoju stranicu.

stvorite slide divi tutorial wordpress.png

Pronađite modul klizača pune širine na popisu modula i kliknite ga da biste ga dodali na svoju stranicu. Popis modova je pretraživ, što znači da možete upisati i riječ "Slide", a zatim kliknuti Enter da biste automatski pronašli i dodali klizač modula pune širine! Nakon dodavanja modula, dočekat će vas popis opcija modula. Te su opcije podijeljene u tri glavne skupine: Sadržaj , Začeće et napredan .

Primjer slučaja: Dodavanje odjeljka Hero Slider Fullwidth na vašu početnu stranicu

Klizač pune širine izvrstan je način za prikaz više CTA-ova iznad praga vaše početne stranice. Kombinacija slika i sadržaja doista može vašem odjelu pružiti profesionalni osjećaj koji se ističe.

U ovaj ću primjer dodati slajd pune širine koji će služiti kao glavni odjeljak na početnoj stranici.

stvorite primjer slajda pune širine.jpg

Koristeći Visual Builder, dodajte odjeljak Fullwidth na vrh svoje web stranice. Zatim umetnite modul Klizač pune širine u svoj novi odjeljak. Na kartici Sadržaj postavki dijapozitiva pune širine kliknite + Dodaj novu stavku da biste stvorili svoj prvi slajd.

stvoriti slajd divi.png

U postavkama dijapozitiva prvog slajda ažurirajte sljedeće mogućnosti:

Opcije sadržaja

En-glava : [unesite naslov slajda]
Tekst gumba : [unesite tekst gumba]
Sadržaj : [unesite tekstualni sadržaj slajda]
URL gumba : [unesite odredišni URL gumba Slide]
Pozadinska slika : [unesite sliku koja će poslužiti kao kulisa za slajd]

Mogućnosti dizajna

Upotrijebite prekrivač u pozadini : YES
Boja sloja pozadine : rgba (0,0,0,0.2) ovaj sloj malo potamnjuje pozadinsku sliku kako bi tekst bio čitljiviji.

slide divi blogpascher.png

Spremite postavke dijapozitiva

Sada duplicirajte slajd koji ste upravo stvorili i ažurirajte novi slajd novim sadržajem po potrebi. Ponovite ovo za sve slajdove koje želite dodati.

duplicirati slide divi.png

To je sve. Za ovaj primjer uključujem samo dva slajda, ali rezultat je učinkovit hero klizač pune širine s višestrukim pozivima na radnju koji angažira korisnika da klikne gumb za više informacija. Budući da je ovo vaš glavni poziv na akciju za vaše web stranica, predlažem da pokrenete podijeljene testove na svom slajdu pune širine koristeći Divi Leads i vidite koji se najbolje pretvara.

primjer slajd divi dem.gif

Pomaknite opcije cijelog sadržaja

Na kartici Sadržaj pronaći ćete sve elemente sadržaja modula, kao što su tekst, slike i ikone. Sve to kontrolira što se pojavljuje u vašem modulu uvijek će se naći na ovoj kartici.

slajd divi dio content.png

strelice

Odaberite želite li prikazati lijevu i desnu navigacijsku strelicu ili ne.

kontrole

Odaberite želite li ili ne prikazivati ​​gumbe krugova / pokazivača slajdova pri dnu kursora.

Oznaka administratora

Ovo će promijeniti oznaku modula u konstruktoru radi lakše identifikacije. Kada koristite prikaz WireFrame u Visual Builderu, ove se oznake pojavljuju u modulnom bloku sučelja Divi Builder.

Mogućnosti dizajna modula slajda

Na kartici Dizajn pronaći ćete sve mogućnosti oblikovanja modula, poput fontova, boja, veličine i razmaka. Ovo je kartica koju ćete koristiti za promjenu izgleda vašeg modula. Svaki Divi modul ima dugački popis postavki dizajna pomoću kojih možete bilo što promijeniti.

divi.png

Uklonite unutarnju sjenu

Prema zadanim postavkama, unutarnja se sjena prikazuje u pokazivaču. Ako želite isključiti ovu sjenu, to možete učiniti pomoću ove postavke.

Paralaksi učinak

Omogućivanjem ove opcije pozadinske će slike dobiti fiksni položaj tijekom pomicanja. Imajte na umu da će, kad je ova postavka omogućena, vaše slike prilagoditi vaše slike na visinu preglednika.

Font zaglavlja

Font teksta zaglavlja možete promijeniti odabirom željenog fonta s padajućeg izbornika. Divi dolazi s desecima izvrsnih fontova koje pokreće Google Fonts. Prema zadanim postavkama Divi koristi font Open Sans za sav tekst na vašoj stranici. Također možete prilagoditi stil teksta koristeći podebljano, kurziv, velika slova i opcije podcrtavanja.

slikovni dio fonta dizajna lentete.png

Veličina fonta zaglavlja

Ovdje možete prilagoditi veličinu teksta zaglavlja. Možete povući klizač raspona da biste povećali ili smanjili veličinu teksta ili izravno unijeli željenu vrijednost veličine teksta u polje za unos s desne strane klizača. Polja za unos podržavaju različite jedinice mjere, što znači da za promjenu vrste jedinice možete unijeti "px" ili "em", ovisno o vrijednosti vaše veličine.

Boja teksta zaglavlja

Prema zadanim postavkama, sve boje teksta u Diviju pojavljuju se u bijeloj ili tamno sivoj boji. Ako želite promijeniti boju teksta zaglavlja, odaberite željenu boju iz alata za odabir boja pomoću ove opcije.

Razmak zaglavlja u slovima

Razmak između slova utječe na razmak između svakog slova. Ako želite povećati razmak između svakog slova u tekstu zaglavlja, pomoću klizača raspona prilagodite razmak ili unesite željenu veličinu razmaka u polje za unos s desne strane klizača. Polja za unos podržavaju različite mjerne jedinice, što znači da za promjenu vrste jedinice možete unijeti "px" ili "em", ovisno o vrijednosti vaše veličine.

Visina reda zaglavlja

Visina retka utječe na razmak između svakog retka teksta zaglavlja. Ako želite povećati razmak između svakog retka, pomoću klizača raspona prilagodite razmak ili unesite željenu veličinu razmaka u polje polje za unos desno od kursora. Polja za unos podržavaju različite mjerne jedinice, što znači da za promjenu vrste jedinice možete unijeti "px" ili "em", ovisno o vrijednosti vaše veličine.

Tijela policije

Font vašeg tijela možete promijeniti odabirom željenog fonta s padajućeg izbornika. Divi dolazi s desecima izvrsnih fontova koje pokreće Google Fonts. Prema zadanim postavkama Divi koristi font Open Sans za sav tekst na vašoj stranici. Također možete prilagoditi stil teksta koristeći podebljano, kurziv, velika slova i opcije podcrtavanja.

Veličina fonta tijela

Ovdje možete prilagoditi veličinu teksta tijela. Možete povući klizač raspona da biste povećali ili smanjili veličinu teksta ili izravno unijeli željenu vrijednost veličine teksta u polje za unos s desne strane klizača. Polja za unos podržavaju različite jedinice mjere, što znači da za promjenu vrste jedinice možete unijeti "px" ili "em", ovisno o vrijednosti vaše veličine.

divi.png

Boja teksta tijela

Prema zadanim postavkama, sve boje teksta u Diviju pojavljuju se u bijeloj ili tamno sivoj boji. Ako želite promijeniti boju teksta, odaberite željenu boju iz alata za odabir boja pomoću ove opcije.

Prostor tijela slova

Razmak između slova utječe na razmak između svakog slova. Ako želite povećati razmak između svakog slova u tekstu, pomoću klizača raspona prilagodite razmak ili unesite željenu veličinu razmaka u polje za unos s desne strane klizača. Polja za unos podržavaju različite jedinice mjere, što znači da za promjenu vrste jedinice možete unijeti "px" ili "em", ovisno o vrijednosti vaše veličine.

Visina tijela linije

Visina retka utječe na razmak između svakog retka teksta u vašem tijelu. Ako želite povećati razmak između svakog retka, pomoću klizača raspona prilagodite razmak ili unesite željenu veličinu razmaka u polje za unos smješteno desno od kursora. Polja za unos podržavaju različite jedinice mjere, što znači da za promjenu vrste jedinice možete unijeti "px" ili "em", ovisno o vrijednosti vaše veličine.

Gornja obloga

Ovaj parametar kontrolira unutarnji prostor između vrha modula i tekstualnog sadržaja u modulu. Ako želite povećati ili smanjiti ovaj prostor, ovdje unesite željenu vrijednost. Na primjer, da biste smanjili prostor i ukupnu veličinu kursora, možete unijeti vrijednost od 100 piksela. Također možete unijeti vrijednost postotka, na primjer 10%, kako biste visinu učinili dinamičnijom.

Donje obloge

Ovaj parametar kontrolira unutarnji prostor između dna modula i tekstualnog sadržaja u modulu. Ako želite povećati ili smanjiti ovaj prostor, ovdje unesite željenu vrijednost. Na primjer, da biste smanjili prostor i ukupnu veličinu kursora, možete unijeti vrijednost od 100 piksela. Također možete unijeti vrijednost postotka, na primjer 10%, kako biste visinu učinili dinamičnijom.

Upotrijebite prilagođene stilove za gumb

Omogućavanjem ove opcije otkrivaju se razne postavke prilagodbe gumba pomoću kojih možete promijeniti izgled gumba vašeg modula.

Veličina teksta gumba

Ova se postavka može koristiti za povećanje ili smanjenje veličine teksta na gumbu. Gumb se prilagođava kako se veličina teksta povećava i smanjuje.

Boja teksta gumba

Prema zadanim postavkama, gumbi usvajaju boju naglaska vaše teme kako je definirano u programu za prilagođavanje tema. Ova vam opcija omogućuje da gumbu ovog modula dodijelite prilagođenu boju teksta. Odaberite prilagođenu boju pomoću alata za odabir boje da biste promijenili boju gumba.

boja gumba divi.png

Boja pozadine gumba

Prema zadanim postavkama, gumbi imaju prozirnu boju pozadine. To se može promijeniti odabirom željene boje pozadine iz alata za odabir boja.

Širina granice gumba

Svi Divi gumbi prema zadanim postavkama imaju obrub od 2 piksela. Ova se granica može povećati ili smanjiti pomoću ove postavke. Granice se mogu ukloniti unosom vrijednosti 0.

Boja rubova gumba

Prema zadanim postavkama obrubi gumba usvajaju boju naglaska vaše teme kako je definirano u programu za prilagođavanje tema. Ova vam opcija omogućuje da gumbu ovog modula dodijelite prilagođenu boju obruba. Odaberite prilagođenu boju pomoću alata za odabir boja da biste promijenili boju obruba gumba.

Radijus graničnika gumba

Polumjer obruba utječe na zaobljenost kutova gumba. Prema zadanim postavkama, gumbi u Diviu imaju mali radijus obruba koji zaokružuje uglove za 3 piksela. Ovu vrijednost možete smanjiti na 0 da biste stvorili kvadratni gumb ili ga znatno povećali da biste stvorili gumbe s kružnim rubovima.

Razmak slova gumba

Razmak između slova utječe na razmak između svakog slova. Ako želite povećati razmak između svakog slova u tekstu gumba, pomoću klizača raspona prilagodite razmak ili unesite željenu veličinu razmaka u polje za unos s desne strane klizača. Polja za unos podržavaju različite jedinice mjere, što znači da za promjenu vrste jedinice možete unijeti "px" ili "em", ovisno o vrijednosti vaše veličine.

Tipka gumba

Font teksta gumba možete promijeniti odabirom željenog fonta s padajućeg izbornika. Divi dolazi s desecima izvrsnih fontova koje pokreće Google Fonts. Prema zadanim postavkama Divi koristi font Open Sans za sav tekst na vašoj stranici. Također možete prilagoditi stil teksta koristeći podebljano, kurziv, velika slova i opcije podcrtavanja.

Dodajte ikonu gumba

Onemogućeno, ova postavka uklonit će ikone s vašeg gumba. Prema zadanim postavkama, svi Divi gumbi prikazuju ikonu strelice na lebdenju.

Ikona gumba

Ako su ikone omogućene, pomoću ove postavke možete odabrati ikonu koju ćete koristiti na svojem gumbu. Divi ima različite ikone na izbor.

Gumb ikone u boji

Prilagodba ove postavke promijenit će boju ikone koja se pojavljuje na vašem gumbu. Prema zadanim postavkama boja ikone jednaka je boji teksta gumba, ali ova postavka omogućuje vam neovisno podešavanje boje.

Gumb za postavljanje ikona

Možete odabrati prikaz ikone gumba s lijeve ili desne strane gumba.

Pokažite ikonu samo kad zadržite pokazivač iznad gumba

Prema zadanim postavkama ikone gumba prikazuju se samo kada lebdite. Ako želite da se ikona uvijek prikazuje, isključite ovu postavku.

Zadržite boju teksta gumba

Kad mišem zadržite pokazivač iznad gumba, koristit će se ova boja. Boja će se promijeniti od osnovne boje definirane u prethodnim postavkama.

Boja pozadine gumba miša

Kad mišem zadržite pokazivač iznad gumba, koristit će se ova boja. Boja će se promijeniti od osnovne boje definirane u prethodnim postavkama.

Border gumb za prebojavanje u boji

Kad mišem zadržite pokazivač iznad gumba, koristit će se ova boja. Boja će se promijeniti od osnovne boje definirane u prethodnim postavkama.

Gumb za zaobljenje graničnog polumjera

Kad se mišem zadrži pokazivač iznad gumba, koristit će se ova vrijednost. Vrijednost će se promijeniti od osnovne vrijednosti definirane u prethodnim postavkama.

Tipka razmaka razmaka

Kad se mišem zadrži pokazivač iznad gumba, koristit će se ova vrijednost. Vrijednost će se promijeniti od osnovne vrijednosti definirane u prethodnim postavkama.

Napredne mogućnosti kliznog modula pune širine

Na naprednoj kartici pronaći ćete opcije koje bi iskusnijim web dizajnerima mogle biti korisne, poput prilagođenih CSS i HTML atributa. Ovdje možete primijeniti prilagođeni CSS na bilo koji od mnogih elemenata modula. Na modul također možete primijeniti prilagođene CSS klase i ID-ove koji se mogu koristiti za prilagodbu modula u datoteci style.css vaše dječje teme.

prednji dio slajd modula divi.png

CSS ID

Unesite neobavezni CSS ID koji ćete koristiti za ovaj modul. ID se može koristiti za stvaranje prilagođenog CSS stila ili za povezivanje na određene odjeljke vaše stranice.

CSS klasa

Unesite neobavezne CSS klase koje ćete koristiti za ovaj modul. CSS klasa može se koristiti za izradu prilagođenog CSS stila. Možete dodati više klasa odvojenih razmakom. Te se klase mogu koristiti u vašoj podređenoj temi Divi ili u prilagođenom CSS listu stilova koji dodate na svoju stranicu ili na svoje web mjesto pomoću opcija teme Divi ili postavki stranice Divi Builder.

Prilagođeni CSS

Prilagođeni CSS također se može primijeniti na modul i bilo koji od unutarnjih dijelova modula. U odjeljku Prilagođeni CSS pronaći ćete tekstualno polje u koje možete dodati prilagođene CSS stilske tablice izravno u svaki element. CSS unosi u ovim postavkama već su omotani stilskim oznakama. Dakle, samo unesite CSS pravila odvojena zarezom.

Automatska animacija

Ako želite pokazivač kliziti automatski, bez da posjetitelj klikne sljedeći gumb, omogućite tu opciju, a zatim podesite brzinu rotacije ako želite.

Automatska brzina animacije (u ms)

Ovdje možete naznačiti koliko brzo kursor blijedi između svakog slajda ako je gore omogućena opcija "Automatsko animiranje". Što je broj veći, to je duža pauza između svake rotacije.

Nastavi Auto slide na Hoveru

Uključivanjem to će omogućiti automatsko klizanje za nastavak na pokazivač miša.

Sakrij sadržaj na mobitelu

Kako se veličina zaslona smanjuje na mobilnim uređajima, nekretnine na zaslonu postaju sve vrijednije. Ponekad je dobro isključiti neke manje važne elemente kursora kako biste smanjili veličinu kursora i učinili ga čitljivijim. Omogućavanje ove postavke skriva sadržaj teksta kursora na mobilnom uređaju.

Sakrij CTA na mobitelu

Kako se veličina zaslona smanjuje na mobilnim uređajima, nekretnine na zaslonu postaju sve vrijednije. Ponekad je dobro isključiti neke manje važne elemente kursora kako biste smanjili veličinu kursora i učinili ga čitljivijim. Omogućivanjem ove postavke sakrit će se gumbi poziva na akciju na mobilnom uređaju.

Pogledajte sliku / video na mobitelu

Kako se veličina zaslona smanjuje na mobilnim uređajima, nekretnine na zaslonu postaju sve vrijednije. Ponekad je dobro isključiti neke manje važne elemente kursora kako biste smanjili veličinu kursora i učinili ga čitljivijim. Omogućavanjem ove postavke prikazuju se dijapozitivne slike i videozapisi na mobitelu (oni su onemogućeni prema zadanim postavkama).

vidljivost

Ova vam opcija omogućuje upravljanje uređajima na kojima se pojavljuje vaš modul. Možete odabrati da deaktivirate svoj modul na tabletima, pametnim telefonima ili stolnim računalima pojedinačno. To je korisno ako želite koristiti različite modove na različitim uređajima ili ako želite pojednostaviti dizajn mobilnih uređaja uklanjanjem određenih elemenata sa stranice.

Opcije sadržaja za elemente kliznog modula pune širine

modul pojedinih elemenata divi diapo.png

Naslov

Ovdje postavite tekst naslova pokazivača.

Tekst gumba

Ako želite prikazati gumb ispod sadržaja slajda, ovdje unesite tekst gumba. Ostavite ovo polje prazno ako ne želite prikazati gumb.

Sadržaj

Ovdje unesite sadržaj tijela kursora. Napominjemo da će količina teksta koju ovdje unesete odrediti visinu slajdova.

URL gumba

Ako prikažete gumb, u ovo polje umetnite valjani web URL kako biste postavili odredišnu vezu.

Povucite sliku

Ako dodate sliku dijapozitiva, ona će se pojaviti lijevo od teksta dijapozitiva iznad pozadine dijapozitiva. Ako ne navedete sliku dijapozitiva, bit ćete s lijeve strane s centriranim dijapozitivom samo s tekstom. Budući da visinu svakog slajda određuje tekst, ako je slika slajda dovoljno visoka, pasti će ispod dna slajda, stvarajući poravnanu sliku na dnu.

povucite sliku divi.png

Imajte na umu da se visina dijapozitiva sa slikovnom slikom može odrediti višim dijapozitivom u klizaču. Provjerite je li slika slajda dovoljno velika da je želite poravnati na dnu. Iz razloga čitljivosti slike klizača pojavljuju se samo u klizačima širine stupca, stupca ili 1 stupca. Slide slike se neće prikazivati ​​na širinama preglednika manjim od 768 piksela. Širine dijapozitiva definirane su u nastavku. Preporučujemo da vaše slikovne slike budu barem jednako široke.

Video prezentacija

Ako dodate videozapis slajda, on će se pojaviti lijevo od teksta slajda iznad pozadine slajda. Ako ne navedete dijapozitiv, nalazit ćete se slijeva s centriranim dijapozitivom samo za tekst. Budući da visinu svakog slajda određuje tekst, ako je slika slajda dovoljno visoka, pasti će ispod dna slajda, stvarajući poravnanu sliku na dnu.

Pauziraj videozapis

Omogućite pauziranje videozapisa drugim igračima kad započnu reprodukciju

Pozadinska slika

Ako se postavi, ova će se slika koristiti kao pozadina ovog modula. Da biste uklonili pozadinsku sliku, samo uklonite URL iz polja postavki.

Visina slajda određuje se količinom teksta koji dodate. Ako imate više slajdova, klizač će zauzeti visinu najvišeg slajda.

Širina kursora određuje se širinom preglednika. Na temelju standardnih veličina zaslona, ​​preporučujemo da vaše slike budu najmanje 1280 x 768 piksela.

Položaj pozadinske slike

Prema zadanim postavkama, pozadinske slike prikazuju se u sredini dijapozitiva. Ovu postavku možete koristiti za promjenu položaja na vrhu, dnu, lijevo, desno ili u bilo kojem od četiri kuta klizača.

Veličina pozadinske slike

Po zadanom će se pozadinske slike proporcionalno povećavati kako bi se osiguralo da ispunjavaju cijeli slajd. Međutim, ovu opciju možete koristiti za promjenu zadanog ponašanja. "Pokrivenost" je zadano ponašanje koje skalira sliku tako da pokriva cijelo područje slajda. "Fit" će također prisiliti sliku da pokrije cijelo područje, međutim, prisilit će se da visina i širina slike odgovaraju visini i širini kursora. To može dovesti do iskrivljene slike, ali spriječit će njezino obrezivanje. "Stvarna veličina" ne prilagođava sliku i prikazuje je u izvornoj veličini.

Boja pozadine

Ako samo želite koristiti jednobojnu pozadinu za svoj slajd, pomoću alata za odabir boja postavite boju pozadine.

MP4 pozadinski video

Svi videozapisi trebaju se preuzeti u oba .MP4 .WEBM formata kako bi se osigurala maksimalna kompatibilnost u svim preglednicima. Preuzmite .MP4 verziju ovdje. Važna napomena: Video pozadine su onemogućene s mobilnih uređaja. Umjesto toga, koristit će se vaša bkacground slika. Iz tog razloga trebali biste postaviti i pozadinsku sliku i pozadinski video kako biste osigurali bolje rezultate.

WEBM pozadinski video

Svi videozapisi trebaju se preuzeti u oba .MP4 .WEBM formata kako bi se osigurala maksimalna kompatibilnost u svim preglednicima. Ovdje preuzmite .WEBM verzije. Važna napomena: Video pozadine su onemogućene s mobilnih uređaja. Umjesto toga, koristit će se vaša bkacground slika. Iz tog razloga trebali biste postaviti i pozadinsku sliku i pozadinski video kako biste osigurali bolje rezultate.

Širina pozadinskog videozapisa

Da biste videozapise imali odgovarajuću veličinu, ovdje morate unijeti točnu širinu (u pikselima).

Pozadina video visine

Da biste videozapise imali odgovarajuću veličinu, ovdje morate unijeti točnu visinu (u pikselima).

Opcije oblikovanja elemenata kliznih elemenata

modula stila divi.png

Upotrijebite prekrivač u pozadini

Kad je omogućeno, prilagođena boja preklapanja bit će dodana iznad vaše pozadinske slike i iza sadržaja klizača.

Boja presvlake u pozadini

Pomoću birača boja odaberite boju za pozadinu.

Koristite tekstualni sloj

Kad je ova opcija omogućena, iza teksta kursora dodaje se boja pozadine kako bi bila čitljivija na pozadinskim slikama.

Boja presvlake teksta

Pomoću alata za odabir boje odaberite boju za tekstualni sloj.

Radijus granica tekstualnog prekrivanja

Polumjer obruba utječe na zaobljenost kutova područja prekrivanja teksta. Prema zadanim postavkama, uglovi imaju blago zaobljeni rub od 3 piksela. Ovu vrijednost možete smanjiti na 0 da biste stvorili pravokutni okvir ili povećali vrijednost kako biste kutove učinili još zaobljenijima.

Strelice u boji

Kada zadržite pokazivač iznad modula klizača, pojavljuju se strelice koje posjetitelju omogućuju navigaciju kroz svaki slajd. Prema zadanim postavkama ove strelice nasljeđuju boju glavnog teksta slajda. Međutim, pomoću ove postavke možete definirati prilagođenu boju za ove strelice.

Dot Nav prilagođena boja

U svakom pokazivaču stavke navigacije točke pojavljuju se ispod sadržaja kursora. Ti elementi omogućuju korisniku kretanje kursorom. Pomoću alata za odabir boja u ovoj postavci možete definirati prilagođenu boju za ove elemente.

Okomito poravnanje slike dijapozitiva

Ova postavka određuje okomito poravnanje slike slajda. Vaša se slika može centrirati okomito ili poravnati na dnu slajda.

Boja teksta

Ako je pozadina slajda tamna, boju teksta treba postaviti na "Light". Visa obratno, ako je pozadina dijapozitiva svijetla, boju teksta treba postaviti na "Tamno".

Font Header

Font teksta zaglavlja možete promijeniti odabirom željenog fonta s padajućeg izbornika. Divi dolazi s desecima izvrsnih fontova koje pokreće Google Fonts. Prema zadanim postavkama Divi koristi font Open Sans za sav tekst na vašoj stranici. Također možete prilagoditi stil teksta koristeći podebljano, kurziv, velika slova i opcije podcrtavanja.

Veličina fonta zaglavlja

Ovdje možete prilagoditi veličinu teksta zaglavlja. Možete povući klizač raspona da biste povećali ili smanjili veličinu teksta ili izravno unijeli željenu vrijednost veličine teksta u polje za unos s desne strane klizača. Polja za unos podržavaju različite jedinice mjere, što znači da za promjenu vrste jedinice možete unijeti "px" ili "em", ovisno o vrijednosti vaše veličine.

Boja teksta zaglavlja

Prema zadanim postavkama, sve boje teksta u Diviju pojavljuju se u bijeloj ili tamno sivoj boji. Ako želite promijeniti boju teksta zaglavlja, odaberite željenu boju iz alata za odabir boja pomoću ove opcije.

boja modula za dizajniranje sekcije header dispo divi.png

Razmak zaglavlja u slovima

Razmak između slova utječe na razmak između svakog slova. Ako želite povećati razmak između svakog slova u tekstu zaglavlja, pomoću klizača raspona prilagodite razmak ili unesite željenu veličinu razmaka u polje za unos s desne strane klizača. Polja za unos podržavaju različite mjerne jedinice, što znači da za promjenu vrste jedinice možete unijeti "px" ili "em", ovisno o vrijednosti vaše veličine.

Visina reda zaglavlja

Visina retka utječe na razmak između svakog retka teksta zaglavlja. Ako želite povećati razmak između svakog retka, pomoću klizača raspona prilagodite razmak ili unesite željenu veličinu razmaka u polje polje za unos desno od kursora. Polja za unos podržavaju različite mjerne jedinice, što znači da za promjenu vrste jedinice možete unijeti "px" ili "em", ovisno o vrijednosti vaše veličine.

Font tijela

Font vašeg tijela možete promijeniti odabirom željenog fonta s padajućeg izbornika. Divi dolazi s desecima izvrsnih fontova koje pokreće Google Fonts. Prema zadanim postavkama Divi koristi font Open Sans za sav tekst na vašoj stranici. Također možete prilagoditi stil teksta koristeći podebljano, kurziv, velika slova i opcije podcrtavanja.

Veličina fonta tijela

Ovdje možete prilagoditi veličinu teksta tijela. Možete povući klizač raspona da biste povećali ili smanjili veličinu teksta ili izravno unijeli željenu vrijednost veličine teksta u polje za unos s desne strane klizača. Polja za unos podržavaju različite jedinice mjere, što znači da za promjenu vrste jedinice možete unijeti "px" ili "em", ovisno o vrijednosti vaše veličine.

Boja teksta tijela

Prema zadanim postavkama, sve boje teksta u Diviju pojavljuju se u bijeloj ili tamno sivoj boji. Ako želite promijeniti boju teksta, odaberite željenu boju iz alata za odabir boja pomoću ove opcije.

Prostor tijela slova

Razmak između slova utječe na razmak između svakog slova. Ako želite povećati razmak između svakog slova u tekstu, pomoću klizača raspona prilagodite razmak ili unesite željenu veličinu razmaka u polje za unos s desne strane klizača. Polja za unos podržavaju različite jedinice mjere, što znači da za promjenu vrste jedinice možete unijeti "px" ili "em", ovisno o vrijednosti vaše veličine.

tijelo linija divi modul dija.png

Visina tijela linije

Visina retka utječe na razmak između svakog retka teksta u vašem tijelu. Ako želite povećati razmak između svakog retka, pomoću klizača raspona prilagodite razmak ili unesite željenu veličinu razmaka u polje za unos smješteno desno od kursora. Polja za unos podržavaju različite jedinice mjere, što znači da za promjenu vrste jedinice možete unijeti "px" ili "em", ovisno o vrijednosti vaše veličine.

Upotrijebite prilagođene stilove za gumb

Omogućavanjem ove opcije otkrivaju se razne postavke prilagodbe gumba pomoću kojih možete promijeniti izgled gumba vašeg modula.

Veličina teksta gumba

Ova se postavka može koristiti za povećanje ili smanjenje veličine teksta na gumbu. Gumb se prilagođava kako se veličina teksta povećava i smanjuje.

Boja teksta gumba

Prema zadanim postavkama, gumbi usvajaju boju naglaska vaše teme kako je definirano u programu za prilagođavanje tema. Ova vam opcija omogućuje da gumbu ovog modula dodijelite prilagođenu boju teksta. Odaberite prilagođenu boju pomoću alata za odabir boje da biste promijenili boju gumba.

Boja pozadine gumba

Prema zadanim postavkama, gumbi imaju prozirnu boju pozadine. To se može promijeniti odabirom željene boje pozadine iz alata za odabir boja.

Gumb Širina granice

Svi Divi gumbi prema zadanim postavkama imaju obrub od 2 piksela. Ova se granica može povećati ili smanjiti pomoću ove postavke. Granice se mogu ukloniti unosom vrijednosti 0.

Boja rubova gumba

Prema zadanim postavkama obrubi gumba usvajaju boju naglaska vaše teme kako je definirano u programu za prilagođavanje tema. Ova vam opcija omogućuje da gumbu ovog modula dodijelite prilagođenu boju obruba. Odaberite prilagođenu boju pomoću alata za odabir boja da biste promijenili boju obruba gumba.

Radijus graničnika gumba

Polumjer obruba utječe na zaobljenost kutova gumba. Prema zadanim postavkama, gumbi u Diviu imaju mali radijus obruba koji zaokružuje uglove za 3 piksela. Ovu vrijednost možete smanjiti na 0 da biste stvorili kvadratni gumb ili ga znatno povećali da biste stvorili gumbe s kružnim rubovima.

modul za konfiguriranje divi.png

Razmak slova gumba

Razmak između slova utječe na razmak između svakog slova. Ako želite povećati razmak između svakog slova u tekstu gumba, pomoću klizača raspona prilagodite razmak ili unesite željenu veličinu razmaka u polje za unos s desne strane klizača. Polja za unos podržavaju različite jedinice mjere, što znači da za promjenu vrste jedinice možete unijeti "px" ili "em", ovisno o vrijednosti vaše veličine.

Tipka gumba

Font teksta gumba možete promijeniti odabirom željenog fonta s padajućeg izbornika. Divi dolazi s desecima izvrsnih fontova koje pokreće Google Fonts. Prema zadanim postavkama Divi koristi font Open Sans za sav tekst na vašoj stranici. Također možete prilagoditi stil teksta koristeći podebljano, kurziv, velika slova i opcije podcrtavanja.

Dodajte ikonu gumba

Onemogućeno, ova postavka uklonit će ikone s vašeg gumba. Prema zadanim postavkama, svi Divi gumbi prikazuju ikonu strelice na lebdenju.

Ikona gumba

Ako su ikone omogućene, pomoću ove postavke možete odabrati ikonu koju ćete koristiti na svojem gumbu. Divi ima različite ikone na izbor.

Gumb ikone u boji

Prilagodba ove postavke promijenit će boju ikone koja se pojavljuje na vašem gumbu. Prema zadanim postavkama boja ikone jednaka je boji teksta gumba, ali ova postavka omogućuje vam neovisno podešavanje boje.

Gumb za postavljanje ikona

Možete odabrati prikaz ikone gumba s lijeve ili desne strane gumba.

Pokažite ikonu samo kad zadržite pokazivač iznad gumba

Prema zadanim postavkama ikone gumba prikazuju se samo kada lebdite. Ako želite da se ikona uvijek prikazuje, isključite ovu postavku.

Zadržite boju teksta gumba

Kad mišem zadržite pokazivač iznad gumba, koristit će se ova boja. Boja će se promijeniti od osnovne boje definirane u prethodnim postavkama.

Boja pozadine gumba miša

Kad mišem zadržite pokazivač iznad gumba, koristit će se ova boja. Boja će se promijeniti od osnovne boje definirane u prethodnim postavkama.

Border gumb za prebojavanje u boji

Kad mišem zadržite pokazivač iznad gumba, koristit će se ova boja. Boja će se promijeniti od osnovne boje definirane u prethodnim postavkama.

Gumb za zaobljenje graničnog polumjera

Kad se mišem zadrži pokazivač iznad gumba, koristit će se ova vrijednost. Vrijednost će se promijeniti od osnovne vrijednosti definirane u prethodnim postavkama.

Tipka razmaka razmaka

Kad se mišem zadrži pokazivač iznad gumba, koristit će se ova vrijednost. Vrijednost će se promijeniti od osnovne vrijednosti definirane u prethodnim postavkama.

Napredne mogućnosti kursora Puna širina

pojedini element divi.png

Prilagođeni CSS

Prilagođeni CSS također se može primijeniti na modul i bilo koji od unutarnjih dijelova modula. U odjeljku Prilagođeni CSS pronaći ćete tekstualno polje u koje možete dodati prilagođene CSS stilske tablice izravno u svaki element. CSS unosi u ovim postavkama već su omotani stilskim oznakama. Dakle, samo unesite CSS pravila odvojena zarezom.

Alternativni tekst slike

Alternativni tekst pruža sve potrebne informacije ako se slika ne učitava, ne prikazuje ispravno ili u bilo kojoj drugoj situaciji u kojoj korisnik ne može vidjeti sliku. Omogućuje i čitanje i prepoznavanje slike na tražilicama.

[vc_row center_row=”yes”][vc_column width=”1/2″][vcex_button target=”blank” layout=”expanded” align=”center” font_family=”Raleway” font_weight=”700″ style=”flat” custom_background=”#18b69d” custom_hover_background=”#118d7a” custom_color=”#ffffff” custom_hover_color=”#ffffff” icon_right=”fa fa-download”]PREUZMI DIVI TEMU [/vcex_button][/vc_column][vc_column width=” 1 /2″][vcex_button url=”https://www.elegantthemes.com/affiliates/idevaffiliate.php?id=23065&url=40632&tid1=tutorials” target=”blank” layout=”expanded” align=”center” font_family = ”Raleway” font_weight=”700″ style=”flat” custom_background=”#c4226e” custom_hover_background=”#8d184f” custom_color=”#ffffff” custom_hover_color=”#ffffff” icon_right=”fa fa-download”]PREUZMITE predlošci DIVI[/vcex_button][/vc_column][/vc_row]

Ostali Divi tutoriali