кнопка наверх

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

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

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

Содержание

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

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

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

доступные виджеты

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

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

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

до добавления виджетов

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

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

добавили

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

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

блог с виджетами

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

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

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

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

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

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

     RSS-лента

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

     •	Архивы

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

    •	Календарь

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

    Мета

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

    Поиск

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

     виджет Рубрики для вордпресс

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

    Свежие записи

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

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

    определить ID страницы

  • Виджет «Текст» в 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. Наслушавшись рассказов своих знакомых-сыроедов о том, как они излечились ото всех болезней благодаря этой диете, я решила тоже попробовать. Теперь мой холодильник забит овощами и фруктами, а на окне постоянно что-то проращивается, замачивается и даже начинает расти зелень. Если у вас есть подобный опыт, прошу поделиться в комментариях!


1 звезда2 звезды3 звезды4 звезды5 звезд (3 оценок, среднее: 4,33 из 5)
Загрузка...
like
Понравилось?
Подпишитесь на блог и получайте новые статьи!
Добавляйтесь в соц. сетях:
  1. Максим:

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

    Ответить
    • Анна:

      Да, это исправляется в коде файлов шаблона.

      Ответить
  2. Максим:

    Можете подсказать как?

    Ответить
    • Анна:

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

      Ответить
  3. Kola Dobr:

    Год был на сыроедении! Сейчас питаюсь как обычно)

    Ответить
    • Анна:

      Здорово! Какие плюсы и минусы сыроедения для себя отметили?

      Ответить
      • Kola Dobr:

        Плюсы- здоровье.

        Минусы — постоянно хочется есть! )) Еще минус — дорого!

        Жена была 1.5 года на сыроедении

        Мама у меня тоже была 8 мес.

        Сейчас все питаемся как обычно. Но стремимся приблизиться к сыроедению. В идеале надо ехать в Тайланд жить!)

        Ответить
        • Анна:

          Здорово, прям семья сыроедов) От каких болезней удалось избавиться?

          Ответить
          • Kola Dobr:

            Ага)

            Пишите в скайп koladobr. Отвечу на все вопросы по сыроедству!)

            Ответить
  4. Игорь:

    Прекрасная инструкция!ВСЕ срослось! Добавил в область 3 вижета,они получились столбиком,как сделать горизонтально?

    Ответить
  5. Дмитрий:

    Добрый день всем!

    Я работал с разными CMS: Joomla, Modx, Webasyst, немного с WordPress.

    И в MODx и Webasyst структура страницы может строится с помощью блоков (только в MODx это называются чанки или сниппеты).

    Разберем на примере Webasyst. Есть шаблон состоит из шапки (header), центральной части (content) и подвала (footer).

    А также есть раздел где формируются сами страницы (т.е. центральная часть).

    И большим плюсом есть еще БЛОКИ, которые хранятся, редактируются отдельно от страниц, и вставлять их можно всего лишь одной командой, в любое место страницы, не ограниченно кол-во блоков, на любое кол-во страниц.

    +Если меняешь содержимое блока, т. е. один раз, не нужно менять этот код на всех страницах где он используется, меняется содержимое на всех страницах, где он вставлен.

    P.S. по поводу колонок на сайте. Эту же страницу разделяешь на определенное кол-во колонок, и на каждой странице можешь редактировать нужно ли тебе на данной страницеколокнка (сайдбар) или нет. Что очень удобно.

    Вопрос: Можно ли что то подобное реализовать на WordPress ???

    Т.е. хотя бы реализацию блоков внутри контента. Которые редактируются один раз и используются на многих страницах.

    Либо мы снова ограничены рамками?

    — если есть сайдбар, то он будет везде.

    — если нужно будет исправить одинаковый блок на нескольких страницах, нужно исправлять несколько раз на всех страницах.

    — виджеты можно поместить только в сайдбар либо футер, но не в сам контент.

    Вот чего еще по моему мнению нужно срочно изменить в WP,

    Ответить
  6. Сергей:

    Добрый день,

    может немного не по теме,

    Подскажите, где редактируется отображение виджета ... Его поведение на странице. Для примера, у меня установлена форма от getresponse в текстовом виджете в правом сайдбаре. Мне не нравится, что она отображается поверх всех окон. Это всплыло когда я открыл фотографию из галереи... форма перекрывает ее. Предполагаю что где то должен редактироваться z-index формы, но где это сделать не могу разобраться. Спасибо

    Я только начинаю разбираться с сайтостроением.

    Ответить
Ваш комментарий: