Jak snadno přidat favicon WordPress

Potřebujete zjistit, jak snadno přidat favicon WordPress? Zjistěte to podle tohoto návodu

Favicon je malá čtvercová ikona představující váš web. Obvykle se zobrazuje vedle názvu webu na kartě prohlížeče. Favicon se také objeví v historii vašeho prohlížeče, záložkách a všude tam, kde váš web potřebuje vizuální identitu.

Tento malý detail je nezbytný pro vaši online identitu. Probereme favicon WordPress a jak ji přidat na váš web WordPress.

Než ale začneme, zjistěte to, pokud jste WordPress nikdy nenainstalovali Jak nainstalovat 7 kroků WordPress blogu et Jak najít, nainstalovat a aktivovat WordPress téma na svém blogu 

Pak zpět k tomu, proč jsme tady.

Proč je důležité přidat favicon na váš web

Favicon je v podstatě ID vašeho webu; proto by se vaše logo s větší pravděpodobností objevilo tam nahoře. Ignorování jeho přítomnosti na vašem webu je skutečně chyba.

Zde je několik důvodů, proč je favicon pro váš web životně důležitý.

• Vyniká jako uznání značka
  Většina uživatelů má tendenci otevírat více karet ve svém prohlížeči. Bez favicon vidíte pouze stránku nebo název příspěvku na kartě prohlížeče. Pokud také otevřete více než 20 záložek, zkrátí se a je obtížné určit, která karta představuje který web.
  Mít favicon pomáhá uživatelům snadněji rozpoznat každou kartu. Pokud vaše favicon vynikne, zlepší nejen vaši viditelnost, ale i vaši zkušenosti uživatelů.
• Budujte důvěru
  Pokud nemáte favicon, uděláte svým uživatelům špatný první dojem. Web bez favicon nevypadá profesionálně.
  Pokud vytváříte webové stránky pouze pro každodenní blogování, nemít favicon může být irelevantní. Ale stává se nezbytným, když spravujete obchodní web nebo internetový obchod.
  váš Návštěvníci nebude důvěřovat žádné transakci na webu, který nevypadá profesionálně.
• Zlepšení mobilního zážitku
  Toto je éra mobilního zážitku. Mít responzivní web nemusí k potěšení mobilních uživatelů stačit, hlavně proto, že webové aplikace jsou právě teď na vzestupu.
  Uživatelé si mohou jednoduše uložit webovou stránku do záložek na domovské obrazovce svého telefonu. Už žádné zadávání URL!
  V této situaci vám dobře vyrobená favicon poslouží dvěma různými způsoby. Za prvé, favikona bude použita jako ikona aplikace a za druhé, lidé používající vaši webovou aplikaci si vaši ikonu zapamatují. Proto bude vaše favicon spojena s vaším webem.

Vytvoření favicon pro WordPress

Obvykle je vaší favicon logo vaší značky. Pro obrázek WordPress doporučuje použít čtverec 512px x 512px.

Můžete použít větší obrázek, ale WordPress bude s největší pravděpodobností vyžadovat, abyste jej ořízli, aby odpovídal velikosti.

Chcete-li vytvořit obrázek přesné velikosti 512 pixelů x 512 pixelů, můžete použít jakýkoli software pro úpravu obrázků, např než Adobe Photoshop (zaplaceno) a gimp (zdarma) nebo generátory favicon

I když si můžete vybrat barvu pozadí pro svou favicon WordPress, dáváme přednost průhlednosti. Můžete použít formáty . Jpeg,.ico, . Gif ou . Png (jen se ujistěte, že používáte formát . Png pokud používáte průhledné pozadí).

Jakmile je obrázek připraven, můžete jej přidat na svůj web WordPress pomocí jedné z těchto tří metod:

1. Přidání WordPress Favicon přes WordPress Customizer

Z verze WordPress 4.3, můžete jednoduše přidat favicon WordPress ze své administrační oblasti. Chcete-li to provést, postupujte takto:

1. Přístup k váš administrační panel
2. Najeďte myší nad Vzhled -> Přizpůsobit
3. zvolit identitu webu
4. Klepněte na tlačítko tlačítko Vybrat obrázek pod v části Ikona na webu
5. Nahrajte svou favicon, která byla připravena
6. Klepněte na tlačítko tlačítko Publikovat uložit změnu.

Pokud postup provedete správně, vaše favicon se zobrazí vedle názvu vašeho webu. Chcete-li to nastavit na mobilním zařízení, přejděte v telefonu na svůj web a vyberte Přidat na domácí obrazovku.

Vaše favicon se nyní objeví na vaší domovské obrazovce.

2. Přidejte na web favicon pomocí pluginu WordPress

Můžete také přidat favicon do WordPress pomocí pluginu s názvem Favicon by RealFaviconGenerator. Snadno se používá a nabízí více funkcí. Zde jsou požadované kroky:

1. Přístup k vašemu administrační panel
2. Vybrat Rozšíření -> Přidat
3. typ Favicon by RealFaviconGenerator ve vyhledávacím poli
4. Nainstalujte a aktivujte WordPress Plugin
5. Po aktivaci přejděte na Vzhled -> Favicon
6. Nahrajte obrázek, který chcete nastavit jako favicon. Obrázek nemusíte upravovat pomocí softwaru pro úpravu obrázků. Plugin to udělá za vás. Jen se ujistěte, že váš obrázek má velikost alespoň 70 x 70px. Je ještě lepší, když je větší než 260 x 260 px.
7. Po nahrání obrázku stiskněte tlačítko Vygenerovat favicon.
8. Po kliknutí na tlačítko vás plugin přenese na webovou stránku RealFaviconGenerator.
9. Na webu najděte a klikněte Vygenerujte si své oblíbené ikony a HTML kód.
10. Plugin vás vrátí zpět na váš web. Obdržíte upozornění, že vaše favicon byla nakonfigurována.
11. Zkontrolujte, jak vypadá vaše favicon ve vašem prohlížeči a mobilním zařízení.

3. Ručně přidejte na webovou stránku WordPress Favicon

Doporučujeme to otestovat na vašem webu pro místní rozvoj, než bude spuštěn.

1. Získejte přístup k souborům motivů prostřednictvím klienta FTP nebo správce souborů
2. Najděte složku /wp-content/themes/votre-theme
3. Nahrajte svou favicon do složky motivu. Doporučuje se jej stáhnout do podsložky jako Měny
4. Zapamatujte si tuto cestu k souboru
5. Vyhledejte soubor s názvem functions.php a přidejte následující kód:

function add_favicon() {
  echo '<link rel="shortcut icon" type="image/png" href="'.get_template_directory_uri().'/assets/favicon.png" />';
}
 
add_action('wp_head', 'add_favicon');

6. Řádek po href="'.get_template_directory_uri() musí být cesta k vaší favicon. Také se ujistěte, že máte správný název souboru. Pokud používáte formát soubor .ico, bude to toto:

function add_favicon() {
  echo '<link rel="shortcut icon" type="image/png" href="'.get_template_directory_uri().'/assets/favicon.ico" />';
}
 
add_action('wp_head', 'add_favicon');

Mít favicon je nutnost! Zvlášť, když je to tak snadné vytvořit. Favicon představuje identitu vašeho webu. Na vašem webu může zabírat jen malé místo, ale tento malý detail má zvláštní roli při zlepšování rozpoznávání vaší značky a uživatelské zkušenosti.

Další doporučené zdroje

Zveme vás také ke konzultaci ressources níže, abyste získali větší vlastnictví a kontrolu nad svými webovými stránkami a blogem.

• Jak přidat autentizaci Gmail WordPress
• Jak odstranit téma WordPress z webu
• Jak nastavit domovskou stránku ve WordPressu
• Elementor: Jak přidat zvukový efekt tlačítka
• Jak vytvořit vlastní šablony WordPress

Proč investovat do čističky vzduchu?

To je vše pro tento tutoriál, který vysvětluje, jak přidat Favicon na WordPress. Máte-li jakékoli obavy nebo návrhy, dejte nám vědět commentaires.

Budete však také moci konzultovat naše ressources, pokud potřebujete více prvků k realizaci vašich projektů vytváření internetových stránek, nahlédněte do našeho průvodce na internetu Vytvoření blogu WordPress nebo ten, který je zapnutý Divi: nejlepší téma WordPress všech dob.

Mezitím sdílejte tento článek na různých sociálních sítích.   

...