inovace

Jak přidat vlastní ikonu do šablony Divi

Š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

Správa WordPress webu

Nemusíte na to být sami. Pomůžeme vám s pravidelnou údržbou i novými vylepšeními.

Více informací

Diskuze

Vaše e-mailová adresa nebude zveřejněna. Vyžadované informace jsou označeny *

Nákupní košík

Neuteklo vám něco?

Pokrok a WordPress na nikoho nečekají, tak nám tu raději nechte e-mail, ať o nic nepřijdete!

Zkontrolujte svoji doručenou poštu nebo spam koš, abyste mohli svůj e-mail potvrdit.

Vylaďte WordPress stránky s naším tahákem

V e-booku najdete informace a rady pro WordPress od A do Z. Zadejte e-mail a my vám WordPress tahák pošleme.

Zkontrolujte svoji doručenou poštu nebo spam koš, abyste mohli svůj e-mail potvrdit.

Přejít nahoru