Ikonka v menu může hodně vylepšit nejen vzhled webu, ale také třeba pomoci v orientaci. Třeba web pro děti určitě ikona pomůže procházet. Občas jsem se setkal s námitkou, že to v té které šabloně není možné a podobně. Ale naštěstí šablona Divi umí pracovat s fontem Awesome a tak při jejím použití máme vlastně řešení jasné.

Jak vložíme font Awesome do stránky jsme si ukázali v minulém návodu a tak nyní můžeme jednoduše potřebné ikony do menu vložit. Nejvíc práce nám asi dá volba té správné ikony, protože jich je na výběr tolik…

První krok je tedy vložení fontu do šablony podle minulého návodu. Nyní je potřeba najít ikonu kterou potřebujeme.

Přejdeme na stránku https://fontawesome.com/icons a najdeme si potřebnou ikonu. Například ikonu domu pro položku menu Domů. Na ikonu klikneme a otevřeme si její detail, kde budeme hledat část označenou na obrázku červeně a na tu klikneme. Zkopírujeme jí tak do schránky a můžeme přejít do nastavení menu webu.

V nastavení menu otevřeme úpravu příslušné záložky a před text záložky vložíme zkopírovaný řetězec a menu uložíme. Ikona je v menu.