{"id":7894,"date":"2014-03-03T07:21:42","date_gmt":"2014-03-03T12:21:42","guid":{"rendered":"http:\/\/info.template-help.com\/?p=7894"},"modified":"2016-04-18T05:03:00","modified_gmt":"2016-04-18T09:03:00","slug":"how-to-add-widget-area","status":"publish","type":"post","link":"https:\/\/www.templatemonster.com\/help\/how-to-add-widget-area.html","title":{"rendered":"WordPress. How to add widget area"},"content":{"rendered":"

\r\n<\/p>\r\n

This tutorial is going to show how to add a new widget area to your WordPress Cherry Framework template.<\/p>\r\n

WordPress. How to add widget area<\/a><\/p>\r\n

    \r\n
  1. \r\n

    On your FTP, go to the wp-content\/themes\/CherryFramework<\/strong> folder.<\/p<\/li>\r\n

  2. \r\n

    Open functions.php<\/strong>.<\/p>\r\n<\/li>\r\n

  3. \r\n

    Hit Ctrl (Command) + F<\/strong>, search for the following lines:<\/p>\r\n<\/p>\r\n

    \r\n\/\/Sidebar\r\ninclude_once (CHILD_DIR . '\/includes\/sidebar-init.php');\r\n<\/pre>\r\n
    This line defines the $includes_path<\/strong> variable value:<\/p>\r\n
    $includes_path = TEMPLATEPATH . '\/includes\/'; <\/pre>\r\n
    And shows that the widgets are defined in the wp-content\/themes\/theme#####\/includes\/sidebar-init.php<\/strong> file<\/p>\r\n<\/li>\r\n
  4. \r\n
    Go to the wp-content\/themes\/theme#####\/includes <\/strong>folder and open sidebar-init.php<\/strong> to edit.<\/p>\r\n<\/li>\r\n
  5. \r\n
    Copy the following block of code:<\/p>\r\n
    \r\n\/\/ Footer Widget Area\r\n\/\/ Location: at the top of the footer\r\nregister_sidebar(array(\r\n   'name' => __("Footer Area", CURRENT_THEME),\r\n   'id' => 'footer-sidebar',\r\n   'description' => theme_locals("footer_desc"),\r\n   'before_widget' => '<div id="%1$s">',\r\n   'after_widget' => '<\/div>',\r\n   'before_title' => '<h4>',\r\n   'after_title' => '<\/h4>',\r\n));\r\n}\r\n<\/pre>\r\n
    and paste  it before the closing ‘}<\/strong>’ bracket of the elegance_widgets_init()<\/strong> function.<\/p>\r\n<\/li>\r\n
  6. \r\n
    Change the ‘name’<\/strong>, ‘id’<\/strong> and ‘description’<\/strong> values. Change  the comments:<\/p>\r\n
    \r\n\/\/ New Widget Area\r\n\/\/ Location: at the top of the gallery page\r\nregister_sidebar(array(\r\n   'name' => __("New Widget Area", CURRENT_THEME),\r\n   'id' => 'new-widget-area-sidebar',\r\n   'description' => __("New Widget Area", CURRENT_THEME),\r\n   'before_widget' => '<div id="%1$s">',\r\n   'after_widget' => '<\/div>',\r\n   'before_title' => '<h4>',\r\n   'after_title' => '<\/h4>',\r\n));\r\n}\r\n<\/pre>\r\n<\/li>\r\n
  7. \r\n
    Save the changes to the file. Now, if you go to the Appearance>Widgets<\/strong> menu  in your admin, the new widget area should be there. Go ahead and add a widget to that area.<\/strong><\/p>\r\n
    \"wordpress_cherry_new_widget_area_adding_1\"<\/a><\/p>\r\n<\/li>\r\n
  8. \r\n
    Now you can insert the widget area to any part of the template. Go back to the ‘wp-content\/themes\/<\/strong> CherryFramework<\/strong>‘ folder. You can insert the newly created widget area to any of the layout files.<\/p>\r\n<\/li>\r\n
  9. \r\n
    For instance, if you need to add the widget area to the “Gallery2” page (that uses “Filter Folio 2 cols” page template),  copy page-Portfolio2Cols-filterable.php<\/strong> from the wp-content\/themes\/CherryFramework <\/strong>folder.<\/p>\r\n<\/li>\r\n
  10. \r\n
    Paste it to the wp-content\/themes\/theme#####<\/strong>‘ folder and open it to edit. <\/strong><\/p>\r\n<\/li>\r\n
  11. \r\n
    Paste the following code to the required place to insert the widget area  (where ‘New Widget Area’<\/strong>\u00a0 is your widget  area name) and save the changes:<\/p>\r\n
    \r\n  <?php if (!dynamic_sidebar('New Widget Area')) :?> <?php endif;?>\r\n<\/pre>\r\n<\/li>\r\n
  12. \r\n
    If everything was done correctly, the new widget area will be available on the pages that use a page template you added it to.<\/p>\r\n
    \"wordpress_cherry_new_widget_area_adding_2\"<\/a><\/p>\r\n<\/li>\r\n<\/ol>\r\n
    Feel free to check the detailed video tutorial below:<\/p>\r\n
    WordPress. How to add widget area<\/a><\/p>\r\n<\/p>\r\n
    <\/p>","protected":false},"excerpt":{"rendered":"
    This tutorial is going to show how to add a new widget area to your WordPress Cherry Framework template.<\/p>\n","protected":false},"author":30,"featured_media":33459,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":[],"categories":[247,728],"tags":[1158,1175,1419,559,2405],"_links":{"self":[{"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/posts\/7894"}],"collection":[{"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/users\/30"}],"replies":[{"embeddable":true,"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/comments?post=7894"}],"version-history":[{"count":0,"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/posts\/7894\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/media\/33459"}],"wp:attachment":[{"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/media?parent=7894"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/categories?post=7894"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/tags?post=7894"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}