Как использовать виджеты для блога на WordPress

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

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

Содержание

• Как установить виджеты на Вордпресс-блог?
• Обзор основных опций
• Какие есть плагины для добавления виджетов?
• Как сделать дополнительный блок виджетов в шаблоне?

Как добавить виджеты на WordPress-блог?

Приступим к рассмотрению виджетов для Вордпресс, которые уже есть в установленном нами шаблоне. В зависимости от версии и вида темы, их количество и названия могут отличаться. Также в каждом шаблоне предусмотрены свои области для добавления виджетов: футер или боковые панели.

Вот доступные виджеты темы Twenty Thirteen (Консоль – Внешний вид – Виджеты):

Сбоку, как видите, чтобы добавить WordPress-виджеты предусмотрены две области: основная (в нижней части сайта – футер) и дополнительная (боковая колонка).

Соответственно, нужно перетащить понравившуюся вам опцию в основную или дополнительную область.

Вот так выглядит блог перед добавлением виджетов:

Нет ничего ни в сайдбаре, ни в футере.

Теперь, для примера, перенесем несколько виджетов в одну и в другую панель:

Для каждой опции введите заголовок, который будет отображаться на сайте и, где возможно, внесите свои настройки (например, поставить галочку «Отображать дату записи» в «Свежие записи»).  После внесения изменений нажмите «Сохранить» под каждым окном функции.

Посмотрим, как изменился наш блог с виджетами:

Справа появился календарь и облако меток, и в подвале сайта 3 добавленные нами опции.

Мы разобрались с тем, как добавить виджеты на WordPress-блог, теперь рассмотрим каждую из этих функций подробнее.

Функции шаблонных виджетов Вордпресс

После того как вы выбрали шаблон и установили его, вам станут доступны такие WordPress-виджеты:

• RSS – выводит записи любой, выбранной вами RSS-ленты.

  Для этого, вам нужно ввести ее адрес. На примере ниже в настройке виджета RSS введен url ленты новостей Яндекса. Справа показано, как эта опция отображается на сайте.

   

• Архивы – отображает архивы записей вашего блога по месяцам.

   

• Календарь служит не только для ориентирования в днях недели, на нем также будут отмечаться даты, в которые вы опубликовали свои записи.

  

• Блок «Мета» содержит ссылки на вход/выход из админки, на RSS-ленту сайта, на официальный ресурс wordpress.org. Читайте как настроить rss ленту на сайте.

  

• Облако меток – отображает в произвольном визуальном представлении метки и рубрики блога. Чем более популярна та или иная рубрика или метка, тем заметнее она будет в облаке.
• Поиск – это встроенный в шаблон WordPress-виджет для поиска по сайту. Поэтому если вы добавляете свою форму поиска на блога, то этот виджет не добавляйте в отображение.

  

• Виджет «Произвольное меню» для WordPress – добавляет в боковую панель блога, созданное вами меню в разделе «Внешний вид» — «Меню».
• «Рубрики» – отображает все созданные вами рубрики.

   

• «Свежие записи» и «Свежие комментарии» соответственно выводят заголовки последних записей и комментариев на блоге. Вы можете установить их количество в настройках. О том, как вывести последние записи WordPress читайте в отдельной статье.

  

• WordPress-виджет «Страницы» – выводит перечень всех страниц блога. Их можно упорядочить по заголовку, по порядку или по ID. Также часть из них можно исключить, указав ID этих страниц.

  Для того чтобы определить ID страницы, выберите в разделе админки «Страницы», выберите страницу из списка и посмотрите ID в постоянной ссылке, или в урле браузера. В примере ниже значение ID – 2. Об этом я уже рассказывала в статье про то, как исключить записи из RSS ленты блога

  

• Виджет «Текст» в WordPress шаблоне позволяет добавить на блог любую информацию, изображения с помощью html-кода, либо простой текст.

Т.е., к примеру, вам нужно в сайдбаре разместить блок подписки или счетчика. Вы можете их вывести, добавив в настройках виджета «Текст» html-коды данных элементов.

Вот, например, код счетчика Рамблер:

И вот он отображен в сайдбаре:

По тому же принципу можно добавить другой счетчик, например LiveInternet или любой другой элемент.

Некоторые плагины виджетов WordPress

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

Ряд WordPress-плагинов для виджетов и варианты их добавления с помощью кода мы уже рассматривали.

Вспомним некоторые из них.

• Например, Quick Chat – создает быстрый и простой чат для общения.
• Image Banner Widget – добавляет рекламный баннер в сайдбар с возможностью выбора рубрик.
• Advanced Most Recent Posts – выводит в сайдбаре заголовки последних записей с миниатюрой.
• Виджеты Вконтакте для WordPress. Чтобы добавить дополнительные опции социальной сети Вконтакте на свой блог, нужно внедрять в файлы шаблона сгенерированные сервисом коды.
• Related Posts – выводит похожие записи.
• А вот статья про хлебные крошки с плагином Breadcrumb NavXT или с внесением кода.

И это далеко не полный перечень возможных виджетов, которые можно установить на свой блог.

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

Как добавить новый блок виджетов?

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

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

if ( function_exists('register_sidebar') )
    register_sidebar(array(
        'name' => 'Дополнительный блок',
        'before_widget' => '',
        'after_widget' => '',
        'before_title' => '<div class="title">',
        'after_title' => '</div>',
    ));

Таким образом, вы добавили функцию, которая должна вывести новый блок. Заходите в раздел админки «Внешний вид» — «Виджеты», там должна появиться новая область под названием «Дополнительный блок».

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

<div class="new-sidebar">
<?php if ( !function_exists('dynamic_sidebar') || !dynamic_sidebar("Дополнительный блок") ) : ?>
<?php endif; ?>
</div>

Теперь можно добавлять WordPress-виджеты в новую область. На видео ниже, показано как добавить дополнительную область с помощью плагина.

Удачи!

P.S. Наслушавшись рассказов своих знакомых-сыроедов о том, как они излечились ото всех болезней благодаря этой диете, я решила тоже попробовать. Теперь мой холодильник забит овощами и фруктами, а на окне постоянно что-то проращивается, замачивается и даже начинает расти зелень. Если у вас есть подобный опыт, прошу поделиться в комментариях!