TvorbaWebová.cz

Vše o tvorbě webu a systému WordPress
3

Mohlo by vás zajímat

Search
Close this search box.

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

Rychlý obsah

Mohlo by vás zajímat

Jak jednoduše deaktivovat nefunkční WordPress plugin
Pokud máte problém se dostat do administrace WordPressu, pak příčín může být několik. Problém s přísupem...
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é...
Jak zablokovat nevyžádané emaily v Contact Form7
Pokud na své webové stránce používáte kontaktní formulář aplikovaný pomocí pluginu Contact Form7, může...
Jak na změnu hesla uživatele WordPressu v MySQL administraci
Změnu hesla pro přístup do administrace stránek je ve většině případů snadné provés. V okamžiku, kdy...

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

Facebook
WhatsApp
Email

Napsat komentář

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


Kategorie