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!
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.
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.
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.
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.
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.
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.
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.
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.
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.
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.
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.
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 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.
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
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.
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
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.
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.
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.
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
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
- 5 web stranice za restoran korištenja Divi temu
- Kako dodati tekst na proizvod Divi WooCommerce
- Kako promijeniti boju izbornika između Divi stranica
- Kako personalizirati rešetke bloga s Divi-jem
- Kako koristiti uređivač uloga Divija na WordPressu
- Kako stvoriti klizač Divi na cijelom zaslonu
- Kako promijeniti boju izbornika između Divi stranica
- Značajke koje vjerojatno ne znate o Divi-ju
- Kako koristiti Divi Builder na WordPressu
- Kako koristiti modul za pomicanje videozapisa Divi
- Kako koristiti modul Divi Builder Flip
- Kako dodati testimonijalni modul na Divi Builderu
- Kako koristiti tekstualni modul Divi
- Kako stvoriti klizač na Divi
- Kako urediti Divi korisničku ulogu
- Kako koristiti modul Divi Social Media
- Kako se koristi modul trgovine na temi WordPress Divi
- Kako koristiti modul Divi bočne trake
- Kako koristiti modul Divi Table Table
- Kako koristiti naslovni modul Divi publikacija
- Kako dodati video modul Divi
- Kako koristiti navigacijski modul članka
- Kako koristiti modul Divi pretraživanja
- Kako koristiti modul Divi wallet
- Kako koristiti modul osobe na Divi Builderu
- Kako koristiti modul lisnice pomoću Divi filtar
- Kako koristiti modul klizača pune širine
- Kako koristiti modul Divi Builder Image
- Kako koristiti navigacijski modul pune širine Divi Buildera
- Kako se koristi modul galerije slika
- Kako koristiti modul Divi Builder za cijelu širinu kartice
- Kako koristiti modul Divi punog širine portfelja
- Kako se koristi Divi zaglavni modul pune širine
- Kako koristiti modul Divi Counter
- Kako koristiti klizač članaka na Divi Builderu
- Kako koristiti modul Divi Email Optin
Pozdrav,
Hvala vam puno na ovom vodiču. Priznajem da sam potpuno izgubljen i da nisam učinio nešto što bi trebalo biti biblijske jednostavnosti:
izbriši jedan (ili više) dodatnih slajdova u mojoj divi prezentaciji
Naravno, vidio sam da na popisu slajdova kreiranog slideshowa, desno od svakog retka koji odgovara slajdu nalazimo ikonu "kante za smeće" i tri male točkice: ali klikom na kantu za smeće... dodaje kopiju trenutnog slajda! a kontekstni izbornik ne sadrži nijedan redak koji dopušta brisanje.
Negdje sam iskopao (ne sjećam se gdje) da sam se morao “pozicionirati na slajd da budem izbrisan” (provjeri je li na ekranu), ali to ništa nije promijenilo.
Radim na Macu u Mojave sustavu. I pokušao sam se spojiti na WordPress u Firefoxu kao u Chromeu
Puno vam hvala na bilo kakvoj pomoći koju možete...i ispričavam se na tako glupom pitanju
Bok
Hvala vam na ovom udžbeniku, stvarno je potpun!
Znate li je li moguće promijeniti ili čak ukloniti animaciju iz teksta? jer nije zadano, ide odozdo prema gore na pozadinskim slikama i nije baš lijepo, mislim.
hvala
Pozdrav Olivier,
Gledate li u postavke dotičnog teksta?
Pozdrav,
Je li moguće da klik na gumb za klizanje preusmjeri vezu na novu karticu?
Unaprijed zahvaljujem na vašim svjetlima!
Zdravo ! hvala na vašem članku. moj problem je pozadinski video koji se ne prikazuje na mobitelu, moj klijent ga je apsolutno želio. Mislio sam da sam pronašao svoj odgovor jer prema vašem članku u "Napredno" postoji mogućnost aktiviranja videozapisa na mobitelu koji su prema zadanim postavkama deaktivirani. ali nisam našao ovu mogućnost na svom diviju. Hvala vam na odgovoru…
Yanis
Pozdrav Yanis,
Je li vaš Divi ažuriran?