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:
Log into your WordPress admin panel.
Navigate to Appearance -> Editor tab.
In the list of PHP files located on your right, find the one saying “Home Page Template (home-page.php)”.
The code is supposed to look this way:
You can also find this code in the wp-content/themes/themeXXXX/page-home.php file using you FTP/cPanel.
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>
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:
Update the file and refresh your page. The sidebar should now appear below the slider.
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: