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

Новые шаблоны

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

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

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

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

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

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

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

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

    how_to_add_sidebar_to_the_home_page

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

    how_to_add_sidebar_to_the_home_page1

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

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

      how_to_add_sidebar_to_the_home_page2

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

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

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

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