{"id":120,"date":"2023-09-26T10:48:54","date_gmt":"2023-09-26T10:48:54","guid":{"rendered":"https:\/\/docs.codevibrant.com\/azure\/?p=120"},"modified":"2024-01-09T09:47:11","modified_gmt":"2024-01-09T09:47:11","slug":"how-to-configure-site-identity","status":"publish","type":"post","link":"https:\/\/docs.codevibrant.com\/azure\/how-to-configure-site-identity\/","title":{"rendered":"How to Configure Site Identity?"},"content":{"rendered":"\n<p>Site Identity consists of major sections which is very crucial for identification of your sites. From the navigation point of view, Site Identity is very important for any type of website.<\/p>\n\n\n\n<p>In this section, there are two tabs. They are: <strong>General Tab<\/strong> and <strong>Design Tab<\/strong><\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>General Tab<\/strong>: It consists of many customization options for <strong>Site Logo<\/strong>, <strong>Site Title<\/strong> <strong>and Tagline<\/strong> and <strong>Site Icon<\/strong>.<\/li>\n\n\n\n<li><strong>Design Tab<\/strong>: Design tab consist of Color changing option for Header texts.<\/li>\n<\/ul>\n\n\n\n<h2 class=\"wp-block-heading\">Video Guidance<\/h2>\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=\"Azure Complete Walkthrough\" width=\"640\" height=\"360\" src=\"https:\/\/www.youtube.com\/embed\/-BAtD90lTGg?start=937&#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.<\/em><\/figcaption><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\">&nbsp;First of all, let\u2019s navigate to Site Identity in you customizer.<\/h2>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Go to <strong>Appearance&gt;&gt;Customize<\/strong> to open the theme customizer.<\/li>\n\n\n\n<li>Navigate yourself to <strong>Header&gt;&gt;Site Identity.<\/strong><\/li>\n<\/ul>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"563\" src=\"http:\/\/docs.codevibrant.com\/azure\/wp-content\/uploads\/sites\/2\/2023\/09\/Site-Identity-Customizer-1024x563.png\" alt=\"Site Identity Customizer \" class=\"wp-image-121\" srcset=\"https:\/\/docs.codevibrant.com\/azure\/wp-content\/uploads\/sites\/2\/2023\/09\/Site-Identity-Customizer-1024x563.png 1024w, https:\/\/docs.codevibrant.com\/azure\/wp-content\/uploads\/sites\/2\/2023\/09\/Site-Identity-Customizer-300x165.png 300w, https:\/\/docs.codevibrant.com\/azure\/wp-content\/uploads\/sites\/2\/2023\/09\/Site-Identity-Customizer-768x422.png 768w, https:\/\/docs.codevibrant.com\/azure\/wp-content\/uploads\/sites\/2\/2023\/09\/Site-Identity-Customizer.png 1360w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p>Under the <strong>General tab<\/strong>, you\u2019ll have options to change your <strong>Site logo<\/strong>, <strong>Site title<\/strong>, <strong>Site Tagline<\/strong> and <strong>Site Icon<\/strong><\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Customization of Site logo\/Site title &amp; tagline\/ Site Icon<\/h2>\n\n\n\n<p>First and foremost you will need your official logo ready and stored in your computer\u2019s drive.<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Under the General tab, click on <strong>Select Logo<\/strong> to upload your logo. Click on <strong>Remove <\/strong>to remove the logo, if you\u2019ve already uploaded one.<\/li>\n<\/ul>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"243\" height=\"441\" src=\"http:\/\/docs.codevibrant.com\/azure\/wp-content\/uploads\/sites\/2\/2023\/09\/Logo-and-Site-TitleSite-Identity.jpg\" alt=\"Logo and Site Title\" class=\"wp-image-124\" srcset=\"https:\/\/docs.codevibrant.com\/azure\/wp-content\/uploads\/sites\/2\/2023\/09\/Logo-and-Site-TitleSite-Identity.jpg 243w, https:\/\/docs.codevibrant.com\/azure\/wp-content\/uploads\/sites\/2\/2023\/09\/Logo-and-Site-TitleSite-Identity-165x300.jpg 165w\" sizes=\"auto, (max-width: 243px) 100vw, 243px\" \/><\/figure><\/div>\n\n\n<ul class=\"wp-block-list\">\n<li>Enter your preferred <strong>Site Title <\/strong>and <strong>Site Tagline <\/strong>by clicking in the boxes under them.<\/li>\n\n\n\n<li>&nbsp;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<\/ul>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Now click on the <strong>Change Image<\/strong> below of the customizer to upload your <strong>Site Icon <\/strong>also known as: <strong>FavIcon. <\/strong>&nbsp;If you\u2019ve already uploaded and want to remove the image, click on <strong>Remove <\/strong>button.<\/li>\n<\/ul>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"243\" height=\"229\" src=\"http:\/\/docs.codevibrant.com\/azure\/wp-content\/uploads\/sites\/2\/2023\/09\/Site-Icon-Site-Identiy.jpg\" alt=\"Site Icon\" class=\"wp-image-123\"\/><\/figure><\/div>\n\n\n<h2 class=\"wp-block-heading\">Customization of Header Text<\/h2>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Click on the <strong>Design<\/strong> tab next to the <strong>General <\/strong>tab.<\/li>\n\n\n\n<li>Click the palette next to <strong>Header Text Color<\/strong> and choose color of your own preference.<\/li>\n<\/ul>\n\n\n\n<p>After you\u2019ve done all the customization of your site, don\u2019t forget to click on the &#8220;<strong>Publish<\/strong>&#8221; button to <strong>save your changes<\/strong> and publish it.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Site Identity consists of major sections which is very crucial for identification of your sites. From the navigation point of view, Site Identity is very important for any type of website. In this section, there are two tabs. They are: General Tab and Design Tab Video Guidance &nbsp;First of all, let\u2019s navigate to Site Identity [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[6],"tags":[],"class_list":["post-120","post","type-post","status-publish","format-standard","hentry","category-header-settings"],"_links":{"self":[{"href":"https:\/\/docs.codevibrant.com\/azure\/wp-json\/wp\/v2\/posts\/120","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/docs.codevibrant.com\/azure\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/docs.codevibrant.com\/azure\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/docs.codevibrant.com\/azure\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/docs.codevibrant.com\/azure\/wp-json\/wp\/v2\/comments?post=120"}],"version-history":[{"count":4,"href":"https:\/\/docs.codevibrant.com\/azure\/wp-json\/wp\/v2\/posts\/120\/revisions"}],"predecessor-version":[{"id":397,"href":"https:\/\/docs.codevibrant.com\/azure\/wp-json\/wp\/v2\/posts\/120\/revisions\/397"}],"wp:attachment":[{"href":"https:\/\/docs.codevibrant.com\/azure\/wp-json\/wp\/v2\/media?parent=120"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/docs.codevibrant.com\/azure\/wp-json\/wp\/v2\/categories?post=120"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/docs.codevibrant.com\/azure\/wp-json\/wp\/v2\/tags?post=120"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}