{"id":4833,"date":"2015-08-19T10:49:28","date_gmt":"2015-08-19T08:49:28","guid":{"rendered":"http:\/\/www.maxschoenherr.de\/clock\/?p=4833"},"modified":"2015-08-19T11:05:23","modified_gmt":"2015-08-19T09:05:23","slug":"billies-favicons","status":"publish","type":"post","link":"https:\/\/www.maxschoenherr.de\/clock\/billies-favicons\/","title":{"rendered":"billies | favicons"},"content":{"rendered":"<p>favicons sind die winzigen symbole, die in manchen browsern neben dem titel einer webseite stehen. hier sind drei zu sehen:<\/p>\n<p><a href=\"http:\/\/www.maxschoenherr.de\/clock\/wp-content\/uploads\/2015\/08\/dreiFavicons.jpg\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-4834\" src=\"http:\/\/www.maxschoenherr.de\/clock\/wp-content\/uploads\/2015\/08\/dreiFavicons.jpg\" alt=\"dreiFavicons\" width=\"627\" height=\"76\" srcset=\"https:\/\/www.maxschoenherr.de\/clock\/wp-content\/uploads\/2015\/08\/dreiFavicons.jpg 627w, https:\/\/www.maxschoenherr.de\/clock\/wp-content\/uploads\/2015\/08\/dreiFavicons-300x36.jpg 300w\" sizes=\"auto, (max-width: 627px) 100vw, 627px\" \/><\/a><\/p>\n<p style=\"text-align: justify;\">\u2192 <a href=\"https:\/\/de.wikipedia.org\/wiki\/Favicon\" target=\"_blank\">favicons<\/a> haben ein eigenartiges dateiformat. ihr einbau war bisher nur webprogrammieren vorbehalten, die das favicon-feature in ihrer webseiten-design-software finden. in wordpress, der technik, mit der die meisten blogs weltweit erstellt werden \u2013 auch dieser hier \u2013, war der einbau dieses icons nicht trivial; man musste das dateiformat beachten und ein paar zeilen code in den editor schreiben. seit dem heutigen update auf <em>WordPress 4.3 \u201eBillie\u201c<\/em> ist der einbau des favicons einfach geworden. ich erz\u00e4hle mal kurz, wie es geht.<\/p>\n<ul>\n<li style=\"text-align: justify;\">zun\u00e4chst muss man ein m\u00f6glichst quadratisches bild vorbereiten, das auch winzig vern\u00fcnftig aussieht.<\/li>\n<li style=\"text-align: justify;\">im administatormodus (&#8222;dashboard&#8220;) gehen wir in der linken spalte auf den punkt &#8222;Design&#8220;.<\/li>\n<li style=\"text-align: justify;\">dort w\u00e4hlen wir &#8222;Website-Informationen&#8220;.<\/li>\n<li style=\"text-align: justify;\">die oberen zwei punkte betreffen den titel und untertitel der webseite (hier nicht wichtig), und darunter ist nun die option &#8222;Website-Icon&#8220; zu finden.<\/li>\n<\/ul>\n<p style=\"text-align: justify;\">danach der \u00fcbliche prozess: bilddatei (die man nat\u00fcrlich entsprechend vorbereitet hat, die auch winzig klein sinnig aussieht) ausw\u00e4hlen, vorschau angucken, best\u00e4tigen, fertig.<\/p>\n<p style=\"text-align: justify;\"><a href=\"http:\/\/www.maxschoenherr.de\/clock\/wp-content\/uploads\/2015\/08\/favicon-erstellen.jpg\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter wp-image-4835 size-medium\" src=\"http:\/\/www.maxschoenherr.de\/clock\/wp-content\/uploads\/2015\/08\/favicon-erstellen-119x300.jpg\" alt=\"favicon-erstellen\" width=\"119\" height=\"300\" srcset=\"https:\/\/www.maxschoenherr.de\/clock\/wp-content\/uploads\/2015\/08\/favicon-erstellen-119x300.jpg 119w, https:\/\/www.maxschoenherr.de\/clock\/wp-content\/uploads\/2015\/08\/favicon-erstellen.jpg 289w\" sizes=\"auto, (max-width: 119px) 100vw, 119px\" \/><\/a><\/p>\n<p style=\"text-align: center;\"><em>einbauen eines favicons in wordpress 4.3<\/em><\/p>\n<p style=\"text-align: justify;\">&#8222;billie&#8220; (nach billie holiday benannt) h\u00e4lt noch paar weitere kleinere \u00e4nderungen bereit wie shortcuts zum einger\u00fcckten schreiben und die automatische generierung eines starken passworts, ganz im sinne meines \u2192 <a href=\"http:\/\/www.maxschoenherr.de\/clock\/?p=4678\" target=\"_blank\">fr\u00fcheren eintrags<\/a> \u00fcber den unsinn, m\u00f6glichst \u00e4hnliche passw\u00f6rter auf allen seiten zu haben.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>favicons sind die winzigen symbole, die in manchen browsern neben dem titel einer webseite stehen. hier sind drei zu sehen: \u2192 favicons haben ein eigenartiges dateiformat. ihr einbau war bisher nur webprogrammieren vorbehalten, die das favicon-feature in ihrer webseiten-design-software finden. in wordpress, der technik, mit der die meisten blogs weltweit erstellt werden \u2013 auch dieser [&hellip;]<\/p>\n","protected":false},"author":2,"featured_media":0,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[1,922],"tags":[99,1239,1682,1684,1683],"class_list":["post-4833","post","type-post","status-publish","format-standard","hentry","category-allgemein","category-computer-und-it","tag-browser","tag-design","tag-favicon","tag-icon","tag-webseiten-icon"],"wp-worthy-pixel":{"ignored":false,"public":null,"server":null,"url":null},"wp-worthy-type":"normal","_links":{"self":[{"href":"https:\/\/www.maxschoenherr.de\/clock\/wp-json\/wp\/v2\/posts\/4833","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.maxschoenherr.de\/clock\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.maxschoenherr.de\/clock\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.maxschoenherr.de\/clock\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/www.maxschoenherr.de\/clock\/wp-json\/wp\/v2\/comments?post=4833"}],"version-history":[{"count":5,"href":"https:\/\/www.maxschoenherr.de\/clock\/wp-json\/wp\/v2\/posts\/4833\/revisions"}],"predecessor-version":[{"id":4840,"href":"https:\/\/www.maxschoenherr.de\/clock\/wp-json\/wp\/v2\/posts\/4833\/revisions\/4840"}],"wp:attachment":[{"href":"https:\/\/www.maxschoenherr.de\/clock\/wp-json\/wp\/v2\/media?parent=4833"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.maxschoenherr.de\/clock\/wp-json\/wp\/v2\/categories?post=4833"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.maxschoenherr.de\/clock\/wp-json\/wp\/v2\/tags?post=4833"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}