Как добавить виджет wordpress? 30.05.2013

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

Т.е. добавлять вывод рубрик, опросов, меню блога, вывод популярности статей, календаря и т.д. Тема — как добавить виджет wordpress и делается это просто. Вообще виджеты можно выводить в любое место блога, но обо всем по порядку.

Изначально в большинстве стандартных тем виджеты можно выводить только в сайтбарах. Для того чтобы понять как добавить виджет wordpress идем в админку и вкладка Внешний вид/виджеты.

И попадаем на страницу, где доступны для добавления все виждеты. Просто выбираем нужный и перетаскиваем его в колонку которая находится справа:

У меня эта правая колонка называется — sidebar. У вас она может называться по другому. И она может быть не одна а несколько. Зависит от вашей темы.  Собственно это все действия по теме — как добавить виджет wordpress.

Если вы разбираетесь в css и немного в коде движка wordpress, то читайте дальше. Сейчас мы разберем как выводить виджеты в любом месте своего блога.

Для этого нам нужно сначала добавить в админку wordpress такое же дополнительное поле как — sidebar и потом вывести его в нужном месте блога. Поехали.

Чтобы добавить дополнительное поле для вывода виджетов, необходимо отрыть notepad++ и добавить в файл functions.php который находится по адресу /public_html/wp-content/themes/папка_с_темой_вашего_блога/functions.php следующий код:

if (function_exists ('register_sidebar'))
register_sidebar (array ('name' => 'Доп. поле')); // регистрируем дополнительное поле для вывода виджетов

И сохраняем документ. После чего у нас появляется это самое дополнительное поле в админке:

Теперь мы туда тоже можем перетаскивать те дополнения которые нам нужны. Но они у нас ни где на сайте отображаться не будут. Поэтому нам надо сделать их вывод в нужном месте сайта. Например, захотим мы выводить их в подвале. Значит идем в файл footer.php который находится по адресу - /public_html/wp-content/themes/папка_с_темой_вашего_блога/footer.php и добавляем в него следующее:

<?php if ( !function_exists ('dynamic_sidebar')
|| !dynamic_sidebar ('Доп. поле') ) { ?> <?php } ?>

Добавить этот код нужно между <div class="footer"> и </div> собственно все, встать визуально конечно может не все ровно, но это дело техники. Кликаем правой кнопкой мыши в браузере, открываем исходный код нашей страницы, смотрим какие стили сгенерировались при выводе виждета, идем в файл style.css, добавляем эти стили и задаем для них нужные нам параметры.

Повторюсь, эта информация для тех кто разбирается в css, если вы не знаете что это такое, то это для вас всего лишь непонятные слова...

Ну вот и все, объяснил как мог. Если что осталось не понятно, задавайте вопросы в комментариях! Подписывайтесь на обновления блога и получайте новые статьи к себе на e-mail. Спасибо за внимание!

До встречи на Sayt-Stroy.com

Метки: , ,

Оставь свой первый комментарий и получи книгу в подарок!

Данная книга расскажет о всех секретах правильного и полноценного продвижения интернет проектов.

Именно с нее следует начать изучение SEO.

WordPress

7 комментариев на «Как добавить виджет wordpress?»

  1. Ман:

    полезная тема, как раз искал)

  2. динис:

    збс все получилось

  3. радмир:

    а есть уроки по настройке размеров для фреймов?

  4. Спасибо. Пробовал несколько вариантов установки виджитов. Ваш вариант лучший. Коротко и ясно

  5. Статья крутая (давно с вп работаю, а про то как виджеты в другом месте вставлять я не знал...). Но мне очень интересно стало, как вы сделали комментирование с вк и блога?Может вы пост писали или напишите? Подписался на комменты, жду ответ. Можно на мыло. Спасибо!

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

ВКонтакте