Боковая панель WordPress

Боковая панель WordPress

 

 

Большинство простых WordPress шаблонов  темы обычно используют одну боковую панель. Но, в соответствии с открытой архитектурой WordPress ", вы можете легко добавить вторую (три или четыре) боковую панель с темой вашего сайта. И, вы не ограничены в использовании боковой панели, вы можете поставить в новую боковую панель заголовок, колонтитул, или любую другую область.

Аналогичным образом, вы также можете удалить боковое меню в WordPress.

 Дополнительные боковые панели позволяют поместить любой виджет (например, последние сообщения, страницы, ссылки / Blogroll, календарь, Облако тегов, а также любые пользовательские виджеты).

Этот метод особенно эффективен в сочетании с пользовательскими шаблонами WordPress, дополнительные боковые панели, мы можем создавать сами, основываясь на пользовательские шаблоны WordPress. Именно этот подход мы сейчас будем использовать.

Создаем боковое меню WordPress

У нас есть пользовательская начальная страница в нашем шаблоне, где мы хотим включить дополнительное боковое меню, которое также бы одинаково функционировало как существующее. Это надежный призыв к действию  для посетителей сайта у которых в основу заложены инфопродукты, и сайт наполнен огромным количеством информации, которую нужно вывести на передний план! Это не является списком категории, которая больше подходит для читателей блога, но можно сделать и для этого.

На рисунке-1 ниже показана «Боковая панель» по умолчанию из нашего простого шаблона, которой нам кажется, мало и мы решаем добавить вторую боковую панель под названием "Домашняя страница — Боковая панель".

Боковая панель WordPress

Давайте сначала расширим нашу страницу  до 1150px (К примеру), мы будем использовать следующие шаги, чтобы добавить нашу боковую панель:

1-Мы собираемся зарегистрировать  нашу боковую панель в шаблоне, сделав запись в файле functions.php.

2-Мы собираемся создать отдельные, пользовательские боковой панели файл под названием sidebar-homepage.php .

3-Мы будем включать  ссылки на наш пользовательский интерфейс sidebar-homepage.php  файл в нашем шаблоне пользовательской страницы.

С помощью этих трех шагов, мы будем иметь две боковые панели, которые одинаково хорошо будут отображаться на нашей пользовательской странице сайта. С помощью этой же техники, мы могли бы создать дополнительные области боковой панели, все шаги будут одинаковыми.

Шаг 1:

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

Первый шаг: мы начинаем регистрацию нашей боковой панели, выбрав «Редактор — functions.php  файл». 99% всех шаблонов WordPress тем имеют functions.php  файл. Если в вашей теме такого нет, тогда просто создадим данный файл, в текстовом редакторе используя (как Notepad ++ или TextMate они одинаково хороши).

Если вы не знаете, как найти файлы темы, вы найдете их на вашем веб — хостинга в следующем каталоге: http://Ваш_сайт.com/wp-content/themes/Ваша_тема/. Используя FTP – клиент или же зайдя в свой аккаунт хостинга.

Нужно найти в файле запись "register_sidebar", которая находится  после <?php, в файле «functions.php». Данный код "По умолчанию", боковой панели выглядит таким образом.

if ( function_exists('register_sidebar') ) {

register_sidebar(array(

'before_widget' => '<li id="%1$s" class="widget %2$s">',

'after_widget' => '</li>',

'before_title' => '<h2 class="widgettitle">',

'after_title' => '</h2>',

));

}

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

if ( function_exists('register_sidebar') ) {

register_sidebar(array(

'name' => 'Homepage Sidebar',

'id' => 'homepage-sidebar',

'description' => 'Appears as the sidebar on the custom homepage',

'before_widget' => '<div style="height: 280px"></div><li id="%1$s" class="widget %2$s">',

'after_widget' => '</li>',

'before_title' => '<h2 class="widgettitle">',

'after_title' => '</h2>',

));

}

Вторая боковая панель готова!

