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

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

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

SiteOrigin Widgets Bundle

Абсолютно бесплатный плагин, который добавляет целый набор полезных виджетов в стандартный набор WordPress. Каждый из виджетов имеет множество гибких настроек и бесконечное количество цветовых схем.

Среди новый виджетов можно отметить:

Карты .
Форма контактов.
Отзывы.
Слайдеры.
И многое другое.

WooSidebars

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

Relevanssi

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

Об этом плагине мы рассказывали . Плагин также полностью бесплатный.

Ninja Forms

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

WordPress Popular Posts

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

Если Вы ещё не проходите у нас обучение, пройдите .

Если вы нашли ошибку, то выделите её и нажмите клавиши Shift + Enter или , чтобы проинформировать нас.

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

if (function_exists("register_sidebar")) register_sidebar(array("name" => "Дополнительный блок", "before_widget" => "", "after_widget" => "", "before_title" => "

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

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

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

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

Как добавить или удалить виджеты (для начинающих)

Для начала у вас должен быть подключен хотя бы один сайдбар, если у вас с этим трудности, тогда вам следует прочитать подробное (там также описано, как добавить поддержку виджетов в теме WordPress). Также виджеты можно вывести на сайте непосредственно через PHP-код при помощи функции .

Если с этим разобрались, переходим в админке на страницу Внешний вид > Виджеты. Видите список доступных виджетов? Для того, чтобы добавить виджет на сайт, нужно перетащить его в одну из областей справа (сайдбаров).

В более поздних версиях WordPress есть и другой способ добавления виджета — вам достаточно кликнуть по его заголовку и из выпадающего списка выбрать сайдбар, в который вы хотите его добавить:

Когда виджет будет добавлен, мы увидим его настройки. В виджете «Календарь» это заголовок:

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

Для того, чтобы удалить виджет, нажимаем ссылку «Удалить» (её видно на предыдущем скриншоте). Если же вы хотите лишь временно отключить виджет, сохранив его настройки, перетаскиваем его в блок «Неактивные виджеты», который находится под блоком «Доступные виджеты».

Отключение стандартных виджетов WordPress

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

Для отключения виджетов можете воспользоваться готовым кодом ниже:

Вставьте код в файл functions.php текущей темы.
Удалите или закомментируйте строки с теми виджетами, которые удалять не нужно.
И только потом можете сохранить файл.

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

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

Создание собственного виджета

Добавить свой виджет с настройками в WordPress совсем не трудно, но конечно для этого не помешало бы хоть немного разбираться в PHP. Описывать как работает PHP-код в этом посту я не буду, просто задайте свой вопрос в комментариях, если у вас возникнут какие-либо трудности с кодом.

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

Вставляем этот код в functions.php:

">Заголовок " name title" ) ; ?> " type="text" value />

">Количество постов: " name posts_per_page" ) ; ?> " type="text" value 5" ; ?> " size="3" />

Я перетащил этот код «как есть» (естественно удалив первую строчку Виджеты мы видим наш виджет:

Давайте перетащим его в какой-нибудь сайдбар справа:

Вот и всё, указываем заголовок виджета (если нужно), количество постов, которое мы хотим вывести и нажимаем «Сохранить» — после этого виджет появится на сайте.

Список плагинов с полезными виджетами

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

Для того, чтобы добавить какой-либо из этих плагинов к себе на сайт, копируете его название, переходите в админке в Плагины > Добавить новый и вставляете в форму поиска скопированное название.

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

Beautiful Yahoo Weather — виджет прогноза погоды, довольно неплохой и красивый по сравнению с аналогами. Но для этих целей наверное лучше использовать WordPress в связке с информерами от Gismeteo, Яндекса и т.д.
NextGEN Gallery — плагин для создания и управления галереями изображений в WordPress, одна из функций которого — виджет галереи.
Search by Google — форма поиска по сайту от Google (Google Custom Search).
Slick Contact Forms — виджет формы обратной связи.
Tabbed Login Widget — виджет авторизации, сделан в виде трех вкладок — «Вход», «Регистрация», «Забыли пароль», весьма удобный.
WP Currency Converter — конвертер валют.
WP Editor Widget — используйте редактор WordPress для заполнения этого виджета.
WP-Cumulus — добавляет флэш-облако тегов и/или категорий.
WP-Polls — удобный плагин для создания опросов на сайте.
Yet Another Related Posts Plugin (YARPP) — мощный плагин для вывода похожих записей.
Youtube Channel Gallery — виджет со свежими видео с канала на YouTube. Виджет выглядит очень красиво, хорошо и легко настраивается.

Со временем список будет пополняться.

Я не стану рассматривать все остальные виджеты социальных сетей (Facebook, Вконтакте, Twitter и т.д.) — в принципе официальные виджеты вполне удобные — просто копируем код, который нам дают и вставляем его в вордпрессовский виджет « ».

Впервые познакомился с WordPress в 2009 году, и после двух лет мучений с Joomla и самописными движками это был просто бальзам на душу. С 2014 года меня можно встретить на WordCamp — официальной конфе по WP в Москве, иногда там выступаю. Также в настоящее время веду курсы по WordPress в Epic Skills в Питере.

Здравствуйте, дорогие читатели! С плагинами мы с вами уже познакомились, теперь будем изучать новое понятие — виджет. Да, слово явно не из русского языка, но боятся его не стоит. Сейчас я вам подробно расскажу о том, что такое виджеты WordPress и с чем их едят. Усаживайтесь поудобнее и слушайте мой рассказ.

Виджеты — это функциональные блоки, которые можно размещать в сайдбарах (колонки) используемой . Количество доступных сайдбаров и их расположение на странице зависит от выбранной темы. Для начинающих это может показаться несколько запутанным, но достаточно попробовать, и Вы быстро все поймете.

Зайдите в админку WP и перейдите в раздел «Внешний вид» — «Виджеты». В центре страницы представлены все доступные на данный момент виджеты, а справа - используемые в теме колонки (или сайдбары).

Для использования виджета на блоге — откройте колонку, в которой он будет размещаться, и просто перетащите его в эту колонку (Drag and Drop). После перетаскивания станут доступны его настройки. Последовательность виджетов в сайдбаре можно менять так же перетаскиванием. Если вам какой-то из используемых виджетов стал временно не нужен, его можно не удалять, а перетащить в поле «Неактивные». Оттуда вы всегда сможете его восстановить.

Сборник Виджетов от SiteOrigin дает вам набор виджетов, которые вы можете настраивать и использовать. Все виджеты строятся на нашем мощном фреймворке, что дает вам продвинутые формы, неограниченное количество цветов и 1500+ иконок.

Widgets are great. No matter where you’re using them. In a Page Builder page or on your widgetized areas. It’s even compatible with other popular page building plugins.

Коллекция растет, но вот то, что мы имеем сейчас.

Виджет Google карт
Виджет кнопки, который вы полюбите нажимать
Виджет Изображение, который позволит вам добавлять изображения где угодно.
Виджет Призыв к действию, который будет побуждать пользователей выполнять действия, которые вы хотите.
Виджет Слайдер, который перелистывает изображения или HTML5 видео.
Виджет Прайс Таблица, который поможет вам продавать больше.
Виджет Карусель Постов, который отображает ваши посты как карусель.
Виджет Особенности, который отображает набор функций или услуг.
Виджет Видео, вставка видео где угодно.
Виджет Заголовок, чтобы вас заметили.
Виджет Социальный ссылки, чтобы показать, что вы активны.

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

Документация Создание пользовательских виджетов

The SiteOrigin Widgets Bundle is the perfect platform to build widgets for your theme or plugin. Read more on our developer docs

📎📎📎📎📎📎📎📎📎📎