Modul kódu Divi

Procédure

Divi builder je součástí našichwebhostingových balíčkůWordpress. Pokud chcete podporu pro DIVI builder, musíte si předplatit licenci přímo na webových stránkách Elegent theme Divi.

Úvod

LWS nabízí 3 prémiové pluginy od společnosti Elegant Themes (Divi, Bloom a Monarch). Ty jsou pravidelně aktualizovány. Jakmile se stanete zákazníkem společnosti LWS, budete mít k těmto pluginům bezplatný přístup tím, že při instalaci systému Wordpress CMS pomocí našeho automatického instalátoru zvolíte distribuci "Divi Builder".

Pokud máte balíček cPanel nebo jste již nainstalovali Wordpress s touto distribucí, ale nemáte přístup ke všem tématům nebo aktualizacím, dejte nám prosím vědět a sdělte nám přístupové údaje do administrační oblasti vašeho webu Wordpress, aby mohl technik licenci aktualizovat.

Upozornění: abyste mohli využívat podporu, musíte si pořídit licenci Elegant Themes. Společnost LWS neposkytuje podporu pro tyto produkty.

Co je modul Divi Code?

Modul Code je prázdné plátno, které umožňuje přidávat na stránku kód, například zkratky zásuvných modulů nebo statické kódy HTML. Pokud chcete použít zásuvný modul třetí strany, například zásuvný modul posuvníku třetí strany, můžete jednoduše umístit zkrácený kód zásuvného modulu do standardního nebo celoplošného modulu kódu, aby se prvek zobrazil bez překážek.

Jak přidat modul kódu na stránku

Než budete moci na stránku přidat modul kódu, musíte nejprve přepnout do nástroje Divi Builder. Po instalaci tématu Divi na váš web si při každém vytvoření nové stránky všimnete tlačítka Použít Divi Builder nad editorem příspěvků. Kliknutím na toto tlačítko aktivujete nástroj Divi Builder a získáte přístup ke všem jeho modulům. Poté kliknutím na tlačítko Použít vizuální sestavovač spustíte sestavovač ve vizuálním režimu. Na tlačítko Použít vizuální sestavovač můžete kliknout také při procházení webu v přední části, pokud jste přihlášeni do ovládacího panelu WordPressu.

Po vstupu do nástroje Visual Builder můžete kliknutím na šedé tlačítko + přidat na stránku nový modul. Nové moduly lze přidávat pouze v rámci řádků. Pokud zakládáte novou stránku, nezapomeňte nejprve přidat řádek na stránku.

V seznamu modulů vyhledejte modul kódu a kliknutím na něj jej přidejte na stránku. V seznamu modulů lze vyhledávat, což znamená, že můžete také zadat slovo "kód" a poté kliknout na tlačítko enter, čímž modul kódu najdete a automaticky přidáte! Po přidání modulu se zobrazí seznam možností modulu. Tyto možnosti jsou rozděleny do tří hlavních skupin: Obsah, Styl a Pokročilé.

Příklad použití: Přidání externího souboru stylů k animaci obsahu jednotlivých stránek.

V tomto příkladu přidám odkazový skript, který bude importovat soubor Animate.css, aby bylo možné přidat animační efekty k prvkům stránky. Protože soubor Animate.css obsahuje velké množství kódu, má smysl jej načíst pouze na stránce, kterou potřebuji.

Stačí přidat běžnou sekci a řádek na celou šířku (1 sloupec) a přidat modul Code.

Do textového pole Obsah přidejte úryvek kódu.

Nyní stačí na stránku přidat několik tříd CSS, abyste mohli animovat libovolný prvek stránky s třídami CSS. V tomto příkladu zajistím, aby se tlačítko při načítání stránky odrazilo.

V nastavení modulu tlačítka na kartě Upřesnit zadejte do textového pole třídy CSS dvě třídy "animated" a "bounce".

Tlačítko nyní bude po načtení stránky odskakovat.

Zde je několik dalších příkladů, jak můžete modul kódu použít:

1. Přidejte bloky javascriptového kódu nebo knihovny, které se vztahují pouze na vaši stránku.
2. Integrovat zásuvné moduly třetích stran, například Revolution Slider.
3. Modul kódu na celou šířku můžete použít k integraci standardního formuláře pro interaktivnější dotazníky, kontaktní formuláře atd.
4. Přidejte plovoucí akční nabídku
5. Vytvoření posuvné reklamy na horním panelu.
6. Přidejte plovoucí akční tlačítko.

Tip: Někdy přidání kódu se zlomy řádků způsobí, že kód nebude fungovat. Nejlepší je vytvořit kód v textovém editoru a před vložením do modulu Kód jej spojit (vše na jednom řádku).

Videoprezentace modulu Divi Code

Závěr

Děkujeme vám za sledování tohoto návodu!

Modul Code je dalším způsobem, jak si přizpůsobit a oživit své webové stránky přidáním tohoto dynamického prvku.

Brzy se uvidíme u dalšího tutoriálu ;)

Chcete-li se dozvědět více o aplikaci Divi od společnosti Elegant Themes a o tom, jak ji používat

Modul komentářů Divi

Správa modulu kontaktního formuláře Divi

> Podívejte se do naší nápovědy Elegant Themes Divi

Snímky obrazovky © Elegant Themes — použity pro informační účely v tomto výukovém programu LWS.