Content Sidebar > Full Width Widget Area > Content Sidebar WordPress

Reigel Gallarde answers:

what would be Content Area 1 and Content Area 2? a post loop?

Additionally, this will greatly depends on your theme. Because we can arrange the html, but it still needs the right css to display correctly as what you would want.

---

---

Arnav Joy answers:

you said you don't need header and footer but in mockup above there is header and footer so what is that ?

---

---

Andrea P answers:

we can't build a universal layout, its html will depend on your theme's markup...

though, as you say you already know a bit about coding, then you probably just need to know how to create a widgetized area (aka sidebar).

it is quite simple indeed. :)
just put this code in your functions.php, to register the widgetized area

add_action( 'widgets_init', 'theme_slug_widgets_init' );
function theme_slug_widgets_init() {
register_sidebar( array(
'name' => __( 'Full Width Widgets', 'theme-slug' ),
'id' => 'full-width-widgets',
'description' => __( 'Widgets for the full width area.', 'theme-slug' ),
'before_widget' => '<div id="%1$s" class="widget widget-full-width %2$s">',
'after_widget' => '</div>',
'before_title' => '<h3 class="widgettitle">',
'after_title' => '</h3>',
) );
}



then in your template file, wherever you want to display the widgets that are within that sidebar, you just write:

<?php if ( is_active_sidebar( 'full-width-widgets' ) ) : ?>
<div id="full-width-widgets-area">
<?php dynamic_sidebar( 'full-width-widgets' ); ?>
</div>
<?php endif; ?>

---