{"id":1391,"date":"2020-07-13T18:28:04","date_gmt":"2020-07-13T18:28:04","guid":{"rendered":"https:\/\/organicthemes.com\/demo\/origin\/?page_id=1391"},"modified":"2020-09-21T18:39:11","modified_gmt":"2020-09-21T18:39:11","slug":"widget-area-block","status":"publish","type":"page","link":"https:\/\/organicthemes.com\/demo\/origin\/blocks\/widget-area-block\/","title":{"rendered":"Widget Area Block"},"content":{"rendered":"\n<div style=\"height:36px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<h2 class=\"has-text-align-center wp-block-heading\">Widget Area Block<\/h2>\n\n\n\n<p>The <strong>Widget Area Block <\/strong>allows you to create multiple widget areas within any page or post using the block editor. As a result, you can add traditional widgets within the block editor. Below is an example of the Widget Area Block displaying Organic Builder Widgets:<\/p>\n\n\n\n\t\t\t<div id=\"obb-widget-area-3525288147\" class=\"organic-block organic-block-widget-area alignfull\">\n\n\t\t\t\t<div id=\"organic_widgets_hero_section-13\" class=\"organic-widget widget widget_organic_widgets_hero_section\">\n\t\t<style media=\"screen\">\t\t\t\t\t\t\t\t\t\t#organic_widgets_hero_section-13 .organic-widgets-content {\n\t\t\t\t\tmax-width: 860px;\n\t\t\t\t}\n\t\t\t\t\t\t\t\t\t\t\t\t\t#organic_widgets_hero_section-13 .organic-widgets-title {\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tfont-weight: normal;\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t\t#organic_widgets_hero_section-13 .organic-widgets-text p {\n\t\t\t\t\tfont-family: inherit;\n\t\t\t\t}\n\t\t\t\t\t\t\t\t\t\t#organic_widgets_hero_section-13 .organic-widgets-featured-image img {\n\t\t\t\t\twidth: 50%;\n\t\t\t\t}\n\t\t\t\t\t<\/style>\n\t\t\t\t<div \t\tclass=\"organic-widgets-section organic-widgets-hero-section\n\t\t\t\t\t\t\t\t\t\t\"\n\t\t\t\t\tstyle=\"background-image:url(https:\/\/organicthemes.com\/demo\/origin\/files\/2015\/05\/content-02.jpg);\"\n\t\t>\n\n\t\t\t\n\t\t\t\t\t\t<div class=\"organic-widgets-aligner organic-widgets-aligner-middle-center\">\n\n\t\t\t\t\t\t\t\t<div class=\"organic-widgets-content\">\n\n\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"organic-widgets-hero-information\">\n\n\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t\t<h2 class=\"organic-widgets-title\">Hero Widget<\/h2>\n\t\t\t\t\t\t\n\t\t\t\t\t\t\n\t\t\t\t\t\t\t<div class=\"organic-widgets-text\">\n\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<p>This is an example of the Hero Widget included in the <a href=\"https:\/\/organicthemes.com\/builder\/\">Organic Builder Widgets<\/a> plugin.<\/p>\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"organic-widgets-button-holder\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<a class=\"organic-widgets-button button\" href=\"#\" >Example Button<\/a>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t<\/div>\n\n\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t<\/div>\n\n\t\t\t\t\t\n\t\t\t\t\t\t\t\t<\/div>\n\n\t\t\t\t\t\t<\/div>\n\n\t\t\t\n\t\t\t\t<\/div>\n\n\t\t<\/div><div id=\"organic_widgets_search_section-3\" class=\"organic-widget widget widget_organic_widgets_search_section\">\n\t\t<style media=\"screen\">\t\t\t\t\t\t\t\t\t\t\t\t\t#organic_widgets_search_section-3 .organic-widgets-search-section {\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tpadding-top: 120px;\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tpadding-bottom: 120px;\n\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t\t#organic_widgets_search_section-3 .organic-widgets-title {\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tfont-weight: normal;\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tcolor: #ffffff;\n\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t\t#organic_widgets_search_section-3 .organic-widgets-content p {\n\t\t\t\t\tfont-family: inherit;\n\t\t\t\t}\n\t\t\t\t\t\t\t\t<\/style>\n\t\t\t\t<div \t\t\tclass=\"organic-widgets-section organic-widgets-search-section organic-widgets-video-bg-section\n\t\t\t\t\t\t\t\t\"\n\t\t\t\t\tstyle=\"background-color:#000000;\"\n\t\t>\n\n\t\t\t\t\t\t<div class=\"organic-widgets-video-bg-wrapper\">\n\t\t\t\t<div class=\"organic-widgets-video-bg-container\">\n\t\t\t\t\t<div class=\"organic-widgets-video-bg-center\">\n\t\t\t\t\t\t<div id=\"organicwidgetssearchsection3\" class=\"organic-widgets-video-bg\"><\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"organic-widgets-video-bg-shade\"><\/div>\n\t\t\t<\/div>\n\t\t\t\t\n\t\t\t\t\t\t\t\t<div class=\"organic-widgets-content\">\n\n\t\t\t\t\t\t\t\t\t\t<div class=\"organic-widgets-aligner organic-widgets-aligner-middle-center\">\n\n\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"organic-widgets-search-information\">\n\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<h2 class=\"organic-widgets-title\">Search Widget<\/h2>\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"organic-widgets-text\"><p>This is an example of the Search Widget included in the <a href=\"https:\/\/organicthemes.com\/builder\/\">Organic Builder Widgets<\/a> plugin.<\/p>\n<\/div>\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\n\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"organic-widgets-search-form style-search-modern\">\n\n\t\t\t\t\t\t\t<form method=\"get\" id=\"searchform\" class=\"clearfix\" action=\"https:\/\/organicthemes.com\/demo\/origin\/\" role=\"search\">\n\n\t\t\t\t\t\t\t\t<label for=\"s\" class=\"screen-reader-text\">Search<\/label>\n\t\t\t\t\t\t\t\t<input type=\"text\" class=\"field\" name=\"s\" value=\"\" id=\"s\" placeholder=\"Search &hellip;\" \/>\n\n\t\t\t\t\t\t\t\t<input type=\"hidden\" value=\"1\" name=\"sentence\" \/>\n\n\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<input type=\"submit\" class=\"submit\" name=\"submit\" id=\"searchsubmit\" value=\"Search\" \/>\n\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t<\/form>\n\n\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\n\t\t\t\t\t\t\t\t\t\t<\/div>\n\n\t\t\t\t\t\t\t\t<\/div>\n\n\t\t\t\t\t\t<\/div>\n\n\t\t\t<\/div><div id=\"organic_widgets_event_section-5\" class=\"organic-widget widget widget_organic_widgets_event_section\">\n\t\t<style media=\"screen\">\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t#organic_widgets_event_section-5 .organic-widgets-title {\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tfont-weight: normal;\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t\t#organic_widgets_event_section-5 .organic-widgets-text,\n\t\t\t\t#organic_widgets_event_section-5 .organic-widgets-event-table table {\n\t\t\t\t\tfont-family: inherit;\n\t\t\t\t}\n\t\t\t\t\t<\/style>\n\t\t\t\t<div \t\tclass=\"organic-widgets-section organic-widgets-event-section\n\t\t\t\t\t\t\"\n\t\t\t\t\tstyle=\"background-image:url(https:\/\/organicthemes.com\/demo\/origin\/files\/2016\/05\/header-01.jpg);\"\n\t\t>\n\n\t\t\t\t\t\t<div class=\"organic-widgets-content\">\n\n\t\t\t\t\t\t\t\t<div class=\"organic-widgets-aligner organic-widgets-aligner-middle-center\">\n\n\t\t\t\t\t\t\t\t\t\t<div class=\"organic-widgets-event-information\">\n\n\t\t\t\t\t\t\t\t\t\t\t\t\t<h2 class=\"organic-widgets-title\">Events Widget<\/h2>\n\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"organic-widgets-text\"><p>This is an example of the Events Widget included in the <a href=\"https:\/\/organicthemes.com\/builder\/\">Organic Builder Widgets<\/a> plugin.<\/p>\n<\/div>\n\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t<\/div>\n\n\t\t\t\t\t\t\t\t\t\t<div class=\"organic-widgets-event-table\">\n\n\t\t\t\t\t\t<table class=\"style-table-dark\">\n\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<thead>\n\t\t\t\t\t\t\t\t<tr>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<th>\t\t\t\t\t\t\t\t\t\t\t<b>Event<\/b>\n\t\t\t\t\t\t\t\t\t\t<\/th>\n\t\t\t\t\t\t\t\t\t\t<th>\t\t\t\t\t\t\t\t\t\t\t<b>Location<\/b>\n\t\t\t\t\t\t\t\t\t\t<\/th>\n\t\t\t\t\t\t\t\t\t\t<th>\t\t\t\t\t\t\t\t\t\t\t<b>Venue<\/b>\n\t\t\t\t\t\t\t\t\t\t<\/th>\n\t\t\t\t\t\t\t\t\t\t<th>\t\t\t\t\t\t\t\t\t\t\t<b>Date<\/b>\n\t\t\t\t\t\t\t\t\t\t<\/th>\n\t\t\t\t\t\t\t\t\t\t<th>\t\t\t\t\t\t\t\t\t\t\t<b>Time<\/b>\n\t\t\t\t\t\t\t\t\t\t<\/th>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/tr>\n\t\t\t\t\t\t\t<\/thead>\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t<tbody>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<tr>\n\t\t\t\t\t\t\t\t\t<td class=\"organic-widgets-event-title\">My Event Example<\/td>\n\t\t\t\t\t\t\t\t\t<td class=\"organic-widgets-event-location\">Sarasota, FL<\/td>\n\t\t\t\t\t\t\t\t\t<td class=\"organic-widgets-event-venue\"><a href=\"#\">Van Wezel<\/a><\/td>\n\t\t\t\t\t\t\t\t\t<td class=\"organic-widgets-event-date\">11\/14\/21<\/td>\n\t\t\t\t\t\t\t\t\t<td class=\"organic-widgets-event-time\">7pm<\/td>\n\t\t\t\t\t\t\t\t\t<td class=\"organic-widgets-event-link\"><a class=\"button\" href=\"#\">Get Tickets<\/a><\/td>\t\t\t\t\t\t\t\t<\/tr>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<tr>\n\t\t\t\t\t\t\t\t\t<td class=\"organic-widgets-event-title\">Another Event<\/td>\n\t\t\t\t\t\t\t\t\t<td class=\"organic-widgets-event-location\">Honolulu, HI<\/td>\n\t\t\t\t\t\t\t\t\t<td class=\"organic-widgets-event-venue\"><a href=\"#\">Pipeline Cafe<\/a><\/td>\n\t\t\t\t\t\t\t\t\t<td class=\"organic-widgets-event-date\">11\/22\/21<\/td>\n\t\t\t\t\t\t\t\t\t<td class=\"organic-widgets-event-time\">8pm<\/td>\n\t\t\t\t\t\t\t\t\t<td class=\"organic-widgets-event-link\"><a class=\"button\" href=\"#\">Get Tickets<\/a><\/td>\t\t\t\t\t\t\t\t<\/tr>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<tr>\n\t\t\t\t\t\t\t\t\t<td class=\"organic-widgets-event-title\">Yet Another Event<\/td>\n\t\t\t\t\t\t\t\t\t<td class=\"organic-widgets-event-location\">Solana Beach, CA<\/td>\n\t\t\t\t\t\t\t\t\t<td class=\"organic-widgets-event-venue\"><a href=\"#\">Tin Can Collective<\/a><\/td>\n\t\t\t\t\t\t\t\t\t<td class=\"organic-widgets-event-date\">12\/02\/21<\/td>\n\t\t\t\t\t\t\t\t\t<td class=\"organic-widgets-event-time\">6:30pm<\/td>\n\t\t\t\t\t\t\t\t\t<td class=\"organic-widgets-event-link\"><a class=\"button\" href=\"#\">Get Tickets<\/a><\/td>\t\t\t\t\t\t\t\t<\/tr>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/tbody>\n\n\t\t\t\t\t\t<\/table>\n\n\t\t\t\t\t\t\t\t\t\t<\/div>\n\n\t\t\t\t\t\t\t\t\t\t\t<div class=\"organic-widgets-button-holder\">\n\t\t\t\t\t\t\t<a class=\"organic-widgets-button button\" href=\"#\" >More Events<\/a>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\n\t\t\t\t\t\t\t\t<\/div>\n\n\t\t\t\t\t\t<\/div>\n\n\t\t\t\t<\/div>\n\n\t\t<\/div>\n\t\t\t<\/div>\n\n\t\t\t","protected":false},"excerpt":{"rendered":"<p>Widget Area Block The Widget Area Block allows you to create multiple widget areas within any page or post using the block editor. As a result, you can add traditional widgets within the block editor. Below is an example of the Widget Area Block displaying Organic Builder Widgets:<\/p>\n","protected":false},"author":14,"featured_media":0,"parent":1339,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"template-no-sidebar.php","meta":{"footnotes":""},"class_list":["post-1391","page","type-page","status-publish"],"jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/organicthemes.com\/demo\/origin\/wp-json\/wp\/v2\/pages\/1391","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/organicthemes.com\/demo\/origin\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/organicthemes.com\/demo\/origin\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/organicthemes.com\/demo\/origin\/wp-json\/wp\/v2\/users\/14"}],"replies":[{"embeddable":true,"href":"https:\/\/organicthemes.com\/demo\/origin\/wp-json\/wp\/v2\/comments?post=1391"}],"version-history":[{"count":6,"href":"https:\/\/organicthemes.com\/demo\/origin\/wp-json\/wp\/v2\/pages\/1391\/revisions"}],"predecessor-version":[{"id":1475,"href":"https:\/\/organicthemes.com\/demo\/origin\/wp-json\/wp\/v2\/pages\/1391\/revisions\/1475"}],"up":[{"embeddable":true,"href":"https:\/\/organicthemes.com\/demo\/origin\/wp-json\/wp\/v2\/pages\/1339"}],"wp:attachment":[{"href":"https:\/\/organicthemes.com\/demo\/origin\/wp-json\/wp\/v2\/media?parent=1391"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}