CherryFramework3. Как добавить боковую панель на Домашнюю страницу

Из этого туториала Вы узнаете, как добавить боковую панель на Домашнюю страницу в шаблонах CherryFramework3.

Для того чтобы добавить боковую панель на вашу статическую Домашнюю страницу, следуйте таким инструкциям:

1. Войдите в вашу админ панель WordPress.

2. Перейдите на вкладку Внешний вид -> Редактор (Appearance -> Editor).

3. В списке файлов PHP справа, найдите тот, который называется «Home Page Template (home-page.php)».

4. Код должен выглядеть следующим образом:

   

5. Вы можете также найти этот код в файле wp-content/themes/themeXXXX/page-home.php, используя FTP/Панель управления хостингом.

6. Открыв этот файл, скопируйте следующий фрагмент PHP:

   <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. Это код нужно добавить после закрывающего тега div в Заявление макета Домашней страницы (Home Page layout declaration):

   

   • Система сетки разделяет страницу на 12 колонок. Для того чтобы боковая панель отображалась правильно, добавьте для неё какое-то место.

   • В коде PHP выше, вы найдёте класс span12, так как содержимое страницы занимает по умолчанию всё доступное место страницы. Этот класс нужно изменить на span8, для того чтобы оставить 4 колонки для боковой панели справа. Обратите внимание на рисунок ниже:

     

8. Сохраните изменения в файле и обновите вашу страницу. Боковая панель теперь будет отображаться под слайдером.

9. Теперь Вы можете добавить виджеты в боковую панель. Ознакомьтесь с туториалом, который покажет, как работать с виджетами в шаблонах с Cherry Framework 3: WordPress. Cherry 3.x. Обзор виджетов.

Вы можете также ознакомиться с детальным видео-туториалом ниже: