Как добавить сайдбар в шаблон
Наверняка многие из вас видели в сайдбаре разных блогов помимо стандартных блоков (архив, категории) ещё и разнообразные “приблуды” (например блок подписки на моём сайте). И вам захотелось себе на сайт что ни будь похожее, но вот ведь фигня, в вашем шаблоне только 2 сайдбара, а вам нужен третий, да ещё и другого размера. Ну что ж, придётся как всегда всё делать самим.
1) Создаём файл сайдбара
Заходим на сервер в папку с нашим шаблоном и копируем файл Sidebar.php (Sidebar1.php, Sidebar2.php, l_ sidebar.php, какой найдёте) и называем его Sidebar3.php и помещаем в ту же папку.
2) Редактируем список стилей
Теперь надо вписать наш сайдбар в список стилей. Открываем файл Style.css и ищем что-нибудь на подобие этого:
.art-contentLayout .art-content-sidebar1
{
position: relative;
margin: 0;
padding: 0;
border: 0;
float: left;
overflow: hidden;
width: 810px;
}
.art-contentLayout .art-content-sidebar2
{
position: relative;
margin: 0;
padding: 0;
border: 0;
float: left;
overflow: hidden;
width: 790px;
}
Код может отличаться от этого, главное чтобы в нём присутствовала строчка sidebar (если у вас есть файл Sidebar2.php то в коде вы должны искать строку Sidebar2, если у вас есть файл r_ sidebar.php то соответственно ищите строку r_ sidebar.php и т.д.).
Теперь приводим код примерно к такому виду:
.art-contentLayout .art-content-sidebar1
{
position: relative;
margin: 0;
padding: 0;
border: 0;
float: left;
overflow: hidden;
width: 810px;
}
.art-contentLayout .art-content-sidebar2
{
position: relative;
margin: 0;
padding: 0;
border: 0;
float: left;
overflow: hidden;
width: 790px;
}
.art-contentLayout .art-content-sidebar3
{
position: relative;
margin: 0;
padding: 0;
border: 0;
float: left;
overflow: hidden;
width: 1600px;
}
Самое главное для нас здесь, это параметр “width:” который показывает ширину блока.
3) Редактируем шаблон
Продолжаем добавлять наш файл Sidebar3.php в шаблон. Нам необходимо чтобы наш сайдбар отображался как на главной странице, так и в архивах, категориях и ещё много где. Для этого открываем файлы: archives.php, archive.php, single.php, index.php, search.php, 404.php, page.php. И ищем там что нибудь похожее на:
<?php include (TEMPLATEPATH . ‘/sidebar1.php’); ?><?php include (TEMPLATEPATH . ‘/sidebar2.php’); ?>
Эти параметры вызывают сайдбары, добавим к ним ещё один.
<?php include (TEMPLATEPATH . ‘/sidebar1.php’); ?><?php include (TEMPLATEPATH . ‘/sidebar2.php’); ?><?php include (TEMPLATEPATH . ‘/sidebar3.php’); ?>
Если новый сайдбар должен находится выше остальных, то тогда строчку “<!–p include (TEMPLATEPATH . ‘/sidebar3.php’);–>” нужно добавлять перед остальными, то есть:
<?php include (TEMPLATEPATH . ‘/sidebar3.php’); ?> <?php include (TEMPLATEPATH . ‘/sidebar1.php’); ?> <?php include (TEMPLATEPATH . ‘/sidebar2.php’); ?>
4) Редактируем файл сайдбара
Открываем файл Sidebar3.php, пока он является полной копией того файла который мы скопировали и переименовали. Добавляем в код любую строчку наподобие этой “<a href=”#”><img src=”<?php bloginfo(‘template_url’)?>/images/!img01.gif” width=”125″ height=”125″ alt=”" /></a>” (должен появиться пустой квадрат) что бы хоть как-то отличить его от исходного файла.
5) Активируем возможность добавления виджетов
Теперь активируем возможность добавлять виджеты в наш новоиспечённый сайдбар. Открываем файл Function.php и ищем строку:
if (function_exists(‘register_sidebars’)) {
register_sidebars(2, array(
и меняем цифру 2 на 3 (число сайдбаров).
6) Проверяем работоспособность
Обновляем блог и смотрим, если наш сайдбар корректно отображается, то можно радоваться и придавать ему нужный вид и функциональность, если нет, то возвращаемся в начало статьи и вдумчиво читаем.
Я не гарантирую что с вашим шаблоном будет всё точно так же. Но общие принципы будут практически те же, поэтому подключаем мозг и используем метод научного тыка.
Постовой.
SEO блог снова в строю, и готов к новым высотам.
Comments
Шаблон WordPress Artistic
Демонстрация >>
Скачать >>
Версия: 1.1
Автор: diamonds designers
Сайт: diamondsdesigners.com
