{"id":833,"date":"2019-10-21T13:21:52","date_gmt":"2019-10-21T13:21:52","guid":{"rendered":"https:\/\/creativethemes.com\/blocksy\/?post_type=documentation&#038;p=833"},"modified":"2024-01-09T17:01:47","modified_gmt":"2024-01-09T15:01:47","slug":"sidebar","status":"publish","type":"documentation","link":"https:\/\/creativethemes.com\/blocksy\/docs\/general-options\/sidebar\/","title":{"rendered":"Sidebar"},"content":{"rendered":"\n<h3 class=\"wp-block-heading\">Quick Look<\/h3>\n\n\n\n<figure class=\"wp-block-video\"><video autoplay controls loop muted src=\"https:\/\/creativethemes.com\/blocksy\/wp-content\/uploads\/2019\/10\/Screen-Recording-2021-08-26-at-21.29.42.mov\"><\/video><figcaption class=\"wp-element-caption\">Sidebar Options in action<\/figcaption><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\">Granular Controls<\/h3>\n\n\n\n<div class=\"wp-block-columns are-vertically-aligned-center is-layout-flex wp-container-core-columns-is-layout-28f84493 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-vertically-aligned-center is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:33%\">\n<figure class=\"wp-block-image size-full is-resized\"><img decoding=\"async\" src=\"https:\/\/creativethemes.com\/blocksy\/wp-content\/uploads\/2019\/10\/blocksy-sidebar-design.png\" alt=\"\" class=\"wp-image-5220\" \/><\/figure>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-vertically-aligned-center is-layout-flow wp-block-column-is-layout-flow\">\n<h5 class=\"wp-block-heading\">Design type<\/h5>\n\n\n\n<p>This option will let you choose between our four design types. Each design has unique characteristics, that can be further controlled via the &#8220;<strong>Design<\/strong>&#8221; tab.<\/p>\n\n\n\n<p><strong>Type 1<\/strong> &#8211; offers you a classic sidebar layout<br><strong>Type 2<\/strong> &#8211; encloses the sidebar in a nice coloured rectangle<br><strong>Type 3<\/strong> &#8211; separates the sidebar from the content<br><strong>Type 4<\/strong> &#8211; colours the whole sidebar area<\/p>\n<\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-columns are-vertically-aligned-center is-layout-flex wp-container-core-columns-is-layout-28f84493 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-vertically-aligned-center is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:33%\">\n<figure class=\"wp-block-image size-full is-resized\"><img decoding=\"async\" src=\"https:\/\/creativethemes.com\/blocksy\/wp-content\/uploads\/2019\/10\/blocksy-sidebar-controls.png\" alt=\"\" class=\"wp-image-5223\" \/><\/figure>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-vertically-aligned-center is-layout-flow wp-block-column-is-layout-flow\">\n<h5 class=\"wp-block-heading\">Sidebar spacing controls<\/h5>\n\n\n\n<p>These options will let you control things such as the width of the sidebar, the gap between the sidebar and the content of the page, as well as the spacing between the different widgets that you might&#8217;ve added to it.<\/p>\n\n\n\n<p>Don&#8217;t forget that there are also SEO controls, that will let you change what HTML tag the widgets title will use. Please note however, that this option will be phased out soon, as it is just a compatibility layer for the old, classic widgets. Gutenberg widgets do not inherit this option.<\/p>\n<\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-columns are-vertically-aligned-center is-layout-flex wp-container-core-columns-is-layout-28f84493 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-vertically-aligned-center is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:33%\">\n<figure class=\"wp-block-image size-full is-resized\"><img decoding=\"async\" src=\"https:\/\/creativethemes.com\/blocksy\/wp-content\/uploads\/2019\/10\/blocksy-sidebar-sticky.png\" alt=\"\" class=\"wp-image-5226\" \/><\/figure>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-vertically-aligned-center is-layout-flow wp-block-column-is-layout-flow\">\n<h5 class=\"wp-block-heading\">Sidebar sticky widgets options<\/h5>\n\n\n\n<p>Want to present important information to your visitors, that&#8217;s always on the screen and doesn&#8217;t scroll with the content?<\/p>\n\n\n\n<p>These features have been implemented exactly for that reason, letting you keep some widgets always in view, no matter how far the user has scrolled down the page.<\/p>\n<\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-columns are-vertically-aligned-center is-layout-flex wp-container-core-columns-is-layout-28f84493 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-vertically-aligned-center is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:33%\">\n<figure class=\"wp-block-image size-full is-resized\"><img decoding=\"async\" src=\"https:\/\/creativethemes.com\/blocksy\/wp-content\/uploads\/2019\/10\/blocksy-sidebar-visibility.png\" alt=\"\" class=\"wp-image-5230\" \/><\/figure>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-vertically-aligned-center is-layout-flow wp-block-column-is-layout-flow\">\n<h5 class=\"wp-block-heading\">Sidebar device visibility settings<\/h5>\n\n\n\n<p>In some cases, the sidebar should only be present on some devices, such as the desktop view where the viewport is much bigger than on a phone screen.<\/p>\n\n\n\n<p>These options will let you do just that. You can only show the sidebar on some device types. And of course, there&#8217;s an option for the sidebar position on the mobile view, letting you set it to show up before or after the page content.<\/p>\n<\/div>\n<\/div>\n","protected":false},"excerpt":{"rendered":"<p>Quick Look Granular Controls Design type This option will let you choose between our four design types. Each design has unique characteristics, that can be further controlled via the &#8220;Design&#8221; tab. Type 1 &#8211; offers you a classic sidebar layoutType 2 &#8211; encloses the sidebar in a nice coloured rectangleType 3 &#8211; separates the sidebar [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"closed","template":"","meta":{"_acf_changed":false,"footnotes":""},"doc_categories":[113],"class_list":["post-833","documentation","type-documentation","status-publish","hentry","doc_categories-general-options"],"blocksy_meta":{"styles_descriptor":{"styles":{"desktop":"","tablet":"","mobile":""},"google_fonts":[],"version":6}},"acf":[],"_links":{"self":[{"href":"https:\/\/creativethemes.com\/blocksy\/wp-json\/wp\/v2\/documentation\/833","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/creativethemes.com\/blocksy\/wp-json\/wp\/v2\/documentation"}],"about":[{"href":"https:\/\/creativethemes.com\/blocksy\/wp-json\/wp\/v2\/types\/documentation"}],"author":[{"embeddable":true,"href":"https:\/\/creativethemes.com\/blocksy\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/creativethemes.com\/blocksy\/wp-json\/wp\/v2\/comments?post=833"}],"version-history":[{"count":4,"href":"https:\/\/creativethemes.com\/blocksy\/wp-json\/wp\/v2\/documentation\/833\/revisions"}],"predecessor-version":[{"id":9115,"href":"https:\/\/creativethemes.com\/blocksy\/wp-json\/wp\/v2\/documentation\/833\/revisions\/9115"}],"wp:attachment":[{"href":"https:\/\/creativethemes.com\/blocksy\/wp-json\/wp\/v2\/media?parent=833"}],"wp:term":[{"taxonomy":"doc_categories","embeddable":true,"href":"https:\/\/creativethemes.com\/blocksy\/wp-json\/wp\/v2\/doc_categories?post=833"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}