Modul Fullwidth Wallet od Divi tema, radi kao i normalni modul Portfolio, osim što prikazuje vaš projekt u prekrasnom Fullwdth modu. Također dolazi s nekim jedinstvenim novim konfiguracijama: Grid i Carousel. Modul radi tako da prikazuje popis vaših najnovijih projekata, a mogu ga koristiti dizajneri i umjetnici koji žele prikazati galeriju svojih najnovijih radova.
Kako dodati modul Portwall Fullwidth na svoju stranicu
Prije nego što svojoj stranici možete dodati cijeli modul portfelja, prvo morate uskočiti u Divi Builder. Jednom Divi tema instaliran na vašem web stranica, primijetit ćete gumb Koristite Divi Builder iznad 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.
Nakon što 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. Imamo sjajne vodiče o korištenju Divijevih elemenata crta i odjeljaka.
Pronađite modul novčanika koji se može filtrirati na popisu modula i kliknite ga da biste ga dodali na svoju stranicu. Popis modula je pretraživ, što znači da možete upisati i riječ "portfelj koji se može filtrirati", a zatim kliknuti "Enter" da biste automatski pronašli i dodali modul portfelja koji se može filtrirati. 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 upotrebe: Dodavanje modula portfelja koji se može filtrirati na stranicu portfelja
Za ovaj primjer, pokazat ću vam kako predstaviti portfelj na portfeljnoj stranici koja pokriva cijelu širinu stranice.
Počnimo.
Upotrijebite vizualni graditelj da biste dodali odjeljak Puna širina ispod zaglavlja stranice. Zatim dodajte modul portfelja koji se može filtrirati.
Ažurirajte postavke filtrirajućeg portfelja na sljedeći način:
Opcije sadržaja
Broj poruka: 8 Prikaz paginacije: NE
Mogućnosti dizajna
Izgled: Ikona zumiranja mreže Boja: # 000000 Boja prekrivanja pokazivača iznad pokazivača: #ffffff Font naslova: Zadani, podebljani, Veličina slova naslova: 14px Razmak naslova: 1px Veličina meta fonta: 12px Meta razmak slova: 1px
To je sve!
Opcija sadržaja modula portfolija
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.
Naslov portfelja
Unesite naslov prikazan iznad portfelja ili ga pustite praznim da ne biste koristili naslov.
Uključi kategorije
Odaberite kategorije koje želite prikazati. Projekti iz kategorija koje nisu odabrane neće se pojaviti na popisu projekata.
Broj poruka
Kontrolirajte broj prikazanih projekata Ostavite prazno ili upotrijebite 0 da ne ograničite iznos.
Prikaži naslov
Odaberite hoće li se naslov svakog projekta prikazivati kada zadržite pokazivač iznad stavke projekta.
Prikaži datum
Odaberite hoće li se datum objavljivanja za svaki projekt prikazivati kada zadržite pokazivač iznad stavke projekta.
Boja pozadine
Definirajte prilagođenu boju pozadine za svoj modul ili ostavite prazno da biste koristili zadanu boju.
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. Pozadinske slike pojavit će se na vrhu pozadinskih boja, što znači da boja pozadine neće biti vidljiva kada se primijeni pozadinska slika.
Admin Label
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.
Opcije oblikovanja potpune širine novčanika
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.
raspored
Odaberite izgled koji želite koristiti. "Grid" će prikazati sve vaše stavke u rasporedu s više stupaca i više redaka. Vrtuljak prikazuje vaše stavke u jednom redu popločanih slika koje se klize i otkrivaju dodatne stavke na popisu.
Ikona boje zuma
Kada zadržite pokazivač iznad stavke u modulu portfelja, pojavit će se ikona sloja. Pomoću alata za odabir boja u ovoj postavci možete prilagoditi boju koja se koristi s ove ikone.
Prekazivanje boja u lebdi
Kada zadržite pokazivač iznad stavke u modulu portfelja, na vrhu slike i ispod teksta i ikone naslova portfelja pojavit će se prekrivna boja. Prema zadanim postavkama koristi se poluprozirna bijela boja. Ako želite koristiti drugu boju, boju možete prilagoditi pomoću alata za odabir boja u ovoj postavci
Zadržite pokazivač miša
Ovdje možete odabrati prilagođenu ikonu za prikaz kada posjetitelj zadrži pokazivač iznad stavki portfelja u modulu.
Boja teksta
Ovdje možete odabrati hoće li vaš tekst biti svijetli ili tamni.
Font naslova
Možete promijeniti font naslova 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 slova naslova
Ovdje možete prilagoditi veličinu teksta naslova. Možete povući klizač raspona da biste povećali ili smanjili veličinu teksta ili izravno unijeli vrijednost željene 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".
Boja teksta naslova
Prema zadanim postavkama, sve boje teksta u Diviju pojavljuju se u bijeloj ili tamno sivoj boji. Ako želite promijeniti boju teksta u naslovu, odaberite željenu boju iz alata za odabir boja pomoću ove opcije.
Razmak naslovnih slova
Razmak između slova utječe na razmak između svakog slova. Ako želite povećati razmak između svakog slova u tekstu naslova, 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 naslovnice
Visina retka utječe na razmak između svakog retka teksta vašeg naslova. 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 mjerne jedinice, što znači da za promjenu vrste jedinice možete unijeti "px" ili "em", ovisno o vrijednosti vaše veličine.
Font Meta
Font svog meta teksta 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.
Metas font veličine
Ovdje možete prilagoditi veličinu svog meta-teksta. Možete povući klizač raspona da biste povećali ili smanjili veličinu teksta ili izravno unijeli vrijednost željene veličine teksta 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.
Meta tekst boja
Prema zadanim postavkama, sve boje teksta u Diviju pojavljuju se u bijeloj ili tamno sivoj boji. Ako želite promijeniti boju metateksta, odaberite željenu boju iz alata za odabir boja pomoću ove opcije.
Meta Letter spacing
Razmak između slova utječe na razmak između svakog slova. Ako želite povećati razmak između svakog slova u vašem metatekstu, upotrijebite klizač raspona za podešavanje prostora 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 Meta reda
Visina retka utječe na razmak između svakog retka vašeg meta-teksta. 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".
Koristite granicu
Omogućivanjem ove opcije postavit ćete obrub oko vašeg modula. Ovu granicu možete prilagoditi pomoću sljedećih uvjetnih parametara.
Boja granice
Ova opcija utječe na boju vašeg obruba. Odaberite prilagođenu boju iz alata za odabir boja da biste je primijenili na vaš obrub.
Širina granice
Granice su prema zadanim postavkama široke 1 piksel. Ovu vrijednost možete povećati povlačenjem klizača raspona ili unosom prilagođene vrijednosti u polje za unos s desne strane klizača. Podržane prilagođene jedinice mjere, što znači da možete promijeniti zadanu jedinicu iz "px" u nešto drugo poput em, vh, vw itd.
Granični stil
Granice podržavaju osam različitih stilova: puni, točkasti, točkasti, dvostruki, žlijeb, greben, sloj i početak. Na padajućem izborniku odaberite svoj željeni stil da biste ga primijenili na vašu granicu.
Napredne mogućnosti portfelja Puna širina
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 izborne CSS klase koje ćete koristiti za ovaj modul. CSS klasa može se koristiti za stvaranje prilagođenog CSS stila. Možete dodati više klasa, odvojenih razmakom. Ove se klase mogu koristiti u vašoj podređenoj Divi temi ili u prilagođenoj CSS tablici stilova koju dodate na svoju stranicu ili web mjesto. web stranica pomoću opcija Divi teme 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.
Automatski vrtuljak
Ako je odabrana opcija izgleda vrtuljka i želite da se vrtuljak automatski klizi, a da posjetitelj ne mora kliknuti sljedeći gumb, omogućite tu opciju i po želji prilagodite brzinu centrifuge.
Automatska brzina vrtnje
Ovdje možete navesti brzinu vrtnje vrtuljka ako je gore aktivirana opcija "Automatsko okretanje vrtuljka". Što je broj veći, to je duža pauza između svake rotacije. (Npr. 1000 = 1 sekunda)
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.
[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,
Uspijevam imati novčanik koji se može filtrirati ili novčanik pune širine, ali puna širina se ne može filtrirati.
Volio bih da mogu dodati naslov dotičnog projekta svojim slikama portfelja koje se mogu filtrirati, kao što je slučaj s "klasičnim" portfeljem. Znate li kako se to radi?
Pozdrav!
Upravo sam otišao u Divi i na putu spotaknuo se stvoriti stranicu "Oglasi" na kojoj bi se moji novi oglasi prikazivali u malim sličicama / minijaturama jedan pored drugog kao na web stranicama agencija za promet nekretninama. Kao informaciju, već sam kreirao svoju stranicu OGLASI i neke članke (jedan članak za oglas) koje povezujem s kategorijom OGLASI ... ali pojavljuju se u velikom formatu. Nadam se da sam se dobro objasnio u svom problematičnom! Dok čekam vaše prijedloge, unaprijed vam zahvaljujem na objašnjenjima i savjetima! Laku noć !! S poštovanjem - Jerome
Pozdrav, ako koristite modul bloga, morat ćete dodati određeni CSS koji se odnosi na ovaj modul. Nažalost, ovaj kalup ne nudi puno mogućnosti prilagodbe.
Pozdrav,
Hvala vam na vrlo cijelom članku.
Uspijevam prikazati ili porftolio pune širine ili portfelj koji se može filtrirati, ali s velikim marginama.
Znate li vam dopušta li divi prikaz portfelja koji se može filtrirati u punoj širini?
Ili prikazati portfelj koji se može filtrirati bez važnih marži?
hvala
Pozdrav Delphine,
Nikad nisam testirao, ali javit ću vam se ako budem imao odgovor.
Pozdrav, jako sam uživao u vašem članku, ali kad pokušam reproducirati ovu vrstu izgleda, između slika imam velike razmake. Bilo bi mi draže da se slike pridruže kao u vašem primjeru. Kako za to konfigurirati modul?
Hvala vam!
Pozdrav Valerie,
Jeste li probali onemogućiti sve dodatke samo da biste vidjeli poboljšava li se zaslon?