Způsoby přidání stránky favicon

Prakticky na jakémkoli moderním webu na Internetu je na kartě prohlížeče zobrazena speciální ikona poté, co je zdroj plně načten. Tento obrázek je vytvořen a nainstalován každým vlastníkem nezávisle, ačkoli to není povinné. V rámci tohoto článku budeme diskutovat o možnostech instalace aplikace Favicon na weby vytvořené různými způsoby.

Přidání služby Favicon na web

Chcete-li do tohoto webu přidat tento typ ikony, musíte pro zahájení vytvořit vhodný obraz čtvercového tvaru. To lze provést stejně jako při použití speciálních grafických programů, Photoshop , a uchýlil se k některým online službám. Navíc je žádoucí předem připravenou ikonu převést do formátu ICO a snížit ji na velikost 512 × 512 px .

Poznámka: Bez přidání vlastního obrázku se na kartě zobrazí ikona dokumentu.

Viz též:
Online služby k vytvoření favicon
Jak vytvořit obrázek ve formátu ICO

Možnost 1: Přidat ručně

Tato možnost přidání ikony na stránky vám vyhovuje, pokud nepoužíváte platformu, která poskytuje speciální nástroje.

Metoda 1: Stažení souboru Favicon

Nejjednodušší metodou podporovanou doslova moderním internetovým prohlížečem je přidání dříve vytvořeného obrazu do kořenového adresáře vašeho webu. To lze provést buď prostřednictvím webového rozhraní nebo pomocí libovolného vhodného správce FTP.

Někdy může požadovaný adresář mít název "public_html" nebo jiný, v závislosti na vašich preferencích z hlediska nastavení.

Účinnost metody přímo závisí nejen na formátu a velikosti, ale také na správném názvu souboru.

Metoda 2: Úpravy kódu

Někdy nemusí stačit přidat Favicon do kořenového adresáře webu, takže se po úplném stahování zobrazí na kartě prohlížečem. V takovém případě budete muset upravit hlavní soubor s označením stránky přidáním zvláštního kódu na začátek.

1. Přidejte následující řádek mezi značky "HEAD" , kde by měl být "* / favicon.ico" nahrazen adresou URL vašeho obrázku.

2. Nejlepší je použít absolutní odkaz s prefixem namísto relativní.
3. V některých případech lze hodnotu "rel" změnit na "ikonu zástupce" , čímž se zvýší kompatibilita s webovými prohlížeči.
4. Hodnotu "typ" můžete také změnit v závislosti na formátu použitého obrázku:
   

   Poznámka: Nejobecnější je formát ICO.

   • ICO - "image / x-icon" nebo "image / vnd.microsoft.icon" ;
   • PNG - "obrázek / png" ;
   • GIF - "image / gif" .

5. Pokud je váš zdroj zaměřen především na nejnovější prohlížeče, může být řetězec zkrácen.

6. Chcete-li dosáhnout největší kompatibility, můžete přidat několik řádků najednou pomocí odkazu na stránku favicon.
7. Instalační obraz se zobrazí na všech stránkách webu, ale lze jej libovolně změnit přidáním výše uvedeného kódu do samostatných sekcí.

V obou těchto metodách bude trvat nějaký čas, než se objeví na kartě prohlížeče.

Možnost 2: Nástroje WordPress

Při práci s aplikací WordPress můžete využít dříve popsané možnosti přidáním výše uvedeného kódu do souboru "header.php" nebo pomocí speciálních nástrojů. Díky tomu bude ikona zaručena, že bude zobrazena na kartě stránek bez ohledu na prohlížeč.

Metoda 1: Ovládací panely

1. Z hlavního menu rozbalte seznam "Vzhled" a vyberte sekci "Upravit" .
2. Na stránce, která se otevře, musíte použít tlačítko "Vlastnosti webu" .
3. Projděte sekci "Nastavení" dole a v části "Ikona webu" klikněte na tlačítko "Vybrat obrázek" . V tomto případě by měl mít obraz rozlišení 512 × 512 px .
4. Prostřednictvím okna "Vybrat obrázek" nahrát požadovaný snímek do galerie nebo zvolit dříve přidaný obrázek.
5. Poté se vrátíte do "Vlastnosti webu" a vybraný snímek se objeví v bloku "Ikona" . Zde můžete vidět příklad, v případě potřeby jej upravit nebo ji smazat.
6. Po nastavení požadované akce v příslušném menu klikněte na tlačítko "Uložit" nebo "Publikovat" .
7. Chcete-li zobrazit logo na kartě kterékoli stránky vašeho webu, včetně "Ovládacího panelu" , znovu jej načtěte.

Metoda 2: Favicon All In One

1. Na stránce "Ovládací panely" vyberte "Pluginy" a přejděte na stránku "Přidat nový" .
2. Vyplňte vyhledávací pole v souladu s názvem pluginu, který potřebujete - vše v jednom faviconu - a v bloku s odpovídajícím rozšířením klikněte na tlačítko "Install" .

   Proces přidávání bude trvat nějaký čas.

3. Nyní musíte kliknout na tlačítko "Aktivovat" .
4. Po automatickém přesměrování musíte přejít do sekce nastavení. To lze provést pomocí "Nastavení" výběrem položky "Vše v jednom Favicon" ze seznamu nebo pomocí odkazu "Nastavení" na stránce "Pluginy" v bloku s požadovaným rozšířením.
5. V sekci s parametry pluginů přidejte do jedné z uvedených řádků ikonu. Toto nastavení by se mělo opakovat jak v bloku "Frontend Settings", tak v "Backend Settings" .
6. Po přidání obrázku klepněte na tlačítko Uložit změny .
7. Po dokončení aktualizace stránky bude obrázek přiřazen jedinečnému odkazu a bude zobrazen na kartě prohlížeče.

Tato možnost je nejjednodušší implementovat. Doufáme, že jste nainstalovali program Favicon na stránky pomocí ovládacího panelu WordPress.

Závěr

Volba přidání ikony závisí výhradně na vašich preferencích, protože ve všech možných možnostech můžete dosáhnout požadovaného výsledku. Pokud dojde k potížím, zkontrolujte znovu provedené akce a můžete v příslušných poznámkách položit příslušnou otázku.

• ← Instalace digitálního podpisu na počítači
• Instalace populárních prohlížečů do počítače →