Jdi na obsah Jdi na menu
 


Vložení ikony stránky

Určitě jste se setkali s tím, že se u některých stránek zobrazuje vlevo vedle adresy ikonka, ale nevíte, jak si svou vlastní faviconu vložit na své eStránky?

favicona01.png

 

Jste na správném místě. Zde si ukážeme postup, jak si takovou faviconu vložit do Vašich eStránek.

Jediné, co budeme potřebovat, je soubor s ikonou. Tento soubor by měl mít příponu ico. Pokud budete vkládat obrázek s jinou příponou, může se stát, že se Vám ikona nezobrazí.

Jak zjistíte, že máte obrázek s příponou ico? V operačním systému Windows stačí kliknout pravým tlačítkem na soubor - Vlastnosti, kde je napsán typ souboru. V závorce je pak napsáno, jakou příponu tento soubor má.

Pokud potřebujete vytvořit soubor s příponou ico, můžeme použít například program IrfanView nebo poměrně zajímavou službu favicon.ico Generator, kde si můžete nakreslit vlastní faviconu (díky Baroonovi za doporučení).

favicona02.png

 

Nyní můžeme tuto ikonu nahrát mezi soubory. Nahrávání souborů se věnuje tento článek. Jakmile máte ikonku nahranou, je potřeba si zkopírovat adresu (např. /file/1/favicon.ico) do poznámkového bloku nebo jiného editoru, protože s ní budeme ještě dále pracovat.

favicona03.png

 

Následně budeme muset upravit XHTML šablonu - Nastavení - Upravit XHTML - Hlavní šablona. Otevře se Vám okno, ve kterém vidíte XHTML kód vaší aktuální šablony. Najdeme si řádek <!--/ s_code_header /--> Za tento řádek vložíme následující kód:<link rel="shortcut icon" type="image/x-icon" href="/file/1/favicon.ico" />

favicona04.png

 

Samozřejmostí je, že oranžovou část výše nahradíme tou částí, kterou jsme si zkopírovali do poznámkového bloku.

Nyní klikneme na Uložit. Uložení musíme potvrdit ještě jednou kliknutím na Uložit, nebo na Uložit změny jako nový design.

Po aktualizaci Vašich eStránek již máte vedle webové adresy svou vlastní ikonku.

Pro zvídavé: ikona může mít i jinou obrázkovou příponu, ale v tom případě se nemusí zobrazovat ve všech prohlížečích. Pokud budete chtít do XHTML šablony vložit například ikonu ve formátu png, pak do výše zmíněného umístění v kódu přidáte něco takového: <link rel="shortcut icon" type="image/png" href="/file/2/favicon.png" />

Milan Moučka

 
11. 10. 2010

Komentáře

Jitka Jakubíková 11. 6. 2017 14:11

ikona

Dobrý den. Udělala jsem vše podle návodu, ale ikona se mi nezobrazuje v prohlížeči Googlu. V interntet exploreru ano. Je to možné nějak upravit?

eStránky.cz 12. 6. 2017 10:05

Re: ikona

Dobrý den, prosím můžete nám napsat na mail podpora@estranky.cz název Vaší stránky. Rádi se na to podíváme, případně zkonzultujeme s programátorem. Děkuji

imildicleks 5. 5. 2017 5:42

Test, just a testTest, just a test

Admin stránky svetzajimavost.estranky.cz 28. 4. 2017 11:04

Bezplatný režim

Ahoj,
dá se favicon nahrát i když mám bezplatný režim?

eStránky.cz 28. 4. 2017 12:24

Re: Bezplatný režim

Dobrý den, bohužel to možné není. V programu ZDARMA není možné nahrávat soubory ani upravovat šablonu v HTML.

domi 16. 7. 2016 13:48

sos

já to moc nepochopila...můžete mi to vysvětlit jednodušeji??????????

Pavel 3. 2. 2016 12:26

Favicon

Stejný problém jako u řady dalších - v prohlížeči Chromu se ikona (ve formátu .ico) zobrazí, ale v adresním řádku nikoliv. v prohlížeči IE je to v poho. Je to tedy prohlížečem...., pak by váš poslední odstavec nebyl až tak pravdivý ...
"Pro zvídavé: ikona může mít i jinou obrázkovou příponu, ale v tom případě se nemusí zobrazovat ve všech prohlížečích..."

Jana 26. 10. 2015 2:56

Poradíte?

Můžete my poradit k níže zmíněnému příspěvku, stále jsem nevyřešila proč se ukazuje pouze v záložce a u adresy url se nezobrazuje, jen ta stránka s rohem?

Jana 6. 8. 2015 2:15

Na záložce je ale v adrese ne?

Dobrý den,
udělala jsem dle návodu v editaci kódu šablon-hlavní šablona-hlavní šablona. Našla řádek a za něj vložila. Ale ukazuje se jen pouze v záložce ne adrese? Poradíte prosím co jsem kde zapomněla.
(výňatek)
<!--/ u_title /-->
</title>
<!--/ s_code_header /-->
<link rel="shortcut icon" type="image/x-icon" href="/file/1/favicon.ico" />
</head>

Silvie 26. 8. 2014 13:52

Favicon - nejde mi to :-(

Dobrý den, udělala jsem to jak píšete, jen asi zadávám blbou adresu místa, kde ho mám uložené. Neb ji zadávám v tomto: E:/WORD – DOKUMENTY/Pilates/pilates logo ... protože mám vícero úložišť. Mám to zkusit nějak jinak prosím?
Děkuji

Jitka Jakubíková 20. 1. 2013 18:25

Favicon v IE

Dobrý den. Podle výše uvedeného návodu jsem vložila favicon s příponou ico. Ale nezobrazuje se v IE. V googlu chrome nebo v mozzile je to v pořádku. Kde jsem udělala chybu? Děkuji za radu. Jakubíková

Misha 12. 1. 2014 0:31

Re: Favicon v IE

Mám opačný problém. Neukazuje se mi v chromu :-( Nahoře na záložce ano, ale v adrese ne. Mám tam jen takovej ten list.

Mě to nejde 3. 5. 2013 18:18

Nefunguje mi to :'(

Já to udělám podle návodu ale nezobrazí se mi to tam :'(

Petr Doseděl - eStránky.cz 6. 5. 2013 8:20

Re: Nefunguje mi to :'(

Můžete prosím napsat adresu stránek, kde se Vám ikona nezobrazuje?

Baroon 22. 3. 2012 21:53

Odkaz na favicon generator

Zdravím, na těchto stránkách si můžete namalovat favikon, je možné naexportovat i jakýkoliv obrázek (i animovaný gif), ten si pak uložte na stránky.

http://www.favicon.cc/

Homer 14. 4. 2011 22:07

nefunkční?

Zdravim mám placený učet na estrankach a chtěl sem si tam udělat vlastní favicon protože bílej čtvereček se mi tam nelíbí
ale i když sem to dělal ruzně nejen podle tohoto návodu který sem našel jako poslední tak se mi muj favicon nezobrazuje
je to chyba estranek nebo to je spcialně další placená aplikace??
díky za rady a odpovědi

<!--/ s_code_header /-->
<link rel="icon" href="file/4/favicon.ico" type="image/x-icon">
<link rel="shortcut icon" href="file/4/favicon.ico" type="image/x-icon">

</head>

pro uplnost : tento kod tam zadám a zustane mi tam dokud ho neuložím po uložení a znovu otevření mi tento kod zmizí jak si to mám vysvětlovat?

Homer 14. 4. 2011 22:19

Re: nefunkční?

už vše ok omlouvám se šlo o čas k updatu a jak sem to vždy přepsal začlo to odznovu omlouvám se za předchozí i tento spam
když tak chci poprosit admina o smazaní těchto 2 komentů

děkuju a pěkný večer Homer

opět Homer 15. 4. 2011 14:35

Re: Re: nefunkční?

Zdravim vás lidi nevíte někdo jak ty favicony nasázet na všechny stránky? krom te uvodní? díky za rady

Milan Moučka 18. 4. 2011 17:23

Re: Re: Re: nefunkční?

Dobrý den,
pokud vložíte kód popsaný v tomto článku do Hlavní šablony, měl by se po uložení Hlavní šablony zobrazovat na všech Vašich eStránkách.
Vkládá se do Hlavní šablony proto, že je základem každé Vaší stránky na eStránkách.
Nevložil jste ten kód například k Úvodní straně? to by pak odpovídalo, proč se Vám ikona zobrazuje pouze tam a ne již na dalších stránkách.
S pozdravem
Milan Moučka

Homer 23. 4. 2011 12:33

Re: Re: Re: Re: nefunkční?

Děkuji za radu ještě jednou jsem si přečetl návod a po bedlivém přečtení jsem před adresu obrázku dodal / (file/1/favicon.ico) ktere jsem ze zahadneho duvodu umazal
proto se nejspíše favicon ukazoval jen na uvodní stránce
ještě jednou děkuji za odpověd