Úvod

O mně

Služby

Reference

Kvíz – archetyp podnikatele

Blog

Kontakt

Služby

Tvorba webů

Pronájem webů

Údržba webů

Podpora při tvorbě webu svépomocí

Individuální konzultace

Mini kurz: Vylepšete svůj web teď hned

Kurz: Tvorba webu od A do Z s Divi

Kurz v přípravě. Přihlásit se

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

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.