{"id":10236,"date":"2024-04-19T13:51:24","date_gmt":"2024-04-19T10:51:24","guid":{"rendered":"https:\/\/creativethemes.com\/blocksy\/?post_type=documentation&#038;p=10236"},"modified":"2025-02-03T13:49:24","modified_gmt":"2025-02-03T11:49:24","slug":"header-content-block","status":"publish","type":"documentation","link":"https:\/\/creativethemes.com\/blocksy\/docs\/header-elements\/header-content-block\/","title":{"rendered":"Header Content Block"},"content":{"rendered":"\n<figure class=\"wp-block-video\"><video height=\"2056\" style=\"aspect-ratio: 3456 \/ 2056;\" width=\"3456\" autoplay loop muted src=\"https:\/\/creativethemes.com\/blocksy\/wp-content\/uploads\/2024\/04\/Screen-Recording-2024-04-19-at-13.54.32.mov\"><\/video><figcaption class=\"wp-element-caption\">Content Block header element in action.<\/figcaption><\/figure>\n\n\n\n<p>The Content Block header element offers a streamlined approach to incorporating Content Blocks into your website&#8217;s header. This element fosters a user-friendly experience by prioritising simplicity and ease of use.<\/p>\n\n\n\n<p>Here&#8217;s how it works:<\/p>\n\n\n\n<ol class=\"wp-block-list\">\n<li><strong>Effortless Integration:<\/strong>\u00a0Navigate to the <strong>Blocksy Customiser<\/strong> and head over to the &#8220;<strong>Header<\/strong>&#8221; section. Simply drag and drop the &#8220;<strong>Content Block<\/strong>&#8221; element into your desired header row.<\/li>\n\n\n\n<li><strong>Content Block Selection:<\/strong>\u00a0Choose a Content Block you&#8217;ve created within the <a href=\"https:\/\/creativethemes.com\/blocksy\/docs\/modules\/content-blocks\/\" target=\"_blank\" rel=\"noreferrer noopener\">Blocksy Content Blocks module<\/a>. These versatile blocks allow you to showcase various content types, from text and images to buttons and forms.<\/li>\n\n\n\n<li><strong>Display Conditions:<\/strong>\u00a0While the element itself has no configuration options, ensure the chosen Content Block has appropriate display conditions set. This guarantees that the block&#8217;s assets load correctly on the front-end of the website.<\/li>\n<\/ol>\n","protected":false},"excerpt":{"rendered":"<p>The Content Block header element offers a streamlined approach to incorporating Content Blocks into your website&#8217;s header. This element fosters a user-friendly experience by prioritising simplicity and ease of use. Here&#8217;s how it works:<\/p>\n","protected":false},"author":6,"featured_media":0,"comment_status":"open","ping_status":"closed","template":"","meta":{"_acf_changed":false,"footnotes":""},"doc_categories":[124],"class_list":["post-10236","documentation","type-documentation","status-publish","hentry","doc_categories-header-elements"],"blocksy_meta":{"docs_item_badge":"PRO","styles_descriptor":{"styles":{"desktop":"","tablet":"","mobile":""},"google_fonts":[],"version":6}},"acf":[],"_links":{"self":[{"href":"https:\/\/creativethemes.com\/blocksy\/wp-json\/wp\/v2\/documentation\/10236","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\/6"}],"replies":[{"embeddable":true,"href":"https:\/\/creativethemes.com\/blocksy\/wp-json\/wp\/v2\/comments?post=10236"}],"version-history":[{"count":4,"href":"https:\/\/creativethemes.com\/blocksy\/wp-json\/wp\/v2\/documentation\/10236\/revisions"}],"predecessor-version":[{"id":12509,"href":"https:\/\/creativethemes.com\/blocksy\/wp-json\/wp\/v2\/documentation\/10236\/revisions\/12509"}],"wp:attachment":[{"href":"https:\/\/creativethemes.com\/blocksy\/wp-json\/wp\/v2\/media?parent=10236"}],"wp:term":[{"taxonomy":"doc_categories","embeddable":true,"href":"https:\/\/creativethemes.com\/blocksy\/wp-json\/wp\/v2\/doc_categories?post=10236"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}