{"id":38,"date":"2025-04-30T07:03:59","date_gmt":"2025-04-30T07:03:59","guid":{"rendered":"https:\/\/docs.mysterythemes.com\/blogbuster\/?p=38"},"modified":"2025-09-18T11:26:22","modified_gmt":"2025-09-18T11:26:22","slug":"how-to-customize-the-site-identity","status":"publish","type":"post","link":"https:\/\/docs.mysterythemes.com\/blogbuster\/how-to-customize-the-site-identity\/","title":{"rendered":"How to customize the Site Identity?"},"content":{"rendered":"\n<p>The header consists of the topmost part of your website, which typically contains the logo, site title, tagline, and site icon. Whether you are customizing for branding, usability, or style, the header is the key element of every site that affects every page.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">For the customization<\/h2>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Go to WordPress Dashboard, then head to <strong>Appearance-&gt;Customize<\/strong>.<\/li>\n\n\n\n<li>After that, navigate to Header Settings in the given customizer, which is on the left side of your screen.<\/li>\n\n\n\n<li>Now go to the<strong> Site Identity<\/strong> option, which will take you towards customizing the topmost part of the header element.<\/li>\n<\/ul>\n\n\n\n<h2 class=\"wp-block-heading\">Start by choosing the Logo <\/h2>\n\n\n\n<ul class=\"wp-block-list\">\n<li>To add a logo in the header, choose the <strong>Select Logo<\/strong> button.<\/li>\n\n\n\n<li>Then upload your logo (make sure you have it in your media files or hard drive)<\/li>\n\n\n\n<li>Now, check if the logo is placed in the right order or not through live preview.<\/li>\n<\/ul>\n\n\n\n<h2 class=\"wp-block-heading\">Site Title and Tagline<\/h2>\n\n\n\n<ul class=\"wp-block-list\">\n<li>If you want to give your site a title along with a tagline, head to the Site Title and Tagline section. <\/li>\n\n\n\n<li>Select the text area below the <strong>title<\/strong> and insert your desired title for your site.<\/li>\n\n\n\n<li>Similarly, for the tagline, just select the box of<strong> <\/strong>the<strong> Tagline<\/strong> and add the tagline.<\/li>\n\n\n\n<li>Then, simply right-click the <strong>Display Site Title and Tagline <\/strong>menu, located beneath the tagline text area, to bring up the site title and tagline. However, you can choose not to use the display option if you do not want one.<\/li>\n\n\n\n<li>On the other hand, the <strong>Header Text Color<\/strong> appears when you go to the Design Tab<strong>.<\/strong> From there, you can alter the site title&#8217;s color.<\/li>\n<\/ul>\n\n\n\n<ul> \n<li> You can also customize the <b>site&#8217;s tagline color<\/b> if you prefer to do it so. <span class=\"mt-docs-pro-tag\"><\/span><\/li>\n<\/ul>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"883\" height=\"401\" src=\"https:\/\/docs.mysterythemes.com\/blogbuster\/wp-content\/uploads\/sites\/27\/2025\/04\/Site-Identity.png\" alt=\"how-to-add-site title-and-tagline\" class=\"wp-image-71\" srcset=\"https:\/\/docs.mysterythemes.com\/blogbuster\/wp-content\/uploads\/sites\/27\/2025\/04\/Site-Identity.png 883w, https:\/\/docs.mysterythemes.com\/blogbuster\/wp-content\/uploads\/sites\/27\/2025\/04\/Site-Identity-300x136.png 300w, https:\/\/docs.mysterythemes.com\/blogbuster\/wp-content\/uploads\/sites\/27\/2025\/04\/Site-Identity-768x349.png 768w\" sizes=\"auto, (max-width: 883px) 100vw, 883px\" \/><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\">Site Icon<\/h2>\n\n\n\n<p>It is a small icon that you can see in browser tabs. From the site icon, the user recognizes that your website&#8217;s tab is open or bookmarked in their browser. Therefore, the site icon is used as an authenticity of the website. So adding it would be helpful to recognize your site.<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>To add Site Icon, select the <strong>Site Icon<\/strong> button below the tagline option<\/li>\n\n\n\n<li>Then, upload your site icon from your device or from media files. (Recommended size: 512 by 512 pixels)<\/li>\n<\/ul>\n\n\n\n<p>After uploading your site icon, make sure to publish your changes by clicking the <strong>Publish<\/strong> button.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>The header consists of the topmost part of your website, which typically contains the logo, site title, tagline, and site icon. Whether you are customizing for branding, usability, or style, the header is the key element of every site that affects every page. For the customization Start by choosing the Logo Site Title and Tagline [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[4],"tags":[],"class_list":["post-38","post","type-post","status-publish","format-standard","hentry","category-header-settings"],"_links":{"self":[{"href":"https:\/\/docs.mysterythemes.com\/blogbuster\/wp-json\/wp\/v2\/posts\/38","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/docs.mysterythemes.com\/blogbuster\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/docs.mysterythemes.com\/blogbuster\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/docs.mysterythemes.com\/blogbuster\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/docs.mysterythemes.com\/blogbuster\/wp-json\/wp\/v2\/comments?post=38"}],"version-history":[{"count":6,"href":"https:\/\/docs.mysterythemes.com\/blogbuster\/wp-json\/wp\/v2\/posts\/38\/revisions"}],"predecessor-version":[{"id":226,"href":"https:\/\/docs.mysterythemes.com\/blogbuster\/wp-json\/wp\/v2\/posts\/38\/revisions\/226"}],"wp:attachment":[{"href":"https:\/\/docs.mysterythemes.com\/blogbuster\/wp-json\/wp\/v2\/media?parent=38"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/docs.mysterythemes.com\/blogbuster\/wp-json\/wp\/v2\/categories?post=38"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/docs.mysterythemes.com\/blogbuster\/wp-json\/wp\/v2\/tags?post=38"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}