Zveřejňování favicon na web WordPress se stalo nesmírně populární, a to z dobrého důvodu. Nezapomenutelný favicon umožňuje vašemu publiku okamžitě rozpoznat váš web a vybrat jej v okně prohlížeče se spoustou karet. Jak ale můžete snadno přidat favicon na svůj web WordPress?

V tomto tutoriálu uvidíme, co přesně je favicon a proč byste jej měli používat. Poté se naučíme, jak rychle vytvořit obrázek favicon a jak jej nahrát na váš web pomocí nástroje WordPress Customizer. Na závěr probereme další metody přidání favicon s různými pluginy.

Co je favicon?

Od WordPress 4.3 se najednou velmi snadno přidává favicon do blogu, většina webů WordPress nyní zobrazuje favicon. Favicon je zkratka „ oblíbená ikona (Oblíbená ikona), ale lze ji také zobrazit na WordPress Customizer pod názvem „ ikona webové stránky ".

Favicon je obrázek, který se zobrazuje na kartě prohlížeče, a podobně jako ikona aplikace umožňuje uživatelům rozpoznat web. Pokud se podíváte do horní části prohlížeče, uvidíte jeden z faviconů. Ty jsou umístěny vedle titulní stránky každého webu.

Ikona webu obvykle odráží značku webu. Často budou mít stejný obrázek jako logo webu. Mohou však také představovat obrázek, který nějakým způsobem reprezentuje vaše podnikání. Uživatelé se podvědomě seznámí s velkým sortimentem faviconů a budou si moci vybrat web z mnoha otevřených karet, jednoduše rozpoznáním symbolu.

Jak vytvořit favicon

Vytvoření favikonu na wordpressu

Favicon může být obrázek, ale jak již bylo zmíněno, je nejlepší, pokud jde o logo vašeho webu, nebo nějak souvisí s vaší značkou. Silná a odvážná ikona nechá váš web vyniknout.

Jakmile vytvoříte nebo se rozhodnete pro obrázek, bude třeba jej upravit. Favicon WordPress by měl být čtvercový a v rozměru alespoň 512 x 512 pixelů. I když jej lze na WordPress oříznout, nejlepším postupem by bylo vytvořit favicon v softwaru pro úpravy obrázků. GIMP je snadno použitelný nástroj pro manipulaci s obrázky, který vám pomůže rychle upravit obrázky ve velmi krátké době.

Budete se také muset rozhodnout, zda chcete, aby vaše favicon měla barevné pozadí, nebo jestli dáváte přednost průhlednosti. Znovu se snažte vždy reprezentovat vzhled a styl vašeho webu, mějte na paměti, že vaše ikona musí vyčnívat z davu na mnoha kartách.

Pokud jste spokojeni s tím, jak váš favicon vypadá, měl by být uložen jako jpeg, png nebo gif. Nyní jste připraveni jej nahrát na WordPress.

Jak snadno přidat favicon na svůj web WordPress

Jakmile vytvoříte a upravíte svůj obrázek, jeho přidání jako favicon je velmi snadný proces. Díky pokrokům v nástroji WordPress Customizer je nyní zobrazení ikony webu extrémně rychlé a jednoduché.

Nejprve na hlavním panelu WordPress vyberte „Vzhled> Přizpůsobit “. Tím se otevře Customizer přímo na vašem webu.

Přizpůsobení nabídky wordpressu

V Customizer vyberte Identita stránek. Zde budete mít příležitost odeslat svůj obrázek.

Identita webu Wordpress

V části „Ikona webu“ klikněte na „Vybrat obrázek“.

Vyberte favicon pro přizpůsobení obrázků wordpressNyní se otevře vaše knihovna médií. To vám umožní vybrat uložený obrázek nebo nahrát nový obrázek. Jakmile vyberete obrázek, potřebujete-li obrázek oříznout, aby se zobrazila správná velikost, můžete tak učinit zde.

Vyberte obrázek na WordPress favicon

Váš favicon se nyní objeví v poli „Ikona webuVe vašem přizpůsobiteli. Nezapomeňte vždy kliknout na „ Uložit a publikovat V horní části rozhraní Customizer Aby byl váš favicon uložen a zobrazen.

Prezentace webu WordPress Favicon

prohlížeč nyní zobrazí favicon vašeho webu.

Prezentace favicon blog wordpress

Použití plugin pro zobrazení favicon na WordPress

Samozřejmě, jako vždy u WordPress, existuje řada různých způsobů, jak zobrazit favicon na vašem webu. Kromě nástroje pro přizpůsobení jsou k dispozici různé doplňky, které vám pomohou přidat ikonu webu.

Pokud váš motiv z nějakého důvodu neumožňuje nahrát ikonu webu prostřednictvím personalizátoru, nebo pokud chcete změnit motivy v nepříliš vzdálené budoucnosti, použijte WordPress Plugin může být pro vás tou nejlepší volbou. Pojďme se podívat na dostupné pluginy.

 

1. Logaster Online Favicon Maker

Logaster online favicon maker E1505999860407

Kromě toho, že je důležitým prvkem jakéhokoli webu, je Favicon také důležitý pro vaši značku. Obecně je Favicon propojen s logem vaší společnosti nebo logem vašeho webu. Je proto důležité mít atraktivní oblíbenou ikonu. Pomůže vám to tímto způsobem Logaster Online Favicon Maker vám nabízí bezplatné vytvoření vašeho loga. Nebojte se, proces vytvoření vašeho loga není ani dlouhá, ani nudná a zabere jen pár minut.

Poté na základě vašeho loga služba vygeneruje desítky krásných faviconů. Poté si můžete vybrat ikonu, kterou preferujete, a poté ji upravit.

Jakmile si vyberete Favicon, který chcete stáhnout a nainstalovat na svůj web, musíte zaplatit. Poté obdržíte ikonu různých velikostí ve formátu PNG a ICO.

BlogPasCher vám doporučuje Logaster Online Favicon Maker

Verze Française | Česká verze | Portugalská verze 

2 - Favicon od RealFaviconGenerator

Favicon od realfavicongenerator

Favicon by RealFaviconGenerator je pokročilý plugin, který zajišťuje, že váš favicon je viditelný ve všech prohlížečích a zařízeních. RealFaviconGenerator vám umožňuje otestovat existující favicon a zjistit, jak se zobrazuje pro vaše publikum v systému Android, iOS Safari, Windows nebo Mac OS, abychom jmenovali alespoň některé. To vám poskytne informace o tom, jak vaše ikona vypadá a zda funguje na všech platformách.

3 - Favicon vše v jednom

Vše v jedné favicon

Vše v jednom Favicon je WordPress Plugin zdarma populární. Umožní vám rychle a snadno přidat favicon na váš web a také pro vaše administrační stránky.

Tento plugin podporuje formáty ico, png a gif, stejně jako dotykové ikony Apple. Má vestavěnou funkci stahování. Proto můžete použít favicon, který již byl přidán do vaší knihovny médií. Alternativně můžete nahrát novou ikonu prostřednictvím rozhraní pluginu. „All In One Favicon“ má potenciál šetřit čas a je dobrou volbou pro ty, kteří hledají jednoduchý plugin favicon.

To je pro tento tutoriál vše, doufám, že vám umožní přidávat oblíbené ikony WordPress blog.