{"id":2855,"date":"2023-02-10T13:44:16","date_gmt":"2023-02-10T13:44:16","guid":{"rendered":"https:\/\/obo.zoj.mybluehost.me\/uncategorized\/add-favicons-and-logos\/"},"modified":"2024-04-04T21:13:45","modified_gmt":"2024-04-04T21:13:45","slug":"add-favicons-and-logos","status":"publish","type":"post","link":"https:\/\/ioninteractive.com\/ionacademy\/add-favicons-and-logos\/","title":{"rendered":"Add favicon(s) and logo(s)"},"content":{"rendered":"<h3><strong>Brand your ion console with favicon &amp; company logo<\/strong><\/h3>\n<p>Select &#8216;Configure Site&#8217; from the <strong>&#8216;Settings&#8217;<\/strong> side navigation menu \u2014 there are three images you can upload to the admin interface:<\/p>\n<ul>\n<li>A custom favicon to appear in the browser address bar (favicon.ico only; 16x16px or 32x32px)<\/li>\n<li>A custom co-brand logo for the upper left of the admin console (100px w max x 33px ht; max 5K; gray background: #42423A)<\/li>\n<li>A custom co-brand login logo (150px w max x 85px ht max; max 10K; background: #FFFFFF)<\/li>\n<\/ul>\n<h3><img decoding=\"async\" loading=\"lazy\" class=\"alignnone size-full wp-image-6281\" src=\"https:\/\/obo.zoj.mybluehost.me\/wp-content\/uploads\/2023\/02\/Screen-Shot-2024-04-04-at-5.07.34-PM.png\" alt=\"\" width=\"867\" height=\"957\" srcset=\"https:\/\/ioninteractive.com\/ionacademy\/wp-content\/uploads\/2023\/02\/Screen-Shot-2024-04-04-at-5.07.34-PM.png 867w, https:\/\/ioninteractive.com\/ionacademy\/wp-content\/uploads\/2023\/02\/Screen-Shot-2024-04-04-at-5.07.34-PM-272x300.png 272w, https:\/\/ioninteractive.com\/ionacademy\/wp-content\/uploads\/2023\/02\/Screen-Shot-2024-04-04-at-5.07.34-PM-768x848.png 768w, https:\/\/ioninteractive.com\/ionacademy\/wp-content\/uploads\/2023\/02\/Screen-Shot-2024-04-04-at-5.07.34-PM-585x646.png 585w\" sizes=\"auto, (max-width: 867px) 100vw, 867px\" \/><\/h3>\n<h3><strong>What are favicons?<\/strong><\/h3>\n<p>A<a href=\"http:\/\/en.wikipedia.org\/wiki\/Favicon\" target=\"_blank\" rel=\"noopener\">\u00a0favicon<\/a>\u00a0(short for favorites icon) is an icon associated with a particular website or webpage. The most graphical web browsers will then make use of it. Browsers that provide favicon support typically display a page&#8217;s favicon in the browser&#8217;s URL bar and next to the page&#8217;s name in a list of bookmarks.<\/p>\n<p>To generate your own favicon, add\u00a0<a href=\"http:\/\/www.telegraphics.com.au\/sw\/\" target=\"_blank\" rel=\"noopener\">this photoshop plugin<\/a>\u00a0or use one of many\u00a0<a href=\"https:\/\/www.websiteplanet.com\/webtools\/favicon-generator\/\" target=\"_blank\" rel=\"noopener\">online favicon generators.<\/a><\/p>\n<h3><strong>Multiple favicons<\/strong><\/h3>\n<p>You have the option to have separate favicons for each domain in an ion console (upload via the <strong>&#8216;Domains&#8217;<\/strong> screen under the <strong>&#8216;Settings&#8217;<\/strong> menu). This is particularly useful for agencies who use one ion console for multiple clients.<br \/>\n<img decoding=\"async\" loading=\"lazy\" class=\"alignnone size-large wp-image-6282\" src=\"https:\/\/obo.zoj.mybluehost.me\/wp-content\/uploads\/2023\/02\/Screen-Shot-2024-04-04-at-5.10.28-PM-1024x904.png\" alt=\"\" width=\"1024\" height=\"904\" srcset=\"https:\/\/ioninteractive.com\/ionacademy\/wp-content\/uploads\/2023\/02\/Screen-Shot-2024-04-04-at-5.10.28-PM-1024x904.png 1024w, https:\/\/ioninteractive.com\/ionacademy\/wp-content\/uploads\/2023\/02\/Screen-Shot-2024-04-04-at-5.10.28-PM-300x265.png 300w, https:\/\/ioninteractive.com\/ionacademy\/wp-content\/uploads\/2023\/02\/Screen-Shot-2024-04-04-at-5.10.28-PM-768x678.png 768w, https:\/\/ioninteractive.com\/ionacademy\/wp-content\/uploads\/2023\/02\/Screen-Shot-2024-04-04-at-5.10.28-PM-585x517.png 585w, https:\/\/ioninteractive.com\/ionacademy\/wp-content\/uploads\/2023\/02\/Screen-Shot-2024-04-04-at-5.10.28-PM.png 1086w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/p>\n<p><img decoding=\"async\" loading=\"lazy\" class=\"alignnone size-full wp-image-6283\" src=\"https:\/\/obo.zoj.mybluehost.me\/wp-content\/uploads\/2023\/02\/Screen-Shot-2024-04-04-at-5.13.06-PM.png\" alt=\"\" width=\"960\" height=\"961\" srcset=\"https:\/\/ioninteractive.com\/ionacademy\/wp-content\/uploads\/2023\/02\/Screen-Shot-2024-04-04-at-5.13.06-PM.png 960w, https:\/\/ioninteractive.com\/ionacademy\/wp-content\/uploads\/2023\/02\/Screen-Shot-2024-04-04-at-5.13.06-PM-300x300.png 300w, https:\/\/ioninteractive.com\/ionacademy\/wp-content\/uploads\/2023\/02\/Screen-Shot-2024-04-04-at-5.13.06-PM-150x150.png 150w, https:\/\/ioninteractive.com\/ionacademy\/wp-content\/uploads\/2023\/02\/Screen-Shot-2024-04-04-at-5.13.06-PM-768x769.png 768w, https:\/\/ioninteractive.com\/ionacademy\/wp-content\/uploads\/2023\/02\/Screen-Shot-2024-04-04-at-5.13.06-PM-585x586.png 585w, https:\/\/ioninteractive.com\/ionacademy\/wp-content\/uploads\/2023\/02\/Screen-Shot-2024-04-04-at-5.13.06-PM-220x220.png 220w, https:\/\/ioninteractive.com\/ionacademy\/wp-content\/uploads\/2023\/02\/Screen-Shot-2024-04-04-at-5.13.06-PM-80x80.png 80w\" sizes=\"auto, (max-width: 960px) 100vw, 960px\" \/><\/p>\n<h3><strong>Error when uploading favicon<\/strong><\/h3>\n<p>If you experience an error messaging when uploading a favicon, be sure your favicon.ico file is a true favicon and not a graphic with the .ico extension.<\/p>\n<hr \/>\n<p data-pm-slice=\"1 1 [&quot;bullet_list&quot;,{},&quot;list_item&quot;,{}]\">If you have any questions, please contact us on <a href=\"mailto:help@ioninteractive.com\" rel=\"noopener noreferrer nofollow\">help@ioninteractive.com<\/a>.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Brand your ion console with favicon &amp; company logo Select &#8216;Configure Site&#8217; from the &#8216;Settings&#8217; side navigation menu \u2014 there are three images you can upload to the admin interface: A custom favicon to [&hellip;]<\/p>\n","protected":false},"author":9,"featured_media":5689,"comment_status":"closed","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"nf_dc_page":"","footnotes":""},"categories":[1216,4],"tags":[2167,2169],"class_list":["post-2855","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-console-en","category-the-platform","tag-ion-platform","tag-settings"],"_links":{"self":[{"href":"https:\/\/ioninteractive.com\/ionacademy\/wp-json\/wp\/v2\/posts\/2855","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/ioninteractive.com\/ionacademy\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/ioninteractive.com\/ionacademy\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/ioninteractive.com\/ionacademy\/wp-json\/wp\/v2\/users\/9"}],"replies":[{"embeddable":true,"href":"https:\/\/ioninteractive.com\/ionacademy\/wp-json\/wp\/v2\/comments?post=2855"}],"version-history":[{"count":3,"href":"https:\/\/ioninteractive.com\/ionacademy\/wp-json\/wp\/v2\/posts\/2855\/revisions"}],"predecessor-version":[{"id":6285,"href":"https:\/\/ioninteractive.com\/ionacademy\/wp-json\/wp\/v2\/posts\/2855\/revisions\/6285"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/ioninteractive.com\/ionacademy\/wp-json\/wp\/v2\/media\/5689"}],"wp:attachment":[{"href":"https:\/\/ioninteractive.com\/ionacademy\/wp-json\/wp\/v2\/media?parent=2855"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/ioninteractive.com\/ionacademy\/wp-json\/wp\/v2\/categories?post=2855"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/ioninteractive.com\/ionacademy\/wp-json\/wp\/v2\/tags?post=2855"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}