Divi šablona a Elegant Themes

Jak přidat vlastní ikonu do šablony Divi

inovace
Autor příspěvku Tomáš Cirkl

Šablona Divi obsahuje předpřipravený seznam ikon, které jsou použité v různých modulech, například v modulu Upoutávka. Tyto ikony jsou ve skutečnosti písmo vytvořené studiem Elegant Themes a není žádný přímý způsob jak přidat nové znaky. Naštěstí je zde ale způsob jak přidat vlastní ikonu do seznamu.

V tomto článku si ukážeme dva způsoby jak přidat vlastní ikonu do Divi šablony.

Divi modul Upoutávka

Divi modul Upoutávka

Přidání ikony pomocí modulu Upoutávka

Nejprve si otevřete nastavení modulu Upoutávka a u položky Použít ikonu vyberte možnost Ne. Zobrazí se vám nabídka na nahrání obrázku a napsání jeho alternativního názvu (pro SEO). Obojí vyplňte. Nakonec jen modul a stránku uložte.

Nastavení modulu Upoutávka

Nastavení modulu Upoutávka

Přidání vlastní ikony manuálně

Nejprve je nutné vytvořit dva soubory ikonky o různých velikostech. Doporučuji rozměry 16×16 a 96×96 pixelů.

Nyní je třeba menší z ikon přidat do seznamu výběru ikonek v modulu Upoutávka. Uděláte to pomocí kódu níže, který vložíte do functions.php ve vaší šabloně. K úpravě doporučuji využít child theme.

function myfont_icons($icons) {
    $icons[] = 'mojeikona';
    return $icons;
}
add_filter('et_pb_font_icon_symbols', 'myfont_icons');

function my_custom_fonts() { ?>

Nezapomeňte upravit URL vaší ikony. Kód vytvoří ikonu nazvanou "mojeikona" a přidá ji do seznamu ikonek v Divi modulu Upoutávka. Pokud se podíváte do modulu Upoutávka, uvidíte seznam ikon a na konci by měla být ta vaše.

Vlastní ikona v seznamu

Vlastní ikona v seznamu

Nyní ještě zbývá přidat větší ikonu při zobrazení modulu na stránce. To uděláte pomocí kódu níže. Opět kód vložte do functions.php ve vaší šabloně. Zase nezapomeňte upravit URL ikonky.

function my_custom_fonts_js() { ?>  

To je vše. V seznamu ikonek modulu Upoutávka je přidaná nová šablona.

Takto to vypadalo v mém případě, kdy jsem přidával ikonu karavanu.

Vlastní ikona na stránce

Vlastní ikona na stránce

O autorovi

Tomáš Cirkl

Baví mě Internet a zvláště pak redakční systém WordPress. Jsem pravidelným účastníkem a přednášejícím na WordCamp Praha a WordPress konferencích.

Zanechat komentář

WordPress školení pro začátečníky a mírně pokročilé (Praha 5.3.2020).

Získejte více informací o WordPress!

Připojte se do našeho emailového seznamu a nenechte si ujít informace, novinky a návody ze světa WordPressu.

Úspěšně jste se zapsali do našeho newsletteru. Děkujeme!

Tomáš Cirkl

Tomáš Cirkl

WordPress specialista

Blog WPlama.cz píši už více než 5 let. O WordPress přednáším a pořádám školení. Pro své klienty vytvářím a spravuji webové stránky.