{"id":2677,"date":"2016-01-30T09:51:21","date_gmt":"2016-01-30T09:51:21","guid":{"rendered":"http:\/\/musilda.cz\/?p=2677"},"modified":"2016-01-30T09:51:21","modified_gmt":"2016-01-30T09:51:21","slug":"jak-pridat-favicon-do-vasi-stranky","status":"publish","type":"post","link":"https:\/\/affinite.io\/cs\/jak-pridat-favicon-do-vasi-stranky\/","title":{"rendered":"Jak p\u0159idat favicon do va\u0161\u00ed str\u00e1nky"},"content":{"rendered":"\n

Ka\u017ed\u00fd, kdo pou\u017e\u00edv\u00e1 internet, se musel setkat s takzvanou favicon. Jedn\u00e1 se o mal\u00fd obr\u00e1zek (ikonu), kter\u00e1 vizu\u00e1ln\u011b odli\u0161uje z\u00e1lo\u017eku va\u0161eho webu v prohl\u00ed\u017ee\u010di.<\/p>\n\n\n\n

Pokud web faviconu definuje, m\u016f\u017eete pak vid\u011bt podobn\u00fd obr\u00e1zek<\/p>\n\n\n

\n
\"\"<\/figure>\n<\/div>\n\n\n

Mal\u00e9 obr\u00e1zky u ka\u017ed\u00e9 z\u00e1lo\u017eky jsou pr\u00e1v\u011b favicony. V p\u0159\u00edpad\u011b, \u017ee m\u00e1te otev\u0159eno v\u00edce z\u00e1lo\u017eek, tak v\u00e1m usnad\u0148uj\u00ed orientaci, mezi jednotliv\u00fdmi weby.<\/p>\n\n\n\n

Jak p\u0159idat favicon do WordPress webu?<\/h2>\n\n\n\n

Manu\u00e1ln\u00ed vlo\u017een\u00ed:<\/strong><\/p>\n\n\n\n

Do souboru header.php va\u0161\u00ed \u0161ablony, vlo\u017e\u00edte n\u00e1sleduj\u00edc\u00ed k\u00f3d:<\/p>\n\n\n\n

<link rel=“shortcut icon“ href=“<?php echo get_stylesheet_directory_uri(); ?>\/favicon.ico“ \/><\/p>\n\n\n\n

<link rel=“shortcut icon“ href=“<?php echo get_stylesheet_directory_uri(); ?>\/favicon.png“ \/><\/p>\n\n\n\n

Druh\u00fd \u0159\u00e1dek je pro favicon s pr\u016fhledn\u00fdm pozad\u00edm, kde zm\u011bn\u00edte jen soubor ikony. Ikonu mus\u00edte samoz\u0159ejm\u011b nahr\u00e1t do slo\u017eky \u0161ablony.<\/p>\n\n\n\n

Vlo\u017een\u00ed z administrace:<\/strong><\/p>\n\n\n\n

Ve WordPressu, od verze 4.3, je p\u0159id\u00e1na funcionalita customizeru, pro vlo\u017een\u00ed favicon, p\u0159\u00edmo z administrace. P\u016fjde do Vzhled->P\u0159izp\u016fsobit a tam pou\u017eijete na z\u00e1lo\u017ece site identity, tla\u010d\u00edtko pro nahr\u00e1n\u00ed ikony.<\/p>\n\n\n

\n
\"favicon-admin\"<\/a><\/figure>\n<\/div>\n\n\n

Pou\u017eit\u00ed pluginu:<\/strong><\/p>\n\n\n\n

Co by mohlo p\u0159in\u00e9st, pou\u017eit\u00ed pluginu?<\/p>\n\n\n\n

V dne\u0161n\u00ed dob\u011b retina displej\u016f a mobiln\u00edch opera\u010dn\u00edch syst\u00e9m\u016f, se mohou vy\u017eadovan\u00e9 velikosti ikony li\u0161it. Nejprve dosta\u010dovalo 16x16px, pak 32x32px, ale pro v\u00e1\u0161 iPhone, je takov\u00e1 velikost nepou\u017eiteln\u00e1.<\/p>\n\n\n\n

A podporu, pro r\u016fzn\u00e1 za\u0159\u00edzen\u00ed, um\u00ed nab\u00eddnout, nap\u0159\u00edklad plugin Favicon by RealFaviconGen<\/a>erator<\/a>.<\/p>\n\n\n\n

Po aktivaci p\u0159ejdeme do nastaven\u00ed Vzhled > Favikona<\/strong>:<\/p>\n\n\n\n

\"\"<\/a><\/figure>\n\n\n\n

V nastaven\u00ed pluginu p\u0159id\u00e1me n\u00e1\u0161 Favicon a nastav\u00edme si vzhled pro individu\u00e1ln\u00ed za\u017e\u00edzen\u00ed. V\u0161e n\u00e1sledn\u011b vygenerujeme:<\/p>\n\n\n\n

\"\"<\/a><\/figure>\n\n\n\n

Po \u00fasp\u011b\u0161n\u00e9m nastaven\u00ed uvid\u00edme n\u00e1hled faviconu pro r\u016fzn\u00e1 za\u0159\u00edzen\u00ed:<\/p>\n\n\n\n

\"\"<\/a><\/figure>\n","protected":false},"excerpt":{"rendered":"

Ka\u017ed\u00fd, kdo pou\u017e\u00edv\u00e1 internet, se musel setkat s takzvanou favicon. Jedn\u00e1 se o mal\u00fd obr\u00e1zek (ikonu), kter\u00e1 vizu\u00e1ln\u011b odli\u0161uje z\u00e1lo\u017eku va\u0161eho webu v prohl\u00ed\u017ee\u010di. Pokud web faviconu definuje, m\u016f\u017eete pak vid\u011bt podobn\u00fd obr\u00e1zek Mal\u00e9 obr\u00e1zky u ka\u017ed\u00e9 z\u00e1lo\u017eky jsou pr\u00e1v\u011b favicony. V p\u0159\u00edpad\u011b, \u017ee m\u00e1te otev\u0159eno v\u00edce z\u00e1lo\u017eek, tak v\u00e1m usnad\u0148uj\u00ed orientaci, mezi jednotliv\u00fdmi weby.<\/p>\n","protected":false},"author":1,"featured_media":8505,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"_uag_custom_page_level_css":"","footnotes":""},"categories":[12,37],"tags":[141],"class_list":["post-2677","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-navody","category-zacatecnici","tag-favicon"],"acf":[],"uagb_featured_image_src":{"full":["https:\/\/affinite.io\/cs\/wp-content\/uploads\/sites\/2\/2016\/01\/jak-zmenit-favicon-ve-wordpressu-na-vlastni.jpg",1200,800,false],"thumbnail":["https:\/\/affinite.io\/cs\/wp-content\/uploads\/sites\/2\/2016\/01\/jak-zmenit-favicon-ve-wordpressu-na-vlastni-150x150.jpg",150,150,true],"medium":["https:\/\/affinite.io\/cs\/wp-content\/uploads\/sites\/2\/2016\/01\/jak-zmenit-favicon-ve-wordpressu-na-vlastni-300x200.jpg",300,200,true],"medium_large":["https:\/\/affinite.io\/cs\/wp-content\/uploads\/sites\/2\/2016\/01\/jak-zmenit-favicon-ve-wordpressu-na-vlastni-768x512.jpg",640,427,true],"large":["https:\/\/affinite.io\/cs\/wp-content\/uploads\/sites\/2\/2016\/01\/jak-zmenit-favicon-ve-wordpressu-na-vlastni-1024x683.jpg",640,427,true],"1536x1536":["https:\/\/affinite.io\/cs\/wp-content\/uploads\/sites\/2\/2016\/01\/jak-zmenit-favicon-ve-wordpressu-na-vlastni.jpg",1200,800,false],"2048x2048":["https:\/\/affinite.io\/cs\/wp-content\/uploads\/sites\/2\/2016\/01\/jak-zmenit-favicon-ve-wordpressu-na-vlastni.jpg",1200,800,false],"archive-list":["https:\/\/affinite.io\/cs\/wp-content\/uploads\/sites\/2\/2016\/01\/jak-zmenit-favicon-ve-wordpressu-na-vlastni-400x265.jpg",400,265,true]},"uagb_author_info":{"display_name":"Affinite","author_link":"https:\/\/affinite.io\/cs\/author\/affinite\/"},"uagb_comment_info":1,"uagb_excerpt":"Ka\u017ed\u00fd, kdo pou\u017e\u00edv\u00e1 internet, se musel setkat s takzvanou favicon. Jedn\u00e1 se o mal\u00fd obr\u00e1zek (ikonu), kter\u00e1 vizu\u00e1ln\u011b odli\u0161uje z\u00e1lo\u017eku va\u0161eho webu v prohl\u00ed\u017ee\u010di. Pokud web faviconu definuje, m\u016f\u017eete pak vid\u011bt podobn\u00fd obr\u00e1zek Mal\u00e9 obr\u00e1zky u ka\u017ed\u00e9 z\u00e1lo\u017eky jsou pr\u00e1v\u011b favicony. V p\u0159\u00edpad\u011b, \u017ee m\u00e1te otev\u0159eno v\u00edce z\u00e1lo\u017eek, tak v\u00e1m usnad\u0148uj\u00ed orientaci, mezi jednotliv\u00fdmi weby.","_links":{"self":[{"href":"https:\/\/affinite.io\/cs\/wp-json\/wp\/v2\/posts\/2677","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/affinite.io\/cs\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/affinite.io\/cs\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/affinite.io\/cs\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/affinite.io\/cs\/wp-json\/wp\/v2\/comments?post=2677"}],"version-history":[{"count":0,"href":"https:\/\/affinite.io\/cs\/wp-json\/wp\/v2\/posts\/2677\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/affinite.io\/cs\/wp-json\/wp\/v2\/media\/8505"}],"wp:attachment":[{"href":"https:\/\/affinite.io\/cs\/wp-json\/wp\/v2\/media?parent=2677"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/affinite.io\/cs\/wp-json\/wp\/v2\/categories?post=2677"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/affinite.io\/cs\/wp-json\/wp\/v2\/tags?post=2677"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}