{"id":83,"date":"2023-09-26T09:11:23","date_gmt":"2023-09-26T09:11:23","guid":{"rendered":"https:\/\/docs.codevibrant.com\/azure\/?p=83"},"modified":"2024-01-09T09:31:18","modified_gmt":"2024-01-09T09:31:18","slug":"how-to-configure-your-websites-sidebar-layout","status":"publish","type":"post","link":"https:\/\/docs.codevibrant.com\/azure\/how-to-configure-your-websites-sidebar-layout\/","title":{"rendered":"How to configure your Website\u2019s sidebar layout?"},"content":{"rendered":"\n<p><strong>Sidebar<\/strong> in any news website is very important sector to showcase different type news alongside main news.<\/p>\n\n\n\n<p>Azure News has <strong>5 different layout options<\/strong> for you if you want to change the layout of the sidebar for 43 <strong>3 different sections.<\/strong><\/p>\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=501&#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\">First, let\u2019s know how to navigate to the Sidebar layout\u2019s setting.<\/h2>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Open your <strong>WordPress Dashboard<\/strong><\/li>\n\n\n\n<li>Go to <strong>Appearance&gt;&gt;Themes<\/strong> and then click on the \u201c<strong>Customize<\/strong>\u201doption in the <strong>Azure News<\/strong>.<\/li>\n\n\n\n<li>Go to <strong>General Settings&gt;&gt;&gt;Sidebar layout<\/strong><\/li>\n<\/ul>\n\n\n\n<p>Now, you have to find yourself in the settings menu of <strong>Sidebar\u2019s Layout<\/strong><\/p>\n\n\n\n<p>There are <strong>three different sections<\/strong> in the Azure News theme where you can change the layout of the Sidebars;<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Archive\/Blog Sidebar Layout<\/strong><\/li>\n<\/ul>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full is-resized\"><img loading=\"lazy\" decoding=\"async\" width=\"224\" height=\"326\" src=\"https:\/\/docs.codevibrant.com\/azure\/wp-content\/uploads\/sites\/2\/2023\/09\/Archive-Post-Sidebar-Layout.jpg\" alt=\"Post Sidebar Layout Setting\" class=\"wp-image-84\" style=\"width:237px;height:345px\" srcset=\"https:\/\/docs.codevibrant.com\/azure\/wp-content\/uploads\/sites\/2\/2023\/09\/Archive-Post-Sidebar-Layout.jpg 224w, https:\/\/docs.codevibrant.com\/azure\/wp-content\/uploads\/sites\/2\/2023\/09\/Archive-Post-Sidebar-Layout-206x300.jpg 206w\" sizes=\"auto, (max-width: 224px) 100vw, 224px\" \/><\/figure><\/div>\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Posts Sidebar Layout<\/strong><\/li>\n<\/ul>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full is-resized\"><img loading=\"lazy\" decoding=\"async\" width=\"227\" height=\"275\" src=\"https:\/\/docs.codevibrant.com\/azure\/wp-content\/uploads\/sites\/2\/2023\/09\/Post-Sidebar-Layout.jpg\" alt=\"Post Sidebar Layout\n\" class=\"wp-image-85\" style=\"width:273px;height:331px\"\/><\/figure>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Pages Sidebar Layout.<\/strong><\/li>\n<\/ul>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full is-resized\"><img loading=\"lazy\" decoding=\"async\" width=\"223\" height=\"282\" src=\"http:\/\/docs.codevibrant.com\/azure\/wp-content\/uploads\/sites\/2\/2023\/09\/Page-Sidebar-Layout.jpg\" alt=\"Page sidebar Layout\" class=\"wp-image-86\" style=\"width:263px;height:332px\"\/><\/figure><\/div>\n\n\n<p>Although they are different sections, they all have <strong>same layouts options<\/strong><\/p>\n\n\n\n<h2 class=\"wp-block-heading\"><strong>Layout Options:<\/strong><\/h2>\n\n\n\n<p>We have 5 different options to customize your Sidebars.<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Right Sidebar<\/strong>: This option will <strong>shift your sidebar to the right-side of the screen.<\/strong><\/li>\n\n\n\n<li><strong>Left Sidebar<\/strong>: This option will <strong>put your sidebar to the left of your screen.<\/strong><\/li>\n\n\n\n<li><strong>Both Sidebars<\/strong>: Both Sidebars will create sidebar on the both side of the screen. Your sidebars will appear on the <strong>both right and left side<\/strong>.<\/li>\n\n\n\n<li><strong>No Sidebar<\/strong>: This <strong>removes all the sidebar for the section<\/strong> you have chosen to do so.<\/li>\n\n\n\n<li><strong>No Sidebar Center<\/strong>: No Sidebar Center will <strong>create a blank gap<\/strong> on the both, right and left side of the screen.<\/li>\n<\/ul>\n","protected":false},"excerpt":{"rendered":"<p>Sidebar in any news website is very important sector to showcase different type news alongside main news. Azure News has 5 different layout options for you if you want to change the layout of the sidebar for 43 3 different sections. Video Guidance First, let\u2019s know how to navigate to the Sidebar layout\u2019s setting. Now, [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[5],"tags":[],"class_list":["post-83","post","type-post","status-publish","format-standard","hentry","category-general-settings"],"_links":{"self":[{"href":"https:\/\/docs.codevibrant.com\/azure\/wp-json\/wp\/v2\/posts\/83","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=83"}],"version-history":[{"count":2,"href":"https:\/\/docs.codevibrant.com\/azure\/wp-json\/wp\/v2\/posts\/83\/revisions"}],"predecessor-version":[{"id":391,"href":"https:\/\/docs.codevibrant.com\/azure\/wp-json\/wp\/v2\/posts\/83\/revisions\/391"}],"wp:attachment":[{"href":"https:\/\/docs.codevibrant.com\/azure\/wp-json\/wp\/v2\/media?parent=83"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/docs.codevibrant.com\/azure\/wp-json\/wp\/v2\/categories?post=83"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/docs.codevibrant.com\/azure\/wp-json\/wp\/v2\/tags?post=83"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}