Но хочу сказать сразу, чтобы вы не мучились, если у вас зарегистрирована панель и она одна, то просто внимательно посмотрите на ваш код вот в этом месте: register_sidebars(1, array), если у вас стоит 1-единица, просто исправьте ее на двоечку-2 и все, панель готова, как показано на рисунке ниже.

И так, что же нам предстоит сделать далее?

После того как мы зарегистрировали нашу новую боковую панель в шаблоне WordPress, " то есть добавили второй информационный блок, который и называется «область боковой панели». Имя боковой панели, как мы уже говорили «Homepage Sidebar» т.е. «Домашняя страница»

Идентификатор боковой панели: (мы будем ссылаться на это ID позже) является "Домашняя страница или боковая панель"; Теперь вы можете добавлять "колонтитул к боковой панели", это уже на ваше усмотрение, как это сделать смотрите связанную статью "Боковая панель"

Мы добавили виджет "отображающееся в виде боковой панели на пользовательской странице", которое будет отображаться только под названием «Боковая панель».

Если вы сейчас загрузите свой новый functions.php файл в вашу тему WordPress, а точнее в тему (название вашего шаблона), то вы должны увидеть новую боковую панель управления, которая имеет внешний вид,  виджета.

Это должно выглядеть как на следующем рисунке. Мы уже добавили текстовый виджет с названием "Домашняя страница" на нашу страницу, но у вас он будет пустым, когда вы его откроете в первый раз. Почему так? Да потому, что мы лишь установили виджет, но ни чего не сделали, чтобы он функционировал. Для того чтобы все работало, перейдем ко второму шагу, нашей задачи!

Боковая панель WordPress

Если вы уже видите вашу новую боковую панель в области виджетов вашего WordPress Dashboard, то тогда переходим к следующему шагу.

Шаг 2: Создание дополнительной боковой панели File.

В теме WordPress по умолчанию используется файл под названием sidebar.php,  чтобы отобразить боковую панель на страницах и постах. Наша цель состоит в следующем: мы сделаем это с отдельным файлом под названием sidebar -homepage.php .

Опять же, мы открываем наш текстовый редактор, чтобы создать новый файл с именем “sidebar-homepage” и вставим в него следующий код с ID для нашей боковой панели в "dynamic_sidebar ()" заявляя таким образом: Давай работай блин!

 

<div id="sidebar">

<ul>

<?php

if ( !function_exists('dynamic_sidebar') || !dynamic_sidebar('homepage-sidebar') ) :

endif; ?>

</ul>

</div>

 

Теперь, мы должны отметить, что наш пример файла боковой панели существенно упрощается. Большинство файлов боковой панели имеют большие кода, этот дополнительный код, отображает основную навигацию, в боковой панели не имея ни каких больших кодов, для этого мы и упрощаем наши действия.

В качестве альтернативы, вы можете просто скопировать sidebar.php  файл и переименовать его, только не забудьте включить в боковую панель идентификатор в декларации dynamic_sidebar (показаны красным цветом в примере кода выше). Этот идентификатор выводит панель (которую мы зарегистрировали в шаге 1) для отображения.

Шаг 3: Вызываем Дополнительную боковую панель для вашей темы.

Мы почти у цели. Теперь все, что нам нужно сделать, это установить в наш новый файл боковой панели, sidebar-homepage.php, имейте в виду, что наше имя файла должно сопровождаться «имя_______ PHP».

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

Функция в WordPress, что вызывает боковую панель, является get_sidebar () .

Когда get_sidebar ()  используется без информации в круглых скобках, WordPress захватывает по умолчанию sidebar.php  файл.

Но мы хотим, захватить наш файл sidebar-homepage.php, поэтому мы поместили "домашнюю страницу" в одинарные кавычки внутри get_sidebar, т.е. в круглые  скобки. Это говорит теме WordPress , что нужно захватить файл под названием sidebar- домашнюю страницу .php  . Код, который мы хотим вставить, в нашем файле шаблона выглядит, следующим образом:

<?php get_sidebar('homepage'); ?>

Если вы все сделали правильно, вы можете перетащить виджеты из панели управления WordPress в вашу новую боковую панель, и вы увидите, как виджеты отображаются на вашем сайте.

Комментарии запрещены.