If this tutorial is not what you were looking for, you still have any questions, suggestions or concerns - feel free to let us know. Please help us to serve you better!

Your Name

Your Email

Your Message (required)

captcha

Featured templates

CherryFramework3. How to add sidebar to Home page

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

CherryFramework3. How to add sidebar to Home page

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:

    how_to_add_sidebar_to_the_home_page

  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:

    how_to_add_sidebar_to_the_home_page1

    • 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:

      how_to_add_sidebar_to_the_home_page2

  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:

CherryFramework3. How to add sidebar to Home page