Potvora Favicon

Zkušení uživatelé jistě vědí, co to ten mrcha favicon je a jak se s ním popasovat, tento článek je ovšem určen uživatelům začínajícím a tak zkušení uživatelé jistě omluví určitou polopatičnost, se kterou se zde budu této záležitosti věnovat.

Co to tedy je, ten favicon...

Favicon je obrazový soubor velikosti 16x16 px a formátu ICO, zobrazující se v adresním řádku.

Nechytáte se? Takže znovu. Favicon je ta mrňavá věcička, co se zobrazuje v adresním řádku, nalevo od adresy webu, popřípadě v levém horním rohu panelu, pokud jich máte v prohlížeči otevřeno víc, než jeden. Máte-li nainstalovánu Joomlu a používáte-li některou z výchozích šablon, zobrazuje se Vám tam tato potvůrka:

Na těchto stránkách se pak zobrazuje tato mrška...

Pokud již používáte jinou šablonu, je možné, že se vám tam dokonce zobrazuje systémová ikona prohlížeče, což v případě Firefoxu vypadá takto a znamená to, že ve složce šablony soubor favicon.ico vůbec není.

Už je Vám jasné, co je to favicon? Fajn, takže teď se mrkneme na to, jak se s ním poprat :-)

Vlastní favicon

Pokud chcete, aby se v řádku zobrazovala vaše vlastní ikona, třeba tak, jak to je na těchto stránkách, je potřeba učinit následující:

1. Připravte si v grafickém editoru (osobně používám GIMP) obrázek ve velikosti 16x16 pixelů, pojmenujte jej favicon a uložte je ve formátu ICO - tak, abyste měli připraven soubor favicon.ico

2. Otevřte si pomocí FTP klienta vaši zdrojovou složku Joomla, přejděte do složky šablony, kterou používáte ve frontendu a přepište zde se nacházející soubor favicon.ico souborem, který máte připraven.

3. Tento postup zopakujte pro všechny šablony, které ve frontendu webu používáte.

4. Pokud chcete, aby se vám ten správný favicon zobrazovat i pro stránky administrace, otvřte si pomocí FTP klienta složku šablony backendu, v 99% se jedná o složku administrator/templates/khepri a v ní opět přepište soubor favicon.ico vaším vlastním souborem

Zdá se Vám to moc složité? Pak je tu ještě jedno řešení...

1. Stáhněte si ze stránek Phoca.cz komponentu Phoca Favicon, nainstalujte ji standardním způsobem.

2. Pomocí správce médií (Uživatelské část/Správce médií) nahrajte do složky "phocafavicon" obrázek, ze kterého chcete vytvořit soubor favicon.ico.

4. Přepněte se do administrace Phoca Favicon, na panel "Vytvořit favicon".

5. V rozbalovacím seznamu vyberte šablonu, pro kterou chcete vytvořit nový favicon, zvolte zdrojový obrázek, ze kterého bude soubor favicon.ico vytvořen.

5. Klikněte na ikonu "Vytvořit" a máte hotovo...

Pokud se Vám váš nový favicon nezobrazuje, neděste se a nedivte - promažte paměť prohlížeče a případně tomu dejte čas, on se brzo načte :-)