K

Facebooková stránka  Příjmám zakázky

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

Hedviga Nosáľová | 22. 7. 2019

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.

Rubriky v blogu

Vše, co souvisí s podnikáním. Občas sdílím zajimavý příběh a zkušenosti.

Divi využívám pro 99 % projektů mých klientů a mohu ji doporučit každému. Píšu o zajímavých tématech ohledně této šablony.

Články na různá témata týkající se tvorby webu.

Vytvářím si vlastní knihovnu různých kódů, které jsou užitečné pro tvorbu webů.

Novinka

Slevy a akce

Akce a doporučení na hostingy, šablony, pluginy, nástroje, kurzy. Vše, co se podnikatelům hodí.

Novinka

Nástroje

Seznam nástrojů pro podnikání a vzdělávání.

Kvíz

Zjistěte, jaký archetyp podnikatele jste.

Facebook skupiny

Jediná a největší poradna čiště pro Divi na našem území. Jsem moderátorem.

Zajímavé informace ohledně tvorby webu – WordPress, Divi, design.