Приветствую Вас Гость | RSS

РАБОТА И УЧЕБА

Суббота, 27.05.2017, 18:32
Главная » Статьи » создание своего сайта » уроки HTML

WordPress -Как сделать боковую панель в сообщениях и страницах

Сегодняшняя статья посвящена очень популярному движку для сайтов или блогов WordPress.

WordPress -Как сделать боковую панель в сообщениях и страницах

Я всегда любил использовать WordPress для своих блогов. Он простой в работе, хорошо структурирован и содержит интуитивно понятную панель администратора. Раньше по умолчанию WordPress включал шаблон под названием Кубрик, который содержит простой для использования базовый дизайн. Сейчас предлагается Twenty Eleven, но не в этом суть. По разным причинам я использую до сих пор Кубрик.

И у меня всегда возникало желание сделать несколько изменений здесь и там, т.е доработать его напильником :).  Была необходимость улучшения функциональности самого шаблона.

Одной из таковых, в частности, необходимо изменение в боковой панеле. На мой взгляд, сама боковая панель должна быть доступна не только с главной страницы, но и на странице самого поста. Для того, что бы посетитель мог перемещаться по сайту более комфортно, тем самым улучшить поведенческий фактор самого ресурса.

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

Примечание: Вы также можете использовать этот код для своей страницы ошибок 404.php.

Все до безобразия просто:

  1. Входим в панель администратора.
  2. Перейдите на вкладку Конструктор в меню навигации.
  3. Выберите вкладку Theme Editor от подменю управления.
  4. Теперь выберите тему WordPress по умолчанию в окне редактора тема из выпадающего меню под тем для редактирования.
  5. Найти и выбрать single post (single.php). Теперь вы должны увидеть файл single.php доступный для редактирования
  6. В верхней части файла, найти, строку:

    <div id="content" class="widecolumn">

  7. Изменяем widecolumn на narrowcolumn теперь код будет выглядеть следующим образом:

    <div id="content" class="narrowcolumn">

  8. Затем прокручиваем дальше до нижней части файла и находим строку:

    <?php get_footer(); ?>

  9. Прямо над ней добавляем следующее:

    <?php get_sidebar(); ?>

  10. Последние строки single.php файла должны выглядеть следующим образом:

    <?php get_sidebar(); ?>

    <?php get_footer(); ?>

  11. После того, как внесены все изменения, просто нажмите кнопку файла обновления. И идем любоваться результатом. Теперь у вас появилось боковое меню на всех страницах сообщений.

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

Где заработать в интернете честно читаем здесь.

Категория: уроки HTML | Добавил: elektra28s (26.04.2014)
Просмотров: 583
| Теги: WordPress -Как сделать боковую пане | Рейтинг: 0.0/0
Всего комментариев: 0
Добавлять комментарии могут только зарегистрированные пользователи.
[ Регистрация | Вход ]