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

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

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
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

				

					

						
						Sdílení
					
					

									
										
Facebook

									
								

									
										
Twitter

									
								

									
										
LinkedIn

									
								

									
										
Gmail