CherryFramework3. How to add sidebar to Home page

This tutorial will show you how to add sidebar to Home page in CherryFramework3 templates.

In order to add a sidebar to your static home page, please follow the steps below:

1. Log into your WordPress admin panel.

2. Navigate to Appearance -> Editor tab.

3. In the list of PHP files located on your right, find the one saying “Home Page Template (home-page.php)”.

4. The code is supposed to look this way:

   

5. You can also find this code in the wp-content/themes/themeXXXX/page-home.php file using you FTP/cPanel.

6. Once the file is opened, please copy the following PHP snippet:

   <div class="<?php echo cherry_get_layout_class( 'sidebar', 'span4' ); ?> sidebar" id="sidebar" data-motopress-type="static-sidebar" data-motopress-sidebar- file="sidebar.php">
   <?php get_sidebar(); ?> </div>

7. The code should be added after the closing div tag of the Home Page layout declaration:

   

   • The grid system divides the page into 12 columns, so to make the sidebar appear correctly, you will need to allow some space for it.

   • In the above PHP declaration, you will find span12 class implying the page content occupies all of the available space. It needs to be changed to span8 to allow the remaining 4 columns for the sidebar on the right. See the screenshot below:

     

8. Update the file and refresh your page. The sidebar should now appear below the slider.

9. Now you can proceed adding widgets to the newly-created sidebar. See the following tutorial on how to manage widgets in Cherry Framework 3 based templates: WordPress. Cherry 3.x. Widgets overview.

Feel free to check the detailed video tutorial below: