Настройка внешнего вида WordPress: как вставить виджеты на блоге

Приветствую вас, дорогие читатели! В сегодняшней статье я расскажу и покажу вам, как добавить функциональности вашему блогу на WordPress с помощью виджетов. Какие из них будут полезны для блога и его посетителей, а какие нет. Как виджеты могут разнообразить оформление – всё это мы сейчас подробно разберём.

На случай если вы вдруг пропустили, в предыдущих статьях по настройке внешнего вида шаблона на WordPress я рассказывал:

Что такое виджет на WordPress?

Если говорить обобщённо, то это небольшой элемент на блоге, выполняющий определённую функцию. Это может быть список последних статей или комментариев, рекламный баннер или произвольный текст.
Что такое виджет на WordPress

Виджеты позволяют владельцу блога тюнинговать его внешний вид, не залезая в HTML-код шаблона или движка. Добавлять небольшие, но полезные фишки и информеры.

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

Работать с виджетами на WordPress – добавлять, редактировать, перемещать и удалять – можно из раздела «Внешний вид → Виджеты» в админке.
Раздел для работы с виджетами на WordPress

В левой части страницы здесь отображаются все доступные для установки виджеты. Обратите внимание, что у вас список может отличаться. Тут всё зависит от вашего шаблона и плагинов – они нередко добавляют свои виджеты. Например, у меня, как видите, в списке присутствуют виджеты темы Hueman.

В правой части страницы отображаются доступные зоны для установки виджетов. Они опять-таки зависят от вашего шаблона и могут у вас отличаться от того, что показано на скриншоте.

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

Этот режим гораздо нагляднее, но (на мой субъективный взгляд) медленнее работает. Впрочем, смотрите сами, где вам комфортнее. Я покажу на примере обоих вариантов.

В админ-панели

Итак, чтобы добавить выбранный виджет на блог, просто нажмите на него мышью и, не отпуская кнопки, перетащите в нужную зону.
Как разместить виджет на сайте WordPress

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

Другой способ: кликните мышью на виджет, в появившемся меню выберите зону и нажмите «Добавить виджет».
Как добавить виджет на сайт WordPress

В любом случае виджет появится в указанной зоне справа и откроется для редактирования.
Как редактировать виджет на WordPress

Отредактируйте его, если нужно, и нажмите «Сохранить». Готово – виджет установлен!

Если вам позже понадобится внести изменения в виджет, то кликните по его панели в зоне справа. Это откроет окно редактирования. Здесь же можно удалить виджет.

В визуальном режиме

Тут вам надо действовать по-другому и сначала перейти в зону, куда вы хотите установить виджет.
Как разместить виджет в визуальном редакторе WordPress

Теперь жмите «Добавить виджет» внизу и выбирайте из появившегося списка.
Как добавить виджет в визуальном редакторе WordPress

Кликните по выбранному виджету, и он появится в зоне, доступный для редактирования. Как закончите работать с виджетом, нажимайте «Готово».
Как редактировать виджет в визуальном редакторе WordPress

Кстати, здесь тоже можно менять виджеты местами перетаскиванием мышью.

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

Какие виджеты есть на WordPress?

По умолчанию вместе с движком WordPress ставится довольно много виджетов. Но не все из них одинаково полезны. Есть среди виджетов не то чтобы вредные, просто «бессмысленные и беспощадные».

Итак, давайте разберёмся, какие виджеты пригодятся для вашего блога. Какие необязательны, но могут иногда помочь. А какие лучше вообще не ставить.

Советы блогерамВнимание: разделение виджетов «по полезности» субъективно и опирается лишь на опыт вашего покорного слуги. Возможно, вы найдёте «бесполезному» виджету какое-нибудь применение, которое я проглядел. И оставите здесь гневный комментарий. Окей, я не против. Пусть только критика будет конструктивной.

Полезные виджеты

Виджет «Поиск»

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

Окно настроек
Как добавить виджет поиска на WordPress

Вид на блоге
Как разместить виджет поиска на WordPress

Виджет «Рубрики»

Также небесполезный виджет, выводит список всех ваших рубрик. Поставьте его где-нибудь сбоку в сайдбаре – это серьёзно упростит читателям навигацию по вашему блогу. А когда читателям удобно, они дольше остаются с вами.

Окно настроек
Как добавить виджет рубрик на WordPress

Вид на блоге
Как разместить виджет рубрик на WordPress

Виджет «Свежие записи»

Ещё один хороший виджет, если поставить его в боковой колонке. Выводит список ваших последних постов. Допустим, пришёл к вам на какую-нибудь статью из Яндекса или Google посетитель, читает – всё нравится. Думает: «А что ещё на блоге новенького есть?» Тут ему виджет сбоку услужливо и подскажет.

Окно настроек
Как добавить виджет последних записей на WordPress

Вид на блоге
Как разместить виджет последних записей на WordPress

Виджет «Свежие комментарии»

Выводит список последних комментариев на вашем блоге. Новые посетители сразу видят, что блог живой, люди на нём что-то уже обсуждают – и могут тоже принять участие в дискуссии. Только прежде чем ставить этот виджет, подождите пока у вас наберётся хотя бы пять комментов. А то не очень будет выглядеть: надпись «Свежие комментарии» – а под ней пусто.

Окно настроек
Как добавить виджет последних комментариев на WordPress

Вид на блоге
Как разместить виджет последних комментариев на WordPress

Виджет «HTML-код»

Пожалуй, один из самых многофункциональных и полезных виджетов. С его помощью вы можете добавить на блог всё, что в принципе возможно сделать на языке HTML. На практике же этот виджет в основном используют для вставки рекламных баннеров (как на моём примере), а также всяких информеров и счётчиков от сторонних сервисов.

Окно настроек
Как добавить виджет с произвольным HTML-кодом на WordPress

Вид на блоге
Как вставить произвольный HTML-код на WordPress

Виджеты из разряда «пусть будут»

Виджет «Страницы»

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

Окно настроек
Как добавить виджет страниц на WordPress

Вид на блоге
Как разместить виджет страниц на WordPress

Виджет «Текст»

С помощью этого виджета вы можете разместить где-нибудь в сайдбаре произвольный текст. И даже придать ему некоторое форматирование, добавить ссылки и т. д. Но то же самое можно сделать и с помощью виджета «HTML-код», где для форматирования куда больше возможностей. В общем, на мой взгляд, довольно-таки слабый виджет.

Окно настроек
Как добавить виджет с произвольным текстом на WordPress

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

Виджет «Изображение»

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

Виджет «Галерея»

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

Виджет «Видео»

Выводит выбранное видео на блоге. Можно загружать собственные видеофайлы, а можно вставлять ссылки на ролики из YouTube и других видеохостингов. Мне опять-таки сложно придумать этому практическое применение. Добавить видео в статью – это одно, но зачем ставить его, например, в сайдбаре?

Виджет «Аудио»

Выводит аудиоплеер на блоге. Здесь можно только загружать свои аудиозаписи – ссылки на сторонние аудиохостинги не поддерживаются. Может пригодиться, если вы часто ведёте подкасты или пишете свою музыку.

Виджет «Меню навигации»

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

Окно настроек
Как добавить виджет меню на WordPress

Вид на блоге
Как разместить виджет меню на WordPress

Виджеты, которые не нужны от слова «совсем»

Виджет «RSS»

С помощью этого виджета вы можете вывести RSS-ленту на вашем блоге. Вопрос: «Зачем?» Добавлять ленту вашего блога нет смысла – результат получится тот же самый, что и с виджетом последних записей. А выводить чью-то ещё ленту новостей смысла ещё меньше. Ведь ваша задача удержать посетителя у себя на блоге. А так он увидит анонс чужой статьи, заинтересуется, кликнет – и уйдёт с вашего блога.

Окно настроек
Как добавить виджет RSS-ленты на WordPress

Вид на блоге
Как разместить виджет RSS-ленты на WordPress

Виджет «Архивы»

Выводит архив записей вашего блога, рассортированный по месяцам. Зачем это может понадобиться с практической точки зрения – понятия не имею. Возможно, вы подскажете, дорогие читатели?

Окно настроек
Как добавить виджет архива записей на WordPress

Вид на блоге
Как разместить виджет архива записей на WordPress

Виджеты «Календарь»

Ещё один «бессмысленный и беспощадный» виджет, выводит календарь на блоге. Плюс подсвечивает дни, когда у вас были публикации. Зачем? Ну просто. Ставить только если для красоты.

Окно настроек
Как добавить виджет календаря на WordPress

Вид на блоге
Как разместить виджет календаря на WordPress

Виджет «Мета»

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

Во-первых, он подсказывает возможным хакерам ссылку на вход в консоль блога. Чего делать не нужно. Если вы сами привыкли заходить в админ-панель WordPress через «Мета», то лучше отвыкнуть побыстрее. А все необходимые ссылки для входа на блог добавить в закладки браузера.

Во-вторых, виджет добавляет без вашего спроса внешнюю ссылку на сайт WordPress. Что уменьшает «вес» вашего блога в глазах поисковых систем. А для молодых блогов это может быть очень критично.

Окно настроек
Как добавить виджет «Мета» на WordPress

Вид на блоге
Как разместить виджет «Мета» на WordPress

Виджет «Облако меток»

Выводит метки, которые вы используете на вашем блоге, в виде «облака». Если вы метками не пользуетесь, то для вас польза от виджета нулевая. А вот тем, кто проставляет метки в статьях, виджет может и пригодиться. Тут смотрите сами.

Окно настроек
Как добавить виджет облака меток на WordPress

Вид на блоге
Как разместить виджет облака меток на WordPress

Вот, собственно, и всё, чем я хотел поделиться с вами касательно виджетов на WordPress. Если хотите, напишите в комментариях, какие виджеты ставите у себя на блоге вы.
А я с вами прощаюсь до следующей статьи, где мы будем рассматривать возможности оформления поста в текстовом редакторе WordPress.

Понравилось? Расскажите друзьям!
1 Звезда2 Звезды3 Звезды4 Звезды5 Звезд (1 оценок, среднее: 5,00 из 5)
Загрузка...

Антон Северный

Ленивый интроверт и блогер на полставки. Помогаю создавать и вести блоги другим. Не профи в блогинге – просто нравится этим заниматься.

Читайте также:

1
Оставить комментарий

avatar
  Подписаться  
самые новые самые старые по рейтингу
Уведомлять о
Александр
Александр

Основное преимущество виджетов в том, что можно оттюнинговать внешний вид блога, не меняя HTML-код шаблона и движка.