Modul Fullwidth Wallet z Divi téma, funguje stejně jako normální modul Portfolio, kromě toho, že zobrazuje váš projekt v krásném režimu Fullwdth. Přichází také s některými unikátními novými konfiguracemi: Grid a Carousel. Modul funguje tak, že zobrazuje seznam vašich nejnovějších projektů a mohou jej používat designéři a umělci, kteří chtějí zobrazit galerii svých nejnovějších prací.
Jak přidat modul Portfolia Fullwidth na vaši stránku
Než budete moci na svou stránku přidat úplný modul portfolia, musíte nejprve přejít do Divi Builderu. Jednou Divi téma nainstalovaný na vašem Webové stránky, všimnete si tlačítka Použijte nástroj Divi Builder nad editorem příspěvků, kdykoli vytvoříte novou stránku. Kliknutím na toto tlačítko aktivujete Divi Builder a získáte přístup ke všem modulům Divi Builder. Poté klikněte na tlačítko Použijte Visual Builder pro spuštění generátoru ve vizuálním režimu. Můžete také kliknout na tlačítko Použijte Visual Builder když si prohlížíte své Webové stránky v popředí, pokud jste přihlášeni do svého řídicího panelu WordPress.
Jakmile zadáte Visual Builder, můžete kliknutím na šedé tlačítko plus přidat nový modul na svou stránku. Nové moduly lze přidávat pouze do řádků. Pokud začínáte novou stránku, nezapomeňte nejprve přidat na stránku řádek. Máme skvělé návody k používání prvků Divi's line and section.
Vyhledejte filtrovatelný modul peněženky v seznamu modulů a kliknutím na něj jej přidejte na svou stránku. Seznam modulů je prohledávatelný, což znamená, že můžete také zadat slovo „filtrovatelné portfolio“ a poté kliknout na „Enter“, aby se modul filtrovatelného portfolia automaticky vyhledal a přidal. Jakmile je modul přidán, budete uvítáni seznamem možností modulu. Tyto možnosti jsou rozděleny do tří hlavních skupin: Obsah , Design et pokročilý.
Příklad případu použití: Přidání filtrovatelného modulu portfolia na stránku portfolia
V tomto příkladu vám ukážu, jak prezentovat portfolio na stránce portfolia, která pokrývá celou šířku stránky.
Začněme.
Pomocí vizuálního nástroje přidejte sekci Fullwidth pod záhlaví stránky. Poté přidejte filtrovatelný modul portfolia.
Aktualizujte nastavení filtrovatelného portfolia následovně:
Možnosti obsahu
Číslo zprávy: 8 Zobrazit stránkování: Č
Možnosti návrhu
Rozložení: Mřížka Zvětšení Barva ikony: # 000000 Barva překrytí kurzoru: #ffffff Písmo nadpisu: Výchozí, tučné, Všechna velká písmena Velikost písma nadpisu: 14px Rozteč nadpisů: 1px Meta Velikost písma: 12px Meta mezera písmena: 1px
To je vše!
Možnost obsahu modulu portfolia
Na kartě obsah najdete všechny prvky obsahu modulu, například text, obrázky a ikony. Vše, co ovládá co ve vašem modulu se vždy najde na této kartě.
Název portfolia
Zadejte název zobrazený nad portfoliem nebo jej nechte prázdný, abyste titul nepoužívali.
Zahrnout kategorie
Vyberte kategorie, které chcete zobrazit. Projekty z nevybraných kategorií se v seznamu projektů neobjeví.
Počet zpráv
Ovládejte počet zobrazených projektů. Nechte prázdné nebo použijte 0, abyste neomezili částku.
Zobrazit titul
Zvolte, zda se má název každého projektu zobrazit, když umístíte ukazatel myši nad položku projektu.
Zobrazit datum
Zvolte, zda se při umístění kurzoru na položku projektu zobrazí datum publikování pro každý projekt.
Barva pozadí
Definujte vlastní barvu pozadí pro svůj modul nebo ponechte prázdné, chcete-li použít výchozí barvu.
Obrázek na pozadí
Pokud je nastaven, bude tento obrázek použit jako pozadí pro tento modul. Chcete-li odebrat obrázek na pozadí, jednoduše odeberte adresu URL z pole nastavení. Obrázky pozadí se objeví nad barvami pozadí, což znamená, že při použití obrázku pozadí nebude barva pozadí viditelná.
Štítek správce
Tím se změní štítek modulu v konstruktoru pro snadnou identifikaci. Když použijete pohled WireFrame ve Visual Builderu, tyto popisky se zobrazí v bloku modulu rozhraní Divi Builder.
Možnosti návrhu plné šířky peněženky
Na kartě Návrh najdete všechny možnosti stylingu modulu, například písma, barvy, velikost a mezery. Toto je karta, kterou použijete ke změně vzhledu vašeho modulu. Každý modul Divi má dlouhý seznam nastavení designu, pomocí kterého můžete cokoli změnit.
Dispozice
Vyberte rozložení, které chcete použít. „Mřížka“ zobrazí všechny vaše položky ve vícesloupcovém a víceřádkovém rozvržení. Kolotoč zobrazuje vaše položky v jedné řadě dlážděných obrázků, které se posunou a odhalí další položky v seznamu.
Barevná ikona přiblížení
Když umístíte ukazatel myši na položku v modulu portfolia, zobrazí se ikona překrytí. Barvu použitou z této ikony můžete upravit pomocí nástroje pro výběr barev v tomto nastavení.
Hover Overlay barvy
Když podržíte ukazatel myši nad položkou v modulu portfolia, v horní části obrázku a pod textem a ikonou názvu portfolia se zobrazí barva překrytí. Ve výchozím nastavení se používá poloprůhledná bílá barva. Pokud chcete použít jinou barvu, můžete upravit barvu pomocí nástroje pro výběr barev v tomto nastavení
Výběr ikony ukazatele myši
Zde si můžete vybrat vlastní ikonu, která se zobrazí, když se návštěvník vznáší nad položkami portfolia v modulu.
Barva textu
Zde si můžete vybrat, zda má být váš text světlý nebo tmavý.
Font písma
Písmo textu nadpisu můžete změnit výběrem požadovaného písma z rozevírací nabídky. Divi přichází s desítkami skvělých písem využívajících písma Google. Ve výchozím nastavení používá Divi písmo Open Sans pro veškerý text na vaší stránce. Styl textu můžete také přizpůsobit pomocí možností tučně, kurzíva, velká písmena a podtržení.
Velikost písma titulku
Zde můžete upravit velikost textu nadpisu. Tažením posuvníku rozsahu můžete zvětšit nebo zmenšit velikost textu nebo přímo zadat požadovanou hodnotu velikosti textu do vstupního pole vpravo od posuvníku. Vstupní pole podporují různé měrné jednotky, což znamená, že můžete zadat „px“ nebo „em“ v závislosti na hodnotě velikosti a změnit typ jednotky.
Barva textu titulku
Ve výchozím nastavení se všechny barvy textu v souboru Divi zobrazují v bílé nebo tmavě šedé barvě. Pokud chcete změnit barvu textu nadpisu, vyberte pomocí této možnosti požadovanou barvu ve výběru barev.
Rozestup hlavních písmen
Mezery mezi písmeny ovlivňují mezeru mezi jednotlivými písmeny. Chcete-li zvětšit mezeru mezi každým písmenem v textu nadpisu, upravte mezeru pomocí posuvníku rozsahu nebo zadejte požadovanou velikost mezery do vstupního pole vpravo od posuvníku. Vstupní pole podporují různé měrné jednotky, což znamená, že můžete zadat „px“ nebo „em“ v závislosti na hodnotě velikosti a změnit typ jednotky.
Výška řádku názvu
Výška řádku ovlivňuje mezeru mezi každým řádkem textu nadpisu. Chcete-li zvětšit mezeru mezi každým řádkem, upravte mezeru pomocí posuvníku rozsahu nebo do vstupního pole zadejte požadovanou velikost mezery. umístěný napravo od kurzoru. Vstupní pole podporují různé měrné jednotky, což znamená, že můžete zadat „px“ nebo „em“ v závislosti na hodnotě velikosti a změnit typ jednotky.
Meta písmo
Písmo meta textu můžete změnit výběrem požadovaného písma z rozevírací nabídky. Divi přichází s desítkami skvělých písem využívajících písma Google. Ve výchozím nastavení používá Divi písmo Open Sans pro veškerý text na vaší stránce. Styl textu můžete také přizpůsobit pomocí možností tučně, kurzíva, velká písmena a podtržení.
Velikost písma Metas
Zde můžete upravit velikost meta textu. Tažením posuvníku rozsahu můžete zvětšit nebo zmenšit velikost textu nebo přímo zadat požadovanou hodnotu velikosti textu do vstupního pole vpravo od posuvníku. Vstupní pole podporují různé měrné jednotky, což znamená, že můžete zadat „px“ nebo „em“ v závislosti na hodnotě velikosti a změnit typ jednotky.
Barva textu Meta
Ve výchozím nastavení se všechny barvy textu v souboru Divi zobrazují v bílé nebo tmavě šedé barvě. Pokud chcete změnit barvu svého meta textu, vyberte pomocí této možnosti požadovanou barvu ve výběru barev.
Rozpětí mezi písmeny
Mezery mezi písmeny ovlivňují mezeru mezi jednotlivými písmeny. Chcete-li zvětšit mezeru mezi každým písmenem meta-textu, upravte mezeru pomocí posuvníku rozsahu nebo zadejte požadovanou velikost mezery do vstupního pole vpravo od posuvníku. Vstupní pole podporují různé měrné jednotky, což znamená, že můžete zadat „px“ nebo „em“ v závislosti na hodnotě velikosti a změnit typ jednotky.
Výška meta linky
Výška řádku ovlivňuje mezeru mezi jednotlivými řádky meta-textu. Chcete-li zvětšit mezeru mezi jednotlivými řádky, upravte mezeru pomocí posuvníku rozsahu nebo do vstupního pole zadejte požadovanou velikost mezery. umístěný napravo od kurzoru. Vstupní pole podporují různé měrné jednotky, což znamená, že můžete zadat „px“ nebo „em“ v závislosti na hodnotě velikosti a změnit typ jednotky.
Použijte okraj
Povolením této možnosti umístíte ohraničení kolem vašeho modulu. Toto ohraničení lze přizpůsobit pomocí následujících podmíněných parametrů.
Barva hranice
Tato možnost ovlivňuje barvu ohraničení. Vyberte vlastní barvu z výběru barev a použijte ji na svůj okraj.
Šířka hranice
Ve výchozím nastavení jsou ohraničení široká 1 pixel. Tuto hodnotu můžete zvýšit přetažením posuvníku rozsahu nebo zadáním vlastní hodnoty do vstupního pole vpravo od posuvníku. Podporovány jsou vlastní měrné jednotky, což znamená, že můžete změnit výchozí jednotku z „px“ na něco jiného, jako em, vh, vw atd.
Styl ohraničení
Okraje podporují osm různých stylů: plný, tečkovaný, tečkovaný, dvojitý, drážka, hřeben, překrytí a začátek. Vyberte požadovaný styl z rozevírací nabídky a použijte jej na svůj okraj.
Plná šířka pásma rozšířeného portfolia
Na kartě Upřesnit najdete možnosti, které by zkušenější weboví designéři mohli považovat za užitečné, například vlastní atributy CSS a HTML. Zde můžete použít vlastní CSS na kterýkoli z mnoha prvků modulu. Na modul můžete také použít vlastní třídy a ID CSS, které lze použít k přizpůsobení modulu v souboru style.css vašeho podřízeného motivu.
CSS ID
Zadejte volitelné ID CSS, které chcete použít pro tento modul. ID lze použít k vytvoření vlastního stylu CSS nebo k propojení s konkrétními částmi vaší stránky.
CSS třídy
Zadejte volitelné třídy CSS, které chcete pro tento modul použít. Třídu CSS lze použít k vytvoření vlastních stylů CSS. Můžete přidat více tříd oddělených mezerou. Tyto třídy lze použít v podřízeném motivu Divi nebo ve vlastní šabloně stylů CSS, kterou přidáte na svou stránku nebo web. Webové stránky pomocí možností motivu Divi nebo nastavení stránky Divi Builder.
Vlastní CSS
Vlastní CSS lze také použít na modul a na libovolné interní součásti modulu. V sekci Vlastní CSS najdete textové pole, kde můžete přidat vlastní šablony stylů CSS přímo ke každému prvku. Položky CSS v tomto nastavení jsou již zabaleny do značek stylů. Stačí tedy zadat pravidla CSS oddělená středníky.
Automatický kolotoč
Pokud je vybrána možnost rozvržení karuselu a chcete, aby se karusel automaticky posunul, aniž by návštěvník musel kliknout na další tlačítko, povolte tuto možnost a podle potřeby upravte rychlost odstřeďování níže.
Automatická rychlost karuselu
Zde můžete určit rychlost otáčení karuselu, pokud je výše aktivována možnost „Automatické otáčení karuselu“. Čím vyšší číslo, tím delší pauza mezi každou rotací. (Příklad 1000 = 1 s)
viditelnost
Tato možnost umožňuje ovládat zařízení, na kterých se váš modul zobrazuje. Můžete se rozhodnout deaktivovat svůj modul na tabletech, chytrých telefonech nebo stolních počítačích jednotlivě. To je užitečné, pokud chcete použít různé mody na různých zařízeních, nebo pokud chcete zjednodušit mobilní design odstraněním určitých prvků ze 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”]STÁHNOUT TÉMA DIVI [/vcex_button][/vc_column=][vc_column /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”]STAŽTE SI TEMPLATES DIVI[/vcex_button][/vc_column][/vc_row]
Ostatní výukové programy Divi
- 5 webové stránky pro použití v hotelu Divi téma
- Jak přidat text na produkt Divi WooCommerce
- Jak změnit barvu nabídky mezi stránkami Divi
- Jak přizpůsobit mřížky blogu s Divi
- Jak používat role Divi editor na WordPress
- Jak vytvořit posuvník Divi na celé obrazovce
- Jak změnit barvu nabídek mezi stránkami Divi
- Funkce, které pravděpodobně nevíte o Divi
- Jak používat Divi Builder na WordPress
- Jak používat modul posunu videa Divi
- Jak používat modul Divi Builder Flip
- Jak přidat zkušební modul na Divi Builder
- Jak používat textový modul Divi
- Jak vytvořit posuvník na Divi
- Jak upravit roli uživatele Divi
- Jak používat modul Divi Social Media
- Jak používat modul obchodu na téma WordPress Divi
- Jak používat modul bočního panelu Divi
- Jak používat modul tabulky ceny Divi
- Jak používat titulní modul publikací Divi
- Jak přidat video modul Divi
- Jak používat navigační modul článku
- Jak používat vyhledávací modul Divi
- Jak používat modul peněženky Divi
- Jak používat modul osob na nástroji Divi Builder
- Jak používat modul peněz s filtrem Divi
- Jak používat posuvný modul s plnou šířkou
- Jak používat modul obrazu Divi Builder
- Jak používat navigační modul plné šířky nástroje Divi Builder
- Jak používat modul galerie obrázků
- Jak používat modul karty Divi Builder Full-Width Card
- Jak používat portálový modul Divi s plnou šířkou
- Jak používat modul záhlaví Divi s plnou šířkou
- Jak používat počítací modul Divi
- Jak používat posuvník článků v Divi Builderu
- Jak používat modul Divi Email Optin
Dobrý den,
Podařilo se mi mít buď filtrovatelnou peněženku nebo peněženku s plnou šířkou, ale celá šířka není filtrovatelná.
Chtěl bych mít možnost přidat název svého projektu ke svým filtrovatelným obrázkům portfolia, jako je tomu u „klasických“ portfolií. Víš jak na to
Dobrý den!
Právě jsem šel do Divi a narazil jsem na cestu k vytvoření stránky „Reklamy“, na které by se moje nové reklamy zobrazovaly v malých miniaturách / minutách vedle sebe, jako na stránkách realitních kanceláří. Pro informaci jsem již vytvořil svou stránku REKLAMA a některé články (jeden článek pro reklamu), které přidružuji do kategorie REKLAMY .... ale objevují se ve velkém formátu. Doufám, že jsem se ve své problematice dobře vysvětlil! Během čekání na vaše návrhy předem děkuji za vaše vysvětlení a rady! Dobrou noc !! S pozdravem - Jerome
Dobrý den, pokud používáte modul blogu, budete muset přidat konkrétní CSS, které se vztahují na tento modul. Tato forma bohužel nenabízí mnoho možností přizpůsobení.
Dobrý den,
Děkujeme za Váš velmi kompletní článek.
Podařilo se mi zobrazit buď porftolio s plnou šířkou, nebo filtrovatelné portfolio, ale s velkými okraji kolem něj.
Víte, jestli vám divi umožňuje zobrazit filtrovatelné portfolio v celé šířce?
Nebo zobrazit filtrovatelné portfolio bez důležitých marží?
děkuji
Dobrý den, Delphine,
Nikdy jsem netestoval, ale ozvu se, pokud budu mít odpověď.
Dobrý den, váš článek se mi moc líbil, ale při pokusu o reprodukci tohoto typu rozvržení mám mezi obrázky velké mezery. Byl bych raději, kdyby se obrázky spojily jako ve vašem příkladu. Jak pro to nakonfigurovat modul?
Děkuji vám!
Dobrý den, Valerie,
Zkusili jste deaktivovat všechny pluginy, abyste zjistili, zda se displej zlepšuje?