Добавляем сайдбары в футер сайта в WordPress шаблоне


2012-11-20

Юрий Макаров

Часто у меня бывает такое, что проделав некоторые работы с сайтом, через время забываешь как ты это делал. Вот, например, стояла несколько раз типовая задача по размещению виджетов в футер сайта созданного на базе шаблона WordPress. Теперь, что не забывать - решил опубликовывать такие мелкие, но полезные фишки у себя на блоге. Еще недавно мой блог был без виджетов в футере сайта, а теперь с ними (Рисунок 1).

Размещение виджетов в футере сайта seowind.ru  на WordPress

Рисунок 1

Как видите я вставил в футер 3 равномерно расположенных виджета. Хотите Вы такое сделать? Нет проблем. Но предупреждаю, что, возможно, получиться так сделать не у всех. Всё-таки у всех разные шаблоны и возможны различные конфликты, ну и без знаний HTML и CSS тут не обойтись.

Последовательность действий по вставке 3 виджетов в футер сайта

Открываем файл functions.php, который лежит в корневой папке Вашей темы (можно через встроенный редактор WordPress) и вставляем после

function remheadlink()

{

remove_action('wp_head', 'rsd_link');

remove_action('wp_head', 'wlwmanifest_link');

remove_action('wp_head', 'wp_generator');

remove_action( 'wp_head', 'wp_shortlink_wp_head');

remove_action( 'wp_head', 'adjacent_posts_rel_link_wp_head');

remove_action( 'wp_head', 'feed_links_extra', 3);

}

следующий код:

if (function_exists('register_sidebars')) register_sidebars(3);

где цифра 3 - это количество добавляемых сайдбаров. Сохраняем и заходим в "Внешний вид" - "Виджеты" в адмике ВордПресс. Проверяем, чтобы эти 3 сайдбара были добавлены.

Дальше создаем по очереди в текстовом редакторе 3 файла с расширением PHP:

Имя первого файла - "sidebar_footer1.php". В него мы помещаем код:

<div class="sidebar1">

<?php if ( function_exists('dynamic_sidebar') && dynamic_sidebar(1) ) : else : ?>

<?php endif; ?>

</div>

Имя второго файла - "sidebar_footer2.php". В него мы помещаем код:

<div class="sidebar2">

<?php if ( function_exists('dynamic_sidebar') && dynamic_sidebar(2) ) : else : ?>

<?php endif; ?>

</div>

Имя 3 файла - "sidebar_footer3.php". И он будет со следующим кодом:

<div class="sidebar3">

<?php if ( function_exists('dynamic_sidebar') && dynamic_sidebar(3) ) : else : ?>

<?php endif; ?>

</div>

Это и есть наши сайдбары!

Завершающий этап это подключение 3 созданных выше файлов в footer.php (можно через встроенный редактор WordPress). Подключение производится следующим образом:

<?php include (TEMPLATEPATH . "/sidebar_footer1.php"); ?>

<?php include (TEMPLATEPATH . "/sidebar_footer2.php"); ?>

<?php include (TEMPLATEPATH . "/sidebar_footer3.php"); ?>

 

Дальше чисто технический момент связанный с описанием классов sidebar1, sidebar2, sidebar3 в CSS. Эта работа у всех может проводится по-разному в зависимости от используемого шаблона. В любом случае Вы можете посмотреть как прописаны классы на моем сайте. Успехов!

Добавить комментарий

Ваш e-mail не будет опубликован. Обязательные поля помечены *