Modul Peňaženka s plnou šírkou Divi téma, funguje rovnako ako normálny modul Portfolio, okrem toho, že zobrazuje váš projekt v krásnom režime Fullwdth. Dodáva sa tiež s niekoľkými jedinečnými novými konfiguráciami: Grid a Carousel. Modul funguje tak, že zobrazuje zoznam vašich najnovších projektov a môžu ho použiť dizajnéri a umelci, ktorí chcú zobraziť galériu svojich najnovších prác.
Ako pridať modul Portwio Fullwidth na svoju stránku
Pred pridaním celého modulu portfólia na svoju stránku musíte najskôr prejsť do Divi Builder. Raz Divi téma nainštalovaný na vašom webové stránky, všimnete si tlačidlo Použite nástroj Divi Builder nad editorom príspevkov vždy, keď vytvoríte novú stránku. Kliknutím na toto tlačidlo aktivujete program Divi Builder a získate prístup ku všetkým modulom Divi Builder. Potom kliknite na tlačidlo Použite Visual Builder na spustenie generátora vo vizuálnom režime. Môžete tiež kliknúť na tlačidlo Použite Visual Builder keď si prezeráte svoje webové stránky v popredí, ak ste prihlásení do svojho hlavného panela WordPress.
Po zadaní nástroja Visual Builder môžete kliknutím na sivé tlačidlo plus pridať na stránku nový modul. Nové moduly je možné pridávať iba do riadkov. Ak začínate novú stránku, nezabudnite najskôr na svoju stránku pridať riadok. Máme skvelé návody na používanie prvkov Divi's line and section.
Vyhľadajte filtrovateľný modul peňaženky v zozname modulov a kliknutím naň ho pridajte na svoju stránku. Zoznam modulov je prehľadávateľný, čo znamená, že môžete tiež napísať slovo „filtrovateľné portfólio“ a potom kliknúť na „Enter“, aby sa automaticky našiel a pridať modul filtrovateľného portfólia. Po pridaní modulu vás privíta zoznam možností modulu. Tieto možnosti sú rozdelené do troch hlavných skupín: Obsah , Koncepcia et pokročilý.
Príklad prípadu použitia: Pridanie filtrovateľného modulu portfólia na stránku portfólia
V tomto príklade vám ukážem, ako prezentovať portfólio na stránke portfólia, ktorá pokrýva celú šírku stránky.
Začnime.
Pomocou vizuálneho nástroja na pridanie sekcie Plná šírka pod hlavičkou stránky. Potom pridajte filtrovateľný portfóliový modul.
Aktualizujte nastavenia portfólia, ktoré je možné filtrovať, nasledovne:
Možnosti obsahu
Počet správ: 8 Zobraziť stránkovanie: Č
Možnosti návrhu
Rozloženie: Mriežka Zväčšenie Farba ikony: # 000000 Farba prekrytia kurzora: #ffffff Písmo nadpisu: Predvolené, tučné, veľké písmeno Názov písma: 14px Medzery medzi písmenami nadpisu: 1px Meta veľkosť písma: 12px Meta medzery písmená: 1px
To je všetko!
Možnosť obsahu modulu portfólia
Na karte Obsah nájdete všetky obsahové prvky modulu, napríklad text, obrázky a ikony. Všetko, čo ovláda čo vo vašom module sa vždy nájde na tejto karte.
Názov portfólia
Zadajte názov zobrazený nad portfóliom alebo ho nechajte prázdny, aby ste titul nepoužívali.
Zahrnúť kategórie
Vyberte kategórie, ktoré chcete zobraziť. Projekty z nevybratých kategórií sa nezobrazia v zozname projektov.
Počet správ
Ovládajte počet zobrazených projektov. Nechajte prázdne alebo použite 0, aby ste neobmedzili množstvo.
Zobraziť titul
Vyberte, či sa má nadpis každého projektu zobraziť, keď umiestnite kurzor myši na položku projektu.
Zobraziť dátum
Vyberte, či sa pri umiestnení kurzora myši na položku projektu zobrazí dátum zverejnenia každého projektu.
Farba pozadia
Definujte pre svoj modul vlastnú farbu pozadia alebo nechajte predvolenú farbu prázdnu.
Obrázok pozadia
Ak je nastavený, tento obrázok sa použije ako pozadie pre tento modul. Ak chcete odstrániť obrázok na pozadí, stačí odstrániť adresu URL z poľa nastavení. Na pozadí farieb pozadia sa zobrazia obrázky pozadia, čo znamená, že pri použití obrázka pozadia nebude farba pozadia viditeľná.
Štítok správcu
Toto zmení štítok modulu v konštruktore na ľahšiu identifikáciu. Keď použijete zobrazenie WireFrame v programe Visual Builder, tieto štítky sa zobrazia v bloku modulu rozhrania Divi Builder.
Možnosti dizajnu plnej šírky peňaženky
Na karte Dizajn nájdete všetky možnosti štýlov modulu, ako sú písma, farby, veľkosť a medzery. Toto je karta, ktorú použijete na zmenu vzhľadu vášho modulu. Každý modul Divi má dlhý zoznam nastavení dizajnu, pomocou ktorých môžete čokoľvek meniť.
dispozície
Vyberte rozloženie, ktoré chcete použiť. Položka „Mriežka“ zobrazí všetky vaše položky vo viacstĺpcovom a viacriadkovom rozložení. Kolotoč zobrazuje vaše položky v jednom rade dlaždíc s obrázkami, ktoré sa posúvajú a odhaľujú ďalšie položky v zozname.
Farebná ikona priblíženia
Keď umiestnite kurzor myši na položku v module portfólia, zobrazí sa ikona prekrytia. Farbu použitú z tejto ikony môžete upraviť pomocou výberu farieb v tomto nastavení.
Umiestnenie presunu farieb
Keď umiestnite kurzor myši na položku v module portfólia, v hornej časti obrázka a pod textom a ikonou názvu portfólia sa zobrazí farba prekrytia. Štandardne sa používa polopriehľadná biela farba. Ak chcete použiť inú farbu, môžete farbu upraviť pomocou výberu farieb v tomto nastavení
Výber ikony umiestnenia kurzora myši
Tu si môžete zvoliť vlastnú ikonu, ktorá sa má zobraziť, keď sa návštevník vznáša nad položkami portfólia v module.
Farba textu
Tu si môžete vybrať, či má byť váš text svetlý alebo tmavý.
Písmo názvu
Písmo textu nadpisu môžete zmeniť výberom požadovaného písma v rozbaľovacej ponuke. Divi prichádza s desiatkami skvelých typov písma, ktoré používajú písma Google. Divi predvolene používa pre všetok text na svojej stránke písmo Open Sans. Štýl textu môžete tiež prispôsobiť pomocou možností tučné písmo, kurzíva, veľké písmená a podčiarknutie.
Veľkosť písma titulu
Tu môžete upraviť veľkosť textu nadpisu. Posunutím posúvača rozsahu môžete zväčšiť alebo zmenšiť veľkosť textu alebo priamo zadajte požadovanú hodnotu veľkosti textu do vstupného poľa vpravo od posúvača. Vstupné polia podporujú rôzne merné jednotky, čo znamená, že môžete zmeniť typ jednotky zadaním „px“ alebo „em“ v závislosti od hodnoty svojej veľkosti.
Farba textu titulu
V predvolenom nastavení sa všetky farby textu v Divi zobrazujú ako biele alebo tmavošedé. Ak chcete zmeniť farbu textu svojho nadpisu, zvoľte pomocou tejto možnosti požadovanú farbu vo výbere farieb.
Rozmiestnenie hlavných písmen
Medzery medzi písmenami ovplyvňujú medzeru medzi jednotlivými písmenami. Ak chcete zväčšiť medzeru medzi jednotlivými písmenami v texte nadpisu, pomocou jazdca rozsahu upravte medzeru alebo zadajte požadovanú veľkosť medzery do vstupného poľa vpravo od jazdca. Vstupné polia podporujú rôzne merné jednotky, čo znamená, že môžete zmeniť typ jednotky zadaním „px“ alebo „em“ v závislosti od hodnoty svojej veľkosti.
Výška riadku názvu
Výška riadku ovplyvňuje medzeru medzi každým riadkom textu nadpisu. Ak chcete zväčšiť medzeru medzi jednotlivými riadkami, upravte medzeru pomocou posúvača rozsahu alebo do vstupného poľa zadajte požadovanú veľkosť medzery. sa nachádza napravo od kurzora. Vstupné polia podporujú rôzne merné jednotky, čo znamená, že môžete zmeniť typ jednotky zadaním „px“ alebo „em“ v závislosti od hodnoty svojej veľkosti.
Meta písmo
Písmo meta textu môžete zmeniť výberom požadovaného písma v rozbaľovacej ponuke. Divi prichádza s desiatkami skvelých typov písma, ktoré používajú písma Google. Divi predvolene používa pre všetok text na svojej stránke písmo Open Sans. Štýl textu môžete tiež prispôsobiť pomocou možností tučné písmo, kurzíva, veľké písmená a podčiarknutie.
Veľkosť písma Metas
Tu môžete upraviť veľkosť svojho meta textu. Posunutím posúvača rozsahu môžete zväčšiť alebo zmenšiť veľkosť textu alebo priamo zadať požadovanú hodnotu veľkosti textu do vstupného poľa vpravo od posúvača. Vstupné polia podporujú rôzne merné jednotky, čo znamená, že môžete zmeniť typ jednotky zadaním „px“ alebo „em“ v závislosti od hodnoty svojej veľkosti.
Farba textu meta
V predvolenom nastavení sa všetky farby textu v Divi zobrazujú ako biele alebo tmavošedé. Ak chcete zmeniť farbu svojho meta textu, vyberte pomocou tejto možnosti požadovanú farbu vo výbere farieb.
Rozpísanie medailových písmen
Medzery medzi písmenami ovplyvňujú medzeru medzi jednotlivými písmenami. Ak chcete zväčšiť medzeru medzi jednotlivými písmenami v meta-texte, pomocou posúvača rozsahu upravte medzeru alebo zadajte požadovanú veľkosť medzery do vstupného poľa vpravo od posúvača. Vstupné polia podporujú rôzne merné jednotky, čo znamená, že môžete zmeniť typ jednotky zadaním „px“ alebo „em“ v závislosti od hodnoty svojej veľkosti.
Výška metálnej čiary
Výška riadku ovplyvňuje medzeru medzi každým riadkom meta-textu. Ak chcete zväčšiť medzeru medzi jednotlivými riadkami, upravte medzeru pomocou posúvača rozsahu alebo do vstupného poľa zadajte požadovanú veľkosť medzery. sa nachádza napravo od kurzora. Vstupné polia podporujú rôzne merné jednotky, čo znamená, že môžete zmeniť typ jednotky zadaním „px“ alebo „em“ v závislosti od hodnoty svojej veľkosti.
Použite okraj
Povolenie tejto možnosti umiestni orámovanie okolo vášho modulu. Túto hranicu je možné prispôsobiť pomocou nasledujúcich podmienených parametrov.
Farba hranice
Táto možnosť ovplyvňuje farbu vášho orámovania. Vyberte vlastnú farbu z výberu farieb a použite ju na svoje orámovanie.
Šírka hranice
V predvolenom nastavení sú okraje široké 1 pixel. Túto hodnotu môžete zvýšiť presunutím jazdca rozsahu alebo zadaním vlastnej hodnoty do vstupného poľa vpravo od jazdca. Podporované vlastné merné jednotky, čo znamená, že môžete zmeniť predvolenú jednotku z „px“ na inú, napríklad em, vh, vw atď.
Štýl ohraničenia
Okraje podporujú osem rôznych štýlov: plný, bodkovaný, bodkovaný, dvojitý, drážka, hrebeň, prekrytie a štart. Z rozbaľovacej ponuky vyberte požadovaný štýl a aplikujte ho na svoje orámovanie.
Možnosti rozšíreného portfólia - plná šírka pásma
Na karte rozšírené nájdete možnosti, ktoré by sa mohli hodiť skúsenejším webovým dizajnérom, napríklad vlastné atribúty CSS a HTML. Tu môžete použiť vlastné CSS na ktorýkoľvek z mnohých prvkov modulu. Na modul môžete tiež použiť vlastné triedy a identifikátory CSS, ktoré sa dajú použiť na prispôsobenie modulu v súbore style.css vašej detskej témy.
CSS ID
Zadajte voliteľné ID CSS, ktoré sa použije pre tento modul. ID je možné použiť na vytvorenie vlastného štýlu CSS alebo na prepojenie s konkrétnymi sekciami vašej stránky.
Triedu CSS
Zadajte voliteľné triedy CSS, ktoré sa majú použiť pre tento modul. Na vytvorenie vlastného štýlu CSS možno použiť triedu CSS. Môžete pridať viacero tried oddelených medzerou. Tieto triedy možno použiť vo vašej podradenej téme Divi alebo vo vlastnej šablóne so štýlmi CSS, ktorú pridáte na svoju stránku alebo web. webové stránky pomocou možností témy Divi alebo nastavení stránky Divi Builder.
Vlastné CSS
Vlastné CSS je možné použiť aj na modul a na ktorékoľvek z jeho vnútorných častí. V sekcii Vlastné CSS nájdete textové pole, kde môžete priamo do každého prvku pridať vlastné šablóny štýlov CSS. Záznamy CSS v týchto nastaveniach sú už zabalené v značkách štýlov. Stačí teda zadať pravidlá CSS oddelené bodkočiarkami.
Automatický kolotoč
Ak je vybratá možnosť rozloženia karuselu a chcete, aby sa karusel automaticky posúval bez toho, aby návštevník musel klikať na ďalšie tlačidlo, povoľte túto možnosť a podľa potreby upravte rýchlosť odstreďovania nižšie.
Automatická rýchlosť kolotoče
Tu môžete určiť rýchlosť otáčania karuselu, ak je vyššie aktivovaná možnosť „Automatické otáčanie karuselu“. Čím vyššie číslo, tým dlhšia prestávka medzi jednotlivými rotáciami. (Pr. 1000 1 = XNUMX s)
viditeľnosť
Táto možnosť vám umožňuje ovládať zariadenia, na ktorých sa modul zobrazuje. Môžete sa rozhodnúť deaktivovať svoj modul na tabletoch, smartfónoch alebo stolových počítačoch jednotlivo. To je užitočné, ak chcete používať rôzne módy na rôznych zariadeniach alebo ak chcete zjednodušiť mobilný dizajn odstránením určitých prvkov zo stránky.
[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”]STIAHNUŤ TÉMU DIVI [/vcex_button][/vc_column=][vc_column width] /1″][vcex_button url=”https://www.elegantthemes.com/affiliates/idevaffiliate.php?id=2&url=23065&tid40632=tutorials” target=”blank” layout=”expanded” align=”center” font_family = ”Raleway” font_weight=”1″ style=”flat” custom_background=”#c700e” custom_hover_background=”#4226d8f” custom_color=”#ffffff” custom_hover_color=”#ffffff” icon_right=”fa fa-download”]STIAHNUŤ TEMPLATES DIVI[/vcex_button][/vc_column][/vc_row]
Ďalšie výukové programy spoločnosti Divi
- 5 webové stránky pre použitie v hoteli Divi tému
- Ako pridať text na produktoch Divi WooCommerce
- Ako zmeniť farbu ponuky medzi stránkami Divi
- Ako si prispôsobiť mriežky blogu s Divi
- Ako používať role Divi editor na WordPress
- Ako vytvoriť posuvník Divi na celej obrazovke
- Ako zmeniť farbu ponúk medzi stránkami Divi
- Funkcie, ktoré pravdepodobne neviete o Divi
- Ako používať Divi Builder na WordPress
- Ako používať modul posúvania videa Divi
- Ako používať modul Divi Builder Flip
- Ako pridať modul posudkov na Divi Builder
- Ako používať textový modul Divi
- Ako vytvoriť posúvač na Divi
- Ako upraviť rolu používateľa Divi
- Ako používať modul Divi Social Media
- Ako používať modul obchodu na tému WordPress Divi
- Ako používať modul bočného panela Divi
- Ako používať modul tabuľky cien Divi
- Ako používať titulný modul publikácií Divi
- Ako pridať video modul Divi
- Ako používať navigačný modul článku
- Ako používať vyhľadávací modul Divi
- Ako používať modul peňaľenky Divi
- Ako používať osobný modul na nástroji Divi Builder
- Ako používať modul peňaženky s filtrom Divi
- Ako používať posuvný modul s plnou šírkou
- Ako používať modul obrazu Divi Builder
- Ako používať navigačný modul v celej šírke nástroja Divi Builder
- Ako používať modul galérie obrázkov
- Ako používať modul kariet Divi Builder s plnou šírkou
- Ako používať portálový modul Divi s plnou šírkou
- Ako používať modul záhlavia Divi s plnou šírkou
- Ako používať počítací modul Divi
- Ako používať posúvač článkov v aplikácii Divi Builder
- Ako používať modul Divi Email Optin
Dobrý deň,
Podarí sa mi mať buď filtrovateľnú peňaženku, alebo celú peňaženku, ale celá šírka sa nedá filtrovať.
Rád by som mohol pridať názov príslušného projektu k svojim filtrovateľným portfóliovým obrázkom, ako je to v prípade „klasických“ portfólií. Vieš ako na to?
Dobrý deň!
Práve som išiel do Divi a narazil som na cestu vytvorenia stránky „Reklamy“, na ktorej by sa moje nové reklamy zobrazovali v malých miniatúrach / minútach vedľa seba ako na stránkach realitných kancelárií. Pre informáciu som už vytvoril svoju stránku REKLAMA a niekoľko článkov (jeden článok pre reklamu), ktoré spájam s kategóriou REKLAMY .... ale objavujú sa vo veľkom formáte. Dúfam, že som sa vo svojej problematike dobre vysvetlil! Počas čakania na vaše návrhy vám vopred ďakujem za vysvetlenie a radu! Dobrú noc !! S pozdravom - Jerome
Dobrý deň, ak používate modul blogu, budete musieť pridať konkrétne CSS, ktoré sa na tento modul vzťahujú. Táto forma bohužiaľ neponúka veľa možností prispôsobenia.
Dobrý deň,
Ďakujeme za Váš kompletný článok.
Podarí sa mi zobraziť buď porftolio na celú šírku alebo filtrovateľné portfólio, ale s veľkými okrajmi okolo neho.
Viete, či divi dokáže zobraziť portfólio s možnosťou filtrovania po celej šírke?
Alebo zobraziť filtrovateľné portfólio bez dôležitých marží?
ďakujem
Dobrý deň, Delphine,
Nikdy som netestoval, ale ozvem sa, ak budem mať odpoveď.
Dobrý deň, váš článok sa mi veľmi páčil, ale pri pokuse o reprodukciu tohto typu rozloženia mám medzi obrázkami veľké medzery. Bol by som radšej, keby sa obrázky spojili ako vo vašom príklade. Ako na to nakonfigurovať modul?
Ďakujem vám!
Hello Valerie,
Skúšali ste deaktivovať všetky doplnky, aby ste zistili, či sa displej zlepšuje?