Přizpůsobení kódu tématu Extra

Procédure

Úvod

LWS vám nabízí 3 prémiové pluginy od 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, a to výběrem distribuce "Divi Builder" při instalaci CMS Wordpress pomocí našeho automatického instalátoru.

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.

Přizpůsobení kódu tématu Extra

Pomocí modulu Kód můžete do rozvržení přidat vlastní kódy HTML a/nebo krátké kódy WordPress. Ve výše uvedeném příkladu jsme přidali e-mailový opt-in formulář pomocí zkráceného kódu, který poskytuje plugin pro e-mailové opt-in, Bloom.

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 Extra na vaše webové stránky 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, čímž 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".

Nyní se tlačítko při načítání stránky odrazí!

Závěr

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

Pomocí modulu kódu můžete na stránku umístit vlastní kód, například HTML a JS, nebo zadat krátké kódy třetích stran.

Brzy se uvidíme u dalšího návodu ;)

Chcete-li se dozvědět více o tématu Extra a jeho používání

Vytvoření blogu s tématem Extra

Textový modul Extra

> Podívejte se do naší nápovědy k tématu Extra