Jak v Elementoru vytvořit ikonu domečku / home

Elementor je velice oblíbený plugin pro tvorbu WordPress šablon. Nabízí skvělé řešení i pro osoby, které nemají s programováním vůbec žádné zkušenosti. Některé věci ale přímo v nastavení neumí a je potřeba si tedy poradit jinak. Pokud i vy hledáte jednoduché řešení, jak vložit ikonku „home“ domečku pro stránku úvod, pak stačí tyto jednoduché úkony:

1. Přihlašte se do administrace vašeho WordPressu a přejděte na nabídku Vzhled – Menu
2. Přejděte do nabídky Uživatelské odkazy a do pole Text odkazu vložte tento kod: <i aria-hidden=“true“ class=“fas fa-home“></i>. Do pole URL odkazu vložte URL adresu vaší úvodní strany.
3. Odkaz přidejte do menu a aktualizujte.

Tímto způsobem zístkáte jednoduše ikonku domečku pro vaši home stránku.

Pokud chcete, aby ikonka měla např. jinou velikost či barvu, pak stačí vložit tyto styly do vaší šablony – v případě Elementoru toto naleznete v nastavení stránky anebo v nabídce Vzhled – Přizpůsobit.

CSS styl pro úpravu ikony home v Elementoru

/* Velikost a barva ikony home, upravte dle potřeby*/

i.fas.fa-home::before {
font-size:20px;
color: #12a3dc !important;
}

/* Změna barvy ikony home při najetí myši*/
i.fas.fa-home:hover::before {
color: #000 !important;
}