{"id":9,"date":"2023-09-26T05:08:23","date_gmt":"2023-09-26T05:08:23","guid":{"rendered":"https:\/\/docs.codevibrant.com\/azure\/?p=9"},"modified":"2023-09-27T08:06:47","modified_gmt":"2023-09-27T08:06:47","slug":"introduction","status":"publish","type":"post","link":"https:\/\/docs.codevibrant.com\/azure\/introduction\/","title":{"rendered":"Introducing Azure"},"content":{"rendered":"\n<p><strong>Azure <\/strong>is one of the finest developed News Portal themes for WordPress Websites. It is tightly packed with features for you to get started and customize your theme as per your creativity. Customization navigation is well done so that you won\u2019t have any issues while customizing your site.<\/p>\n\n\n\n<p>This article will help you get to know your <strong>soon to be favorite News Portal Theme.<\/strong><\/p>\n\n\n\n<p>So, let\u2019s start with the basics of this theme. In this article we will discuss about basic anatomy of this theme so that you won\u2019t be lost in its vast features option.<\/p>\n\n\n\n<p>Here we will discuss about the free version where you will be getting the little bit of more &nbsp;features of what premium version offers.<\/p>\n\n\n\n<p>Now, your half the work is already done, if you can navigate through the customizer of the theme, from then it\u2019s just click and click to customize.<\/p>\n\n\n\n<p>If you need installation guide please <strong><em><a href=\"https:\/\/docs.codevibrant.com\/azure\/installation-guide-of-azure-news\/\" data-type=\"link\" data-id=\"https:\/\/docs.codevibrant.com\/azure\/installation-guide-of-azure-news\/\">click here<\/a><\/em><\/strong>. But, you have installed and are ready to customize this theme, and then let\u2019s jump right into it.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Prima Facie (First Look)<\/h2>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"1000\" height=\"535\" src=\"http:\/\/docs.codevibrant.com\/azure\/wp-content\/uploads\/sites\/2\/2023\/09\/Azure-News-Prima-Facie.jpg\" alt=\"First Look: Azure News\" class=\"wp-image-16\" srcset=\"https:\/\/docs.codevibrant.com\/azure\/wp-content\/uploads\/sites\/2\/2023\/09\/Azure-News-Prima-Facie.jpg 1000w, https:\/\/docs.codevibrant.com\/azure\/wp-content\/uploads\/sites\/2\/2023\/09\/Azure-News-Prima-Facie-300x161.jpg 300w, https:\/\/docs.codevibrant.com\/azure\/wp-content\/uploads\/sites\/2\/2023\/09\/Azure-News-Prima-Facie-768x411.jpg 768w\" sizes=\"auto, (max-width: 1000px) 100vw, 1000px\" \/><\/figure>\n\n\n\n<p>Above image showcases the first view of your soon to be website. On the right hand side, you can see the default Homepage of the Azure theme website and on the left hand side of the screen; you can see the customizer bar which is where you can customize your site.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\"><strong>Let\u2019s guide you through the basics of Customizer bar<\/strong><\/h2>\n\n\n\n<h3 class=\"wp-block-heading\"><strong>Customizer: Part I<\/strong><\/h3>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"965\" height=\"463\" src=\"http:\/\/docs.codevibrant.com\/azure\/wp-content\/uploads\/sites\/2\/2023\/09\/Customizer-in-Azure.jpg\" alt=\"Azure's Customizer\" class=\"wp-image-21\" srcset=\"https:\/\/docs.codevibrant.com\/azure\/wp-content\/uploads\/sites\/2\/2023\/09\/Customizer-in-Azure.jpg 965w, https:\/\/docs.codevibrant.com\/azure\/wp-content\/uploads\/sites\/2\/2023\/09\/Customizer-in-Azure-300x144.jpg 300w, https:\/\/docs.codevibrant.com\/azure\/wp-content\/uploads\/sites\/2\/2023\/09\/Customizer-in-Azure-768x368.jpg 768w\" sizes=\"auto, (max-width: 965px) 100vw, 965px\" \/><\/figure><\/div>\n\n\n<ul class=\"wp-block-list\">\n<li>On the top of the list, you can see the \u201c<strong>General Setting<\/strong>\u201d option where you can customize the basics designs of your site. From here you can adjust your site styles, make changes to your pre-loader, typography, breadcrumbs and other essential customizing options.<\/li>\n<\/ul>\n\n\n\n<p><em>The customizer is setup in a top to bottom (i.e. from Header to Footer) fashion, besides General Setting.<\/em><\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"248\" height=\"465\" src=\"https:\/\/docs.codevibrant.com\/azure\/wp-content\/uploads\/sites\/2\/2023\/09\/General-Settings.jpg\" alt=\"\" class=\"wp-image-24\" srcset=\"https:\/\/docs.codevibrant.com\/azure\/wp-content\/uploads\/sites\/2\/2023\/09\/General-Settings.jpg 248w, https:\/\/docs.codevibrant.com\/azure\/wp-content\/uploads\/sites\/2\/2023\/09\/General-Settings-160x300.jpg 160w\" sizes=\"auto, (max-width: 248px) 100vw, 248px\" \/><\/figure><\/div>\n\n\n<ul class=\"wp-block-list\">\n<li>Second to the list is, <strong>Header Settings, <\/strong>where you can customize your Header up until News Ticker bar. Here you can change your logo, site title and other important structures.<\/li>\n<\/ul>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"245\" height=\"331\" src=\"https:\/\/docs.codevibrant.com\/azure\/wp-content\/uploads\/sites\/2\/2023\/09\/Header-Settings.jpg\" alt=\"\" class=\"wp-image-26\" srcset=\"https:\/\/docs.codevibrant.com\/azure\/wp-content\/uploads\/sites\/2\/2023\/09\/Header-Settings.jpg 245w, https:\/\/docs.codevibrant.com\/azure\/wp-content\/uploads\/sites\/2\/2023\/09\/Header-Settings-222x300.jpg 222w\" sizes=\"auto, (max-width: 245px) 100vw, 245px\" \/><\/figure><\/div>\n\n\n<ul class=\"wp-block-list\">\n<li><strong>&nbsp;FrontPage Settings <\/strong>comes to the third position. Here, you can change the settings such as; Main Banner, Middle Content and Full Width. <\/li>\n<\/ul>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"249\" height=\"245\" src=\"https:\/\/docs.codevibrant.com\/azure\/wp-content\/uploads\/sites\/2\/2023\/09\/Front-Page.jpg\" alt=\"\" class=\"wp-image-28\"\/><\/figure><\/div>\n\n\n<ul class=\"wp-block-list\">\n<li><strong>InnerPage Settings <\/strong>is in the fourth; here you can customize the pages, posts layouts and such of your sites such as: 404 Error Pages, Single Posts customizing options, Archive Pages.<\/li>\n<\/ul>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"242\" height=\"202\" src=\"https:\/\/docs.codevibrant.com\/azure\/wp-content\/uploads\/sites\/2\/2023\/09\/Innerpage-Settings.jpg\" alt=\"\" class=\"wp-image-27\"\/><\/figure><\/div>\n\n\n<ul class=\"wp-block-list\">\n<li>&nbsp;Last for the primary settings but not the least of course, we have <strong>Footer Settings<\/strong> where you can manage the Main and Bottom Area of your footer.<\/li>\n<\/ul>\n\n\n\n<h3 class=\"wp-block-heading\">Customizer Bar: Part II<\/h3>\n\n\n\n<p>In this bar, you can significantly customize your sites with essential options such as; Menus and Widgets.<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Menu<\/strong>: Important section for any websites, Menu bar allows users to freely navigate throughout the website. It has some of the essential sections such as: Home and other important pages.<\/li>\n<\/ul>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full is-resized\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/docs.codevibrant.com\/azure\/wp-content\/uploads\/sites\/2\/2023\/09\/image.png\" alt=\"Menu in Azure News\n\" class=\"wp-image-29\" style=\"width:219px;height:321px\" width=\"219\" height=\"321\" srcset=\"https:\/\/docs.codevibrant.com\/azure\/wp-content\/uploads\/sites\/2\/2023\/09\/image.png 388w, https:\/\/docs.codevibrant.com\/azure\/wp-content\/uploads\/sites\/2\/2023\/09\/image-204x300.png 204w\" sizes=\"auto, (max-width: 219px) 100vw, 219px\" \/><\/figure>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Widgets<\/strong>: Widgets gives you more customizing options for sections such as; Sidebars &amp; Footers.<\/li>\n<\/ul>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full is-resized\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/docs.codevibrant.com\/azure\/wp-content\/uploads\/sites\/2\/2023\/09\/image-1.png\" alt=\"Widget Setting in Azure News\" class=\"wp-image-30\" style=\"width:194px;height:309px\" width=\"194\" height=\"309\" srcset=\"https:\/\/docs.codevibrant.com\/azure\/wp-content\/uploads\/sites\/2\/2023\/09\/image-1.png 324w, https:\/\/docs.codevibrant.com\/azure\/wp-content\/uploads\/sites\/2\/2023\/09\/image-1-188x300.png 188w\" sizes=\"auto, (max-width: 194px) 100vw, 194px\" \/><\/figure><\/div>\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Homepage Setting<\/strong>; Homepage settings offer you to sort our posts in the homepage.<\/li>\n<\/ul>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"246\" height=\"355\" src=\"http:\/\/docs.codevibrant.com\/azure\/wp-content\/uploads\/sites\/2\/2023\/09\/Homepage-Settings.jpg\" alt=\"Homepage Settings in Azure News Theme\" class=\"wp-image-32\" srcset=\"https:\/\/docs.codevibrant.com\/azure\/wp-content\/uploads\/sites\/2\/2023\/09\/Homepage-Settings.jpg 246w, https:\/\/docs.codevibrant.com\/azure\/wp-content\/uploads\/sites\/2\/2023\/09\/Homepage-Settings-208x300.jpg 208w\" sizes=\"auto, (max-width: 246px) 100vw, 246px\" \/><\/figure><\/div>\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Additional CSS<\/strong>; If you know how to code, specifically using CSS (Cascading Style Sheets), this is the right option for you. Additional CSS allows you to further customize your site in the white text area. <\/li>\n<\/ul>\n","protected":false},"excerpt":{"rendered":"<p>Azure is one of the finest developed News Portal themes for WordPress Websites. It is tightly packed with features for you to get started and customize your theme as per your creativity. Customization navigation is well done so that you won\u2019t have any issues while customizing your site. This article will help you get to [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[2],"tags":[],"class_list":["post-9","post","type-post","status-publish","format-standard","hentry","category-introduction-to-azure-news"],"_links":{"self":[{"href":"https:\/\/docs.codevibrant.com\/azure\/wp-json\/wp\/v2\/posts\/9","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=9"}],"version-history":[{"count":8,"href":"https:\/\/docs.codevibrant.com\/azure\/wp-json\/wp\/v2\/posts\/9\/revisions"}],"predecessor-version":[{"id":236,"href":"https:\/\/docs.codevibrant.com\/azure\/wp-json\/wp\/v2\/posts\/9\/revisions\/236"}],"wp:attachment":[{"href":"https:\/\/docs.codevibrant.com\/azure\/wp-json\/wp\/v2\/media?parent=9"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/docs.codevibrant.com\/azure\/wp-json\/wp\/v2\/categories?post=9"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/docs.codevibrant.com\/azure\/wp-json\/wp\/v2\/tags?post=9"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}