{"id":61,"date":"2023-04-27T10:15:36","date_gmt":"2023-04-27T10:15:36","guid":{"rendered":"https:\/\/docs.mysterythemes.com\/ogma\/?p=61"},"modified":"2024-01-08T06:02:32","modified_gmt":"2024-01-08T06:02:32","slug":"how-to-configure-site-logo-and-icon","status":"publish","type":"post","link":"https:\/\/docs.mysterythemes.com\/ogma\/how-to-configure-site-logo-and-icon\/","title":{"rendered":"How to Configure Site Logo and Icon?"},"content":{"rendered":"\n<p><strong>Site identity<\/strong> is your unique identification that distinguishes your site from others.<br>Before you blur the distinction between <strong>Site Logo<\/strong> and <strong>FavIcon<\/strong>, let me tell you they aren\u2019t the same.&nbsp;<\/p>\n\n\n\n<p>All <strong>Favicons<\/strong> aren\u2019t the <strong>site logos<\/strong> but all <strong>site logos<\/strong> can be employed as <strong>Favicons<\/strong> like what most corporations do.<\/p>\n\n\n\n<p><strong>Site logo<\/strong> is a graphic representation of your brand used to relay a brand&#8217;s message to users.&nbsp;<\/p>\n\n\n\n<p>While<strong> Site Icon<\/strong> is a simplified version of the logo or just an icon to elevate user experience. FavIcon is the first thing that gets noticed in <strong>SERPs<\/strong> (Search Engine Result Page) when someone references your site.&nbsp;<\/p>\n\n\n\n<p>When users open multiple tabs in a web browser, the <strong>site icon <\/strong>helps&nbsp; them to correctly identify and reference the page they are looking for.<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"26\" src=\"https:\/\/docs.mysterythemes.com\/ogma\/wp-content\/uploads\/sites\/22\/2023\/04\/image-6-1024x26.png\" alt=\"\" class=\"wp-image-62\" srcset=\"https:\/\/docs.mysterythemes.com\/ogma\/wp-content\/uploads\/sites\/22\/2023\/04\/image-6-1024x26.png 1024w, https:\/\/docs.mysterythemes.com\/ogma\/wp-content\/uploads\/sites\/22\/2023\/04\/image-6-300x8.png 300w, https:\/\/docs.mysterythemes.com\/ogma\/wp-content\/uploads\/sites\/22\/2023\/04\/image-6-768x20.png 768w, https:\/\/docs.mysterythemes.com\/ogma\/wp-content\/uploads\/sites\/22\/2023\/04\/image-6-1536x39.png 1536w, https:\/\/docs.mysterythemes.com\/ogma\/wp-content\/uploads\/sites\/22\/2023\/04\/image-6.png 1600w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><figcaption class=\"wp-element-caption\">Site Icons<\/figcaption><\/figure>\n<\/div>\n\n\n<h3 class=\"wp-block-heading\">Video Guide<\/h3>\n\n\n\n<figure class=\"wp-block-embed is-type-video is-provider-youtube wp-block-embed-youtube wp-embed-aspect-16-9 wp-has-aspect-ratio\"><div class=\"wp-block-embed__wrapper\">\n<iframe loading=\"lazy\" title=\"OGMA BLOG: Complete Website Customization Tutorial\" width=\"640\" height=\"360\" src=\"https:\/\/www.youtube.com\/embed\/FpRpOJDk-2E?start=581&#038;feature=oembed\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\" referrerpolicy=\"strict-origin-when-cross-origin\" allowfullscreen><\/iframe>\n<\/div><figcaption class=\"wp-element-caption\"><em>Starts from the relative time of the <\/em><i>vide<\/i>o.<\/figcaption><\/figure>\n\n\n\n<p>In order to set or change your <strong>site logo or favicon<\/strong>:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>First head to your WordPress dashboard.<\/li>\n\n\n\n<li>Navigate to <strong>Appearance &gt;&gt; Customize<\/strong> to open the <strong>theme customizer.<\/strong><\/li>\n\n\n\n<li>Then navigate to<strong> Header Settings &gt;&gt; Site Identity<\/strong><\/li>\n\n\n\n<li>Under<strong> General<\/strong> Tab, click on <strong>Select Logo <\/strong>to upload your logo.<\/li>\n\n\n\n<li>Enter your <strong>Site Title and Tagline<\/strong> here.&nbsp;<\/li>\n\n\n\n<li>Uncheck or check the check box just below the <strong>Tagline<\/strong> if you want to hide or display the<strong> Title<\/strong> and <strong>Tagline <\/strong>respectively at the header section.<\/li>\n\n\n\n<li>Under the <strong>Style<\/strong> Tab, you can change the <strong>Header text color<\/strong> as per your need.<\/li>\n\n\n\n<li>Under the General tab, click on <strong>Select Site Icon <\/strong>to upload your Favicon.<\/li>\n<\/ul>\n","protected":false},"excerpt":{"rendered":"<p>Site identity is your unique identification that distinguishes your site from others.Before you blur the distinction between Site Logo and FavIcon, let me tell you they aren\u2019t the same.&nbsp; All Favicons aren\u2019t the site logos but all site logos can be employed as Favicons like what most corporations do. Site logo is a graphic representation [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[5],"tags":[],"class_list":["post-61","post","type-post","status-publish","format-standard","hentry","category-header-settings"],"_links":{"self":[{"href":"https:\/\/docs.mysterythemes.com\/ogma\/wp-json\/wp\/v2\/posts\/61","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/docs.mysterythemes.com\/ogma\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/docs.mysterythemes.com\/ogma\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/docs.mysterythemes.com\/ogma\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/docs.mysterythemes.com\/ogma\/wp-json\/wp\/v2\/comments?post=61"}],"version-history":[{"count":3,"href":"https:\/\/docs.mysterythemes.com\/ogma\/wp-json\/wp\/v2\/posts\/61\/revisions"}],"predecessor-version":[{"id":318,"href":"https:\/\/docs.mysterythemes.com\/ogma\/wp-json\/wp\/v2\/posts\/61\/revisions\/318"}],"wp:attachment":[{"href":"https:\/\/docs.mysterythemes.com\/ogma\/wp-json\/wp\/v2\/media?parent=61"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/docs.mysterythemes.com\/ogma\/wp-json\/wp\/v2\/categories?post=61"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/docs.mysterythemes.com\/ogma\/wp-json\/wp\/v2\/tags?post=61"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}