{"id":3494,"date":"2015-05-19T14:55:49","date_gmt":"2015-05-19T12:55:49","guid":{"rendered":"http:\/\/www.gambio.de\/blog\/?p=3494"},"modified":"2017-09-20T16:08:12","modified_gmt":"2017-09-20T14:08:12","slug":"das-favicon-fuer-den-gambio-shop-anpassen","status":"publish","type":"post","link":"https:\/\/www.gambio.de\/blog\/das-favicon-fuer-den-gambio-shop-anpassen\/","title":{"rendered":"Das Favicon f\u00fcr den Gambio-Shop anpassen"},"content":{"rendered":"

Das Favicon<\/a> ist das kleine, meist quadratische Bild, das sich z.B. links neben dem Seitentitel im Tab eines Browsers befindet und dabei hilft, verschiedene Websites im Browser auf den ersten Blick voneinander unterscheiden zu k\u00f6nnen. Bei der Wahl des Favicons sollte also darauf geachtet werden, ein f\u00fcr die Marke\/den Shop repr\u00e4sentatives Bild auszuw\u00e4hlen, so dass der Wiedererkennungswert der Website erh\u00f6ht wird. Die logische Wahl f\u00fcr die meisten Websites\/Onlineshops ist das eigene Logo.<\/p>\n

Bei der Erstinstallation eines Gambio-Shops wird als Favicon standardm\u00e4\u00dfig das Gambio-Logo angezeigt.<\/p>\n

 <\/p>\n

\"gambio<\/a><\/p>\n

\n

Ein individuelles Favicon hochladen<\/h2>\n

Im Gambio-Administrationsbereich hat jeder Shopbetreiber die M\u00f6glichkeit, ein Favicon seiner Wahl hochzuladen und so den Wiedererkennungswert seines Shops zu erh\u00f6hen. Um das Favicon f\u00fcr euren Shop nach euren W\u00fcnschen anzupassen, geht ihr im Adminbereich unter Darstellung auf den Logo Manager und w\u00e4hlt dort aus dem oberen Men\u00fc den Punkt „Favicon“.<\/p>\n

 <\/p>\n

\"Favocon<\/a><\/p>\n

\n

Dort ladet ihr\u00a0 anschlie\u00dfend \u00fcber den Button „Durchsuchen“ das gew\u00fcnschte Bild von eurem Rechner hoch und geht auf „Speichern“. Aktiviert dabei die Option „Datei verwenden“ um das hochgeladene Logo direkt f\u00fcr euren Shop zu verwenden.<\/p>\n

 <\/p>\n

\"Favicon<\/a><\/p>\n

 <\/p>\n

Wichtig:<\/strong>
\nBeachtet dabei, dass es sich bei dem hochgeladenen Bild um ein echtes Favicon mit der Endung .ico<\/strong> und den Ma\u00dfen 16×16 oder 32×32 Pixel<\/strong> handeln muss. Bei \u00e4lteren Browsern k\u00f6nnen Probleme bei der Darstellung von 32×32-Favicons entstehen. Wenn ihr hier auf Nummer sicher gehen wollt, w\u00e4hlt also 16×16 Pixel.<\/div>\n
\n

Wenn ihr ein Bild mit der korrekten Endung und dem passenden Format ausgew\u00e4hlt habt, solltet ihr im Logo Manager anschlie\u00dfend die Meldung erhalten, dass die Datei erfolgreich hochgeladen werden konnte.<\/p>\n

 <\/p>\n

\"Favicon<\/a><\/p>\n

 <\/p>\n

Hinweis:<\/strong>
\nSollte das Favicon nicht hochgeladen werden k\u00f6nnen, \u00fcberpr\u00fcft bitte die Verzeichnisrechte der Verzeichnisse \/images und \/images\/logos auf dem FTP-Server, da diese \u00fcber die notwendigen Rechte (777) verf\u00fcgen m\u00fcssen.<\/div>\n
\n

Das neue Favicon im Browser anzeigen lassen<\/h2>\n

Um das Favicon im Browser angezeigt zu bekommen, leert als letztes noch unter Toolbox \u21d2 Cache leeren den Cache f\u00fcr die Seitenausgabe. Ruft nun die Seite im Browser erneut auf, das neue Icon sollte jetzt angezeigt werden.<\/p>\n

 <\/p>\n

\"neues<\/a><\/p>\n

 <\/p>\n

Wichtig:<\/strong>
\nEs kann vorkommen, dass das Favicon trotz erfolgreichen Hochladens dennoch nicht sofort im Browser angezeigt wird. Leert in diesem Fall euren Browsercache und ladet die Seite erneut.<\/div>\n
\n

F\u00fcr die Erstellung Ihres eigenen Favicons finden sich im Internet diverse Seiten, auf denen ihr ein Bild eurer Wahl schnell und einfach umwandeln k\u00f6nnt:<\/p>\n

http:\/\/www.favicon-generator.org\/
\n<\/a>http:\/\/www.favicon.cc\/<\/a>
\nhttp:\/\/realfavicongenerator.net\/<\/a><\/p>\n

uvm.<\/p>\n

\n

Touch Icon f\u00fcr die Darstellung auf mobilen Ger\u00e4ten hochladen<\/h2>\n

Im Administrationsbereich des Gambio-Shops gibt es zus\u00e4tzlich die M\u00f6glichkeit, ein sogenanntes Touch Icon, also ein eigenes Logo f\u00fcr die Darstellung auf mobilen Ger\u00e4ten hochzuladen. Dieses Logo wird immer dann angezeigt, wenn ihr euch zum Beispiel eine Seite auf eurem Tablet bookmarkt. Um ein solches Icon hochzuladen, geht ihr im Logo Manager auf den Punkt „Apple Touch Icon“. Dort f\u00fchrt ihr die gleichen Schritte aus wie f\u00fcr das Hochladen eines Browser-Favicons. Sobald hier eine Datei erfolgreich hochgeladen wurde, wird auf der Bedieneroberfl\u00e4che von Tablets oder Smartphones das hochgeladene Icon angezeigt.<\/p>\n

 <\/p>\n

\"Das<\/a><\/p>\n

 <\/p>\n

Wichtig:<\/strong>
\nUm eine optimale Darstellung auf s\u00e4mtlichen Mobilger\u00e4ten zu erm\u00f6glichen, ladet ihr bitte eine PNG-Datei<\/strong> der Gr\u00f6\u00dfe 180×180 Pixel<\/strong> hoch. So stellt ihr sicher, dass euer Logo auch auf gro\u00dfen mobilen Bildschirmen in ausreichender Gr\u00f6\u00dfe ausgegeben wird. F\u00fcr kleinere Bildschirme wird das Bild automatisch angepasst.<\/div>\n

F\u00fcr das Erstellen eines Touch Icons eignen sich g\u00e4ngige Bildbearbeitungsprogramme wie z.B. Gimp<\/a>. Es sind bei der Erstellung keinerlei zus\u00e4tzliche Einstellungen vonn\u00f6ten, um z.B. die bekannten runden Ecken und Schatteneffekte der iOS-Icons zu erhalten, diese werden von Apple automatisch hinzugef\u00fcgt.<\/p>\n

\n

Ein Favicon aus dem Gambio-Shop l\u00f6schen<\/h2>\n

Um ein hochgeladenes Favicon wieder aus eurem Gambio-Shop zu l\u00f6schen, m\u00fcsst ihr im Logo Manager den Haken bei „Datei l\u00f6schen“ setzen und auf „Speichern“ klicken. Anschlie\u00dfend erhaltet ihr die Meldung, dass die Datei gel\u00f6scht wurde. Wenn ihr jetzt euren Shop erneut aufruft (Caches des Shops und des Browsers wie oben beschrieben leeren), wird im Browser kein Icon mehr neben dem Seitentitel angezeigt. Um nun erneut ein Icon einzubinden, f\u00fchrt ihr einfach die oben unter ‚Ein individuelles Favicon hochladen‘<\/em> beschriebenen Schritte durch.<\/p>\n

 <\/p>\n

\"Das<\/a><\/p>\n

 <\/p>\n

\"gambio-shop<\/a><\/p>\n

\n

Fazit:<\/strong>
\nMit dem Einbinden eines individuellen Favicons sorgt ihr daf\u00fcr, dass euer Shop auch im Browser einen hohen Wiedererkennungswert erreicht und zudem eure Marke gest\u00e4rkt wird. W\u00e4hlt also sorgf\u00e4ltig ein f\u00fcr euren Shop repr\u00e4sentatives Motiv aus, um den bestm\u00f6glichen Effekt zu erzielen.<\/p>\n

\n
\n

F\u00fcr aktuelle News aus der Welt des E-Commerce folgt uns bei Twitter<\/strong> <\/a><\/p>\n

Selbstverst\u00e4ndlich findet ihr uns auch bei Facebook<\/strong> <\/a><\/p>\n<\/div>\n

Mit Gambio ganz einfach noch heute den eigenen Onlineshop erstellen<\/strong><\/p>\n

Mehr erfahren<\/a><\/p>\n","protected":false},"excerpt":{"rendered":"

Das Favicon ist das kleine, meist quadratische Bild, das sich z.B. links neben dem Seitentitel im Tab eines Browsers befindet und dabei hilft, verschiedene Websites im Browser auf den ersten Blick voneinander unterscheiden zu k\u00f6nnen. Bei der Wahl des Favicons sollte also darauf geachtet werden, ein f\u00fcr die Marke\/den Shop repr\u00e4sentatives Bild auszuw\u00e4hlen, so dass […]<\/p>\n","protected":false},"author":14,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[1,4],"tags":[188,40,189],"class_list":["post-3494","post","type-post","status-publish","format-standard","hentry","category-allgemein","category-features","tag-favicon","tag-gambio","tag-logo-manager"],"_links":{"self":[{"href":"https:\/\/www.gambio.de\/blog\/wp-json\/wp\/v2\/posts\/3494","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.gambio.de\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.gambio.de\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.gambio.de\/blog\/wp-json\/wp\/v2\/users\/14"}],"replies":[{"embeddable":true,"href":"https:\/\/www.gambio.de\/blog\/wp-json\/wp\/v2\/comments?post=3494"}],"version-history":[{"count":69,"href":"https:\/\/www.gambio.de\/blog\/wp-json\/wp\/v2\/posts\/3494\/revisions"}],"predecessor-version":[{"id":9170,"href":"https:\/\/www.gambio.de\/blog\/wp-json\/wp\/v2\/posts\/3494\/revisions\/9170"}],"wp:attachment":[{"href":"https:\/\/www.gambio.de\/blog\/wp-json\/wp\/v2\/media?parent=3494"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.gambio.de\/blog\/wp-json\/wp\/v2\/categories?post=3494"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.gambio.de\/blog\/wp-json\/wp\/v2\/tags?post=3494"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}