Step 1: How to add widgets to the sidebars


WordPress Widgets add content to your Sidebars and Footer/Body Top Widget Areas. Widgets require no coding experience or expertise. They can be added,  removed, and rearranged in the WordPress Widgets panel found in WordPress Dashboard > Appearance > Widgets


Body Sidebars / Widget Areas / Widgets



  1. Go to Appearance > Widgets.
  2. Choose a Widget and drag it to the sidebar on the right, where you wish it to appear.
  3. Once you drop the widget to a widget area, WordPress automatically saves and updates the configuration. To arrange the Widgets within the widget area, click on the title and drag it into the place you want. To customize the Widget features, click on the icon on the right to expand the Widget's panel. To save the  Widget's customisation, click "Save". To remove the Widget, click "Delete".
  4. Control the Widgets' visibility following the instruction below.


See the next step below




Step 2: Widget Visibility Module

 

This tutorial is kindly provided by the plugin developer. You can access the full plugin's documentation on this URL: https://jetpack.me/support/widget-visibility/ 


Control which pages your widgets appear on with Widget Visibility.

 

To control visibility, expand the widget and click the Visibility button next to the Save button, and then, choose a set of visibility options.

 

For example, if you wanted the Archives widget to only appear on category archives and error pages, choose "Show" from the first dropdown and then add two rules: "Page is 404 Error Page" and "Category is All Category Pages."

 

You can also hide widgets based on the current page. For example, if you don't want the Archives widget to appear on search results pages, choose "Hide" and "Page is Search results."

 


 


Widget Visibility

 

The Widget Visibility module enables you to configure widgets to appear only on certain pages (or be hidden on certain pages) by using the Visibility panel.

 

 



 

The Visibility button is next to the Save button.

 

Visibility is controlled by five aspects: page type, category, tag, date, and author. For example, if you wanted the Archives widget to only appear on category archives and error pages, choose “Show” from the first dropdown and then add two rules: “Page is 404 Error Page” and “Category is All Category Pages.”

 

 



 

You can also hide widgets based on the current page. For example, if you don’t want the Archives widget to appear on search results pages, choose “Hide” and “Page is Search Results.”

 

 



 

Each visibility rule is handled separately. There isn’t a way, for example, to only display a widget on posts that are categorised as “Summer” and also tagged with “Picnic.”




See the next step below



Step 3: How to edit the Body/Footer sidebars layout


This theme comes with Body and Footer pre-build layouts:



To edit the Body Top Widget Areas and the Body Side Widget Areas width, please go to Customizer > Body







Notice:
If you don't select an Area's width it won't be visible. 
If there aren't any widgets added to the Widget Areas they won't be active/visible as well. Once you add a widget to the Widget Area, it will appear.




To edit the Footer Widget Areas width, please go to Customizer Footer 



Notice:

If you don't select an Area's width it won't be visible. 

If there aren't any widgets added to the Widget Areas they won't be active/visible as well. Once you add a widget to the Widget Area, it will appear.




Step 4: How to edit the Widgets' sidebars content


You can edit easily preview and modify each page's sidebars as well as the footer widgets areas. Simply open the page, next open the Customizer, select Widgets, and click on the pencil icon to edit the widget you wish: