Chcete se naučit stavět weby na Divi? Zaujaly vás nekonečné možnosti tvorby?

Divi: Jak udělat text s gradientem bez pluginů a kódů? (Video)

Říj 9, 2019 | Divi

Gradient, nebo-li volný přechod barev, je velmi trendy záležitost. Velký nešvar Divi komunity a celkově Divi “webdesignerů” je, že používají pluginy na každou hovadinu. Kde je poptávka, je i nabídka… Kdo mě zná ví, že nejsem příznivcem “pluginů na všechno”. Ale o tom v jiném článku. V tom dnešním vám chci ukázat způsob, jak udělat gradient text v Divi bez použití pluginů a kódů.

K čem je ten gradient dobrý?

Nevím, proč si pokládám takové otázky. K čemu je design dobrý? 

Gradient je módní, trendy, jednoduše cool. Samozřejmě se nehodí u všech webů. Musíte znát svou cílovou skupinu, brand message. Pokud jste inovativní firma zaměřující se na mladé (a/nebo) inovativní lidi, je to skvělý způsob, jak doplnit váš design. Pokud jste webdev, můžete ukázat, že víte, co hýbe dnešním designerským světem. 

Přejdeme k samotnému návodu: Jak v Divi vytvořit gradient text bez použití pluginů a kódů? 

Divi je super v tom, že nabízí nekonečno možností tvorby. S trochou umu, znalosti CSS a s mírnou úpravou .php se dá vykouzlit skoro všechno. Někdy ale hledáme složitosti tam, kde nejsou. A v této fázi bylo mnoho lidí, jinak by nevznikly pluginy třetích stran na úplně obyčejné věci. I vy jste viděli plugin na gradient? Tak já vám teď ušetřím pár dolarů..

Co budeme potřebovat? 

Zakoupenou Divi šablonu 

Co budeme upravovat? 

Text ve Visual Builderu. Nepotřebujeme k tomu ani řádek kódu!

Jak vypadá výsledek?

Podívejte se na web mého klienta https://dratton.cz

Video

1. Otevřeme si Visual Builder, vložíme novou sekci, nový řadek a nový modul (v tomto případě Text). 

2. Otevřeme Sekci (ozubené kolečko) a pozadí nastavíme na Bílo #fff

3. Otevřeme si řádek, klikneme na nastavení řádku a půjdeme do Pozadí a gradient. Nastavíme si barevnou škálu. 

4. Teď máme gradientní pozadí. Půjdeme do modulu Text > Pozadí a opět dáme bílou barvu.

5. Jsme pořád v modulu Text. Přejdeme do Návrh >  Filtrovat > Barvy modulu (neboli Zachránil modul : D – ten překlad je úžasný) a dáme Zesvětlit.

Ulala! Máme gradientní text bez použití použití pluginů a kódů! Hrejte si a zkoušejte různé variace. Příště se podíváme na další (složitější) možnosti gradientu.

Další články

Rychlý tip: Buďte vždy majiteli domény a hostingu!

Rychlý tip: Buďte vždy majiteli domény a hostingu!

Ač za pár měsíců tady máme rok 2020, přesto některé agentury pořád žijí v roce 2000 a nabízí služby, které se mi nezdají moc legitimní. O čem mluvím? Sama bych tomu nevěřila, kdyby za mnou nechodili klienti s dotazem, jak by tohle měli vyřešit. Agentura, která jim...

Průvodce hotelovým marketingem #1 – cílová skupina

Průvodce hotelovým marketingem #1 – cílová skupina

Začínám se seriálem s názvem Průvodce hotelovým marketingem. Původně z toho měl být ebook, ale potom jsem od této myšlenky upustila. Měl by totiž tolik stránek, jako většina placených knih a dává mi větší smysl to dávat rovnou na svůj blog. Na co se podíváme hned ze...

Divi: Jak vytvořit patičku (footer) a použít ji na každé stránce

Divi: Jak vytvořit patičku (footer) a použít ji na každé stránce

Připravila jsem si pro vás návod, který vám určitě usnadní práci s Divi. Defaultní patičky nejsou moc pěkné a je škoda nevyužít i na tuto, často opomíjenou část, právě Divi šablonu. Nemá theme builder, proto je menu i patička v defaultu a nelze vzhled tak jednoduše...