Je třeba vytvořit ukazatel průběhu přechodu Elementor ?

Elementor má Widget ukazatele průběhu nativní, který můžete použít k přidání věcí, jako je úroveň dovedností nebo postup něčeho, na stránku nebo šablonu, kterou vytvoříte.

Při použití tohoto widgetu můžete přizpůsobit jeho vzhled změnou barvy a typografie textu. Tento widget umožňuje pouze použít plnou barvu pruhu.

Je ale možné vytvořit indikátor průběhu s barvou přechodu?

Pokud máte dovednosti v CSS, můžete použít profesionální verziElementor a přidejte vlastní CSS do widgetu Progress Bar, abyste vytvořili přechodový ukazatel průběhu. Případně si můžete nainstalovat doplněk, který nabízí widget ukazatele průběhu, kde si můžete při změně barvy vybrat barvu přechodu.

Dva doplňky, které takový widget nabízejí, jsou Základní doplňky et JetElements. Zaměříme se ale na Essential Addons

Vytváření zhoršeného indikátoru průběhu v Elementoru pomocí základních doplňků

Essential Addons je jedním z doplňků Elementor nejpopulárnější. Nabízí přes 60 widgetů, včetně widgetu Progress Bar, který můžete použít k vytvoření gradientu progress baru. Essential Addons je freemium doplněk. Widget Progress Bar je k dispozici v bezplatné verzi.

Můžete si stáhnout bezplatná verze tohoto doplňku v oficiálním adresáři pluginu WordPress.

Objevte našeho průvodce Jak nainstalovat (přidat) plugin na WordPress

Po instalaci a aktivaci tohoto pluginu vytvořte stránku nebo šablonu a upravte je pomocí Elementoru a přetáhněte widget Progress Bar do editačního pole.

Jak vytvořit indikátor průběhu přechodu v Elementoru

V rozevírací nabídce možností vyberte styl ukazatele průběhu, který chcete vytvořit Rozvržení. K dispozici je 6 stylů indikátoru průběhu, ze kterých si můžete vybrat. Chcete-li vytvořit indikátor průběhu přechodu, musíte vybrat styl Čára.

Nastavte název, hodnotu čítače a dobu trvání animace. Po dokončení přejděte na kartu Styl a otevřete blok Vyplnit. V možnosti Typ pozadí, vybrat Degradován a nastavte první barvu a druhou barvu. Můžete také definovat typ přechodu (lineární nebo radiální), umístění a úhel.

Jak vytvořit indikátor průběhu přechodu v Elementoru

Na kartě můžete otevřít další bloky možností Styl nastavit další možnosti stylingu.

Získejte nyní prvek Elementor Pro!

Proč investovat do čističky vzduchu?

Tady je ! To je pro tento článek, který vám ukáže, jak vytvořit pruh průběhu přechodu v Elementoru. Pokud máte nějaké obavy, jak se tam dostat fdejte nám vědět v commentaires.

Můžete však také konzultovat naše zdroje, pokud potřebujete více prvků k realizaci vašich projektů vytváření internetových stránek, nahlédněte do našeho průvodce na internetu Vytvoření blogu WordPress nebo ten, který je zapnutý Divi: nejlepší téma WordPress všech dob.

Mezitím sdílejte tento článek na různých sociálních sítích.

...