Nastavení ikony webu (favikony) na WordPressu
Favicon (nebo favikona) je zkratka anglického favourite icon (oblíbená ikona). Jde o logo webu, které se zobrazuje na kartě prohlížeče, seznamu záložek, ve výsledcích mobilního vyhledávání atd.
Slouží především ke snadnější orientaci uživatelů v záložkách prohlížeče, ale je také důležitou součástí budování vizuální identity vaší značky.
V tomto článku najdete:
- doporučení na to, jaký favicon pro svůj web zvolit
- návod, jak jej ve WordPressu přidat a nebo změnit
Takto například vypadá favicon Webglobe na kartě prohlížeče.
Konec s nebezpečnou metodou pokus – omyl
Vyvarujte se nejčastějších chyb, které vám rozbíjí WordPress. Zaregistrujte se ZDARMA do Webglobe Academy a staňte experty na tvorbu webu.
Jak favicon vytvořit?
Nejprve technické záležitosti:
- rozměr pro zobrazení faviconu v kartě prohlížeče je 16 ⨉ 16 pixelů
- optimální rozlišení by ale mělo být 512 ⨉ 512 pixelů
- favicon se vkládá ve standardním formátu .ico nebo jako obrázek (.jpg, .png…)
K vytvoření faviconu ve formátu .ico ze svého vlastního obrázku, textu nebo emoji můžete použít některý z bezplatných generátorů, například favicon.io.
Doporučení pro výběr vhodného faviconu
- Dbejte na to, aby zvolený favicon byl dobře rozeznatelný i při rozlišení 16 ⨉ 16 pixelů. Vyvarujte se proto používání fotografií a delšího textu.
- Raději volte jednoduché kontrastní logo s jasnými konturami bez zbytečných detailů.
- Zamyslete se nad vhodnou barvou. Favicon by měl vypadat dobře na bílém, šedém i černém pozadí.
- Nejjednodušší řešení samozřejmě je za favicon zvolit logo své firmy. Je-li však pro favicon příliš složité, zkuste se mu alespoň barevně a tvarem přiblížit.
Přidání faviconu ve WordPressu
- Ve své WordPress administraci klikněte na levém bočním panelu na Vzhled → Přizpůsobit.
- Otevře se vám nabídka přizpůsobení webu. Zde můžete změnit název a popis svého webu a i ikonu webu, tedy favicon.
- Klikněte na Vybrat ikonu webu a nahrajte svůj favicon z počítače nebo z mediální knihovny.
- WordPress vám ještě umožní favicon oříznout a ukáže vám, jak bude v kartě prohlížeče vypadat.
- Favicon ořízněte, nebo klikněte na Neoříznout obrázek, a pokračujte na finální krok.
- V levém horním rohu klikněte na Publikovat.
Pro vytvoření a nastavení faviconu můžete použít také některý WordPress plugin, například RealFaviconGenerator. Jeho hlavní výhodou je především to, že vám lépe ukáže, jak se váš bude favicon zobrazovat.
Ovládněte WordPress
S naším zbrusu novým WordPress hostingem je tvorba webu hračka.