[contact-form-7 id="24085" title="Feedback RU"]

WordPress. Как добавить виджет область

В этом туториале показывается, как добавить виджет область в ваш шаблон WordPress, основанный на Cherry Framework.

WordPress. Как добавить виджет область

  1. На вашем FTP войдите в папку wp-content/themes/CherryFramework.

  2. Откройте functions.php.

  3. Нажав Ctrl (Command) + F, поищите следующие строки:

    //Sidebar
    include_once (CHILD_DIR . '/includes/sidebar-init.php');
    

    Эта строка определяет значение переменной $includes_path:

    $includes_path = TEMPLATEPATH . '/includes/'; 

    и показывает, что виджеты определены в файле wp-content/themes/theme#####/includes/sidebar-init.php

  4. Войдите в папку wp-content/themes/theme#####/includes и откройте sidebar-init.php для редактирования.

  5. Скопируйте блок кода внизу:

    // Footer Widget Area
    // Location: at the top of the footer
    register_sidebar(array(
       'name' => __("Footer Area", CURRENT_THEME),
       'id' => 'footer-sidebar',
       'description' => theme_locals("footer_desc"),
       'before_widget' => '<div id="%1$s">',
       'after_widget' => '</div>',
       'before_title' => '<h4>',
       'after_title' => '</h4>',
    ));
    }
    

    и вставьте его перед закрывающей скобкой ‘}’ функции elegance_widgets_init().

  6. Измените ‘name’ (имя), ‘id’(номер) и ‘description’ (описание). Измените комментарии:

    // New Widget Area
    // Location: at the top of the gallery page
    register_sidebar(array(
       'name' => __("New Widget Area", CURRENT_THEME),
       'id' => 'new-widget-area-sidebar',
       'description' => __("New Widget Area", CURRENT_THEME),
       'before_widget' => '<div id="%1$s">',
       'after_widget' => '</div>',
       'before_title' => '<h4>',
       'after_title' => '</h4>',
    ));
    }
    
  7. Сохраните изменения в файле. Сейчас, если вы перейдете в меню Appearance>Widgets (Внешний вид > Виджеты) в панели управления, вы увидите там новую виджет область. Можете добавить в нее какой-то виджет.

    wordpress_cherry_new_widget_area_adding_1

  8. Теперь вы можете добавить виджет-область в любую часть шаблона. Вернитесь в папку ‘wp-content/themes/ CherryFramework‘. Вы можете вставить только что созданную виджет область в любой из файлов разметки.

  9. Например, если вам нужно добавить эту виджет область на страницу “Gallery2” (которая использует шаблон страницы «Filter Folio 2 cols»), скопируйте файл page-Portfolio2Cols-filterable.php из папки wp-content/themes/CherryFramework.

  10. Вставьте его в папку wp-content/themes/theme#####‘ и откройте его для редактирования.

  11. Вставьте следующий код в нужное место, чтобы добавить виджет область (‘New Widget Area’ — название этой виджет-области), и сохраните изменения:

      <?php if (!dynamic_sidebar('New Widget Area')) :?> <?php endif;?>
    
  12. Если все было сделано правильно, новая виджет область будет доступна на всех страницах, использующих тот шаблон страницы, в который вы добавили виджет область.

    wordpress_cherry_new_widget_area_adding_2

Пожалуйста, ознакомьтесь с детальным видео туториалом ниже:

WordPress. Как добавить виджет область

  • Carl

    I’m having problems placing video’s in the Media Player Widget? All options in the library don’t work and can’t be seen?

    • Аноним

      Please contact our team using the ticket system, send them your order details and template number. Our techs will provide you with specific assistance