25 полезных виджетов WordPress для вашего сайта


Оглавление (нажмите, чтобы открыть):

Лучшие плагины для виджетов WordPress

Виджеты — это неотъемлемая часть любого дизайна на WordPress. Каждая тема содержит в себе по несколько областей виджетов. Эти элементы используются для вывода какой-либо полезной информации для посетителей и выполняют определённую функцию.

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

Restrict W >

Бесплатный и простой в использовании плагин, несмотря на английский язык от dFactory. Он наделяет создаёт новую возможность, которая часто бывает нужна вебмастерами, и которой в стандартной комплектации CMS, к сожалению, пока нет – скрывает определённые виджеты на той или иной странице или записи.

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

Display W >

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

После активации появляются дополнительные опции и возможности, в которых можно будет настроить их видимость. Продукт разработан Phpbits Creative Studio и бесплатный.

WP Page W >

Плагин для виджетов WordPress продолжает экземпляр от CodeAndMore, который называется WP Page W >

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

Инструмент бесплатный и на английском языке.

Q2W3 Fixed W >

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

Это можно использовать для того, чтобы создать элемент, на котором необходимо акцентировать внимание посетителей – рекламный баннер, какое-либо объявление или важный навигационный элемент.

Disable W >

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

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

jQuery Archive List W >

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

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

SiteOrigin W >

Разработчики из SiteOrigin уже известны многим вебмастерам своими качественными и полезными продуктами. Также они выпускают и плагины для виджетов. Один из них это SiteOrigin W >

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

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

Бесплатный инструмент разработанный C.M. Kendrick, который будет полезен только тем, кто владеет CSS, и хочет изменить внешний вид дизайна. После активации у каждого виджета появляется поле, в которое можно добавить кастомный CSS класс. Есть страница опций на русском языке.

Authors W >

Этот плагин создаёт новый элемент для WordPRess, в функции которого входит вывод списка авторов сайта. Инструмент будет полезен многопользовательским сайтам.

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

Интерфейс на английском языке, разработка от Gavriel Fleischer.

Recent Posts W >

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

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

SiteOrigin W >

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

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

Ребята из WPBeginner.com сделали отличную подборку из 25 полезных виджетов для блога на WordPress. Я не поленился и перевел содержимое, чтобы донести список до вас, уважаемые читатели.

По умолчанию в WordPress установлен «родной» виджет вывода последних записей в виде списка, на который редко кто обращает внимание. Recent Posts Widget With Thumbnails — отличный виджет, который поможет вам выводить последние записи вместе с их превью. Обычно плагин берет для превью первое изображение в записи. Так же можно указать ширину и высоту миниатюры и сортировку. Он может показывать как последние записи, так и самые популярные и случайные.

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

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

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

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

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

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

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

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

Отличный виджет для вывода последних видео с вашего YouTube-канала. Выглядит очень красиво, компактно и интересно для посетителей.

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

Виджет для вывода приятного глазу меню авторизации. Авторизация, регистрация, Забыли пароль? — все эти пункты поделены на табы. Выглядит свежо и красиво.

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

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

С точки зрения программирования виджет — это небольшая программка, которые создает и выводят некий HTML код с информацией в заданную область темы (такая область называется сайдбар, что в переводе с английского означает боковая колонка. Если сказать более точно, то WordPress виджет — это класс наследник класса WP_Widget Не будем пока что останавливаться на этом, подробно о создании виджетов напишу в следующий раз. Итак, эта программка выполняет свою задачу и создает HTML код для того, чтобы мы могли встроить его в нужное место своего сайта.

Где хранятся виджеты?

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

Здесь на картинке сами виджеты находятся слева в два столбца, а справа расположены все сайдбары, зарегистрированные данной темой. Чтобы добавить виджет в нужную область его следует перетащить мышкой в нужный сайдбар. Каждый сайдбар хранит определенное количество виджетов, а чтобы увидеть их, его нужно развернуть, нажав на него мышкой. Виджет можно добавить любое количество раз и каждый раз, когда он перемещается в сайдбар, создается новый объект класса виджет, данные незамедлительно сохраняются в базу данных и результат можно видеть на странице. У каждого виджета могут быть дополнительные настройки.

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

.
Отрывается эта панель из администратора, через меню «Внешний вид >> Настроить >> Виджеты».

Что такое сайдбары?

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

Основные настройки виджетов

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

Как вывести виджет только на одной странице или для одной категории?

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

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

С помощью популярного плагина Jetpack, в состав которого входит этот плагин (https://wordpress.org/plugins/jetpack/), можно настроить видимость отдельного виджета на разных страницах, категориях, произвольных типах данных и т.д. У него есть много вариантов настроек, можно установить видимость определенного виджета только для страниц или только для записей с определенным тегом, записей из нужной вам категории, записей определенного автора, а можно запретить показывать виджет на определенной странице. Это очень удобный плагин, он встраивает свое поле в форму настройки каждого виджета:

Этот же плагин видимости можно установить отдельно от Jetpack (https://wordpress.org/plugins/jetpack-widget-visibility/)

Плагин, создающий сайдбары для нужной страницы или категории

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

Стандартные виджеты

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

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

Неактивные виджеты

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


Где брать дополнительные виджеты?

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

Замедляют ли виджеты работу сайта?

Есть такое мнение, что чем меньше виджетов, тем быстрее работает сайт. На самом деле виджеты на это оказывают минимальное влияние. На скорость и нагрузку на сервер влияет тот код, который находится внутри виджета. Скажем, если он совершает дополнительный запрос к базе данных. например для того, чтобы вывести последние записи, в этом случае загрузка сайта немного замедлится, но не из-за виджета, а из-за этого самого запроса к базе данных. Таким образом, если в сам шаблон прописать код, который выведет последние записи — это не будет оптимизацией скорости загрузки страниц под названием «избавление от виджетов». Текстовый виджет не обращается к базе данных, а отвечает за то, чтобы встроить в страницу дополнительный html код, а это действие на скорость не влияет (влияет, но этой миллисекундой можно пренебречь).

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

1. Recent Posts Widget with Thumbnails

По умолчанию WordPress распространяется с виджетом недавних записей, который отображает простой список ваших последних записей. Виджет Recent Posts Widget With Thumbnails позволяет отображать недавние записи с миниатюрами. Он использует указанное изображение или первое изображение в записи в качестве миниатюры. Вы также можете настроить высоту и ширину рисунка в окне настроек виджета.

2. Category Posts

Виджет для сайта WordPress Category Posts показывает недавние записи из выбранной категории. Вы можете выводить записи в виде списка заголовков, отрывков или миниатюр. Его использование совместно с плагином Display Widgets позволит показать скрытые виджеты на определенных страницах.

3. Simple Social Icons

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

Также вы можете изменить иконку, выбрав фон и цвет шрифта.

Это лучший виджет WordPress для добавления иконок социальных сетей.

4. Google Maps Widget

Легкий способ добавить карту на боковую панель вашего сайта – воспользоваться виджетом Google Maps . Этот плагин позволяет отображать карту Google в виджете. Когда пользователь нажимает на него, во всплывающем окне открывается карта большего размера. Это один из лучших виджетов для WordPress для коммерческих организаций, которые хотят показать на сайте свой адрес и местоположение.

5. Social Count Plus

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

6. Image Widget

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

7. Custom Taxonomies Menu Widget

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

8. Compact Archives

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

9. Authors Widget

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

10. YouTube Channel Gallery

Этот виджет для сайта WordPress позволяет демонстрировать последние видео с вашего YouTube канала. Он отображает видео в виде привлекательной сетки, которая занимает меньше места и выглядит более интересно.

11. OptinMonster

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

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

12. Tabbed Login Widget

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

13. Simple Contact Info

Плагин Simple Contact Info позволяет легко добавлять свою контактную информацию, социальные иконки и информацию о местоположении просто заполнив форму. После этого вы можете легко перетащить виджеты с контактами на боковую панель, чтобы отобразить эту информацию.

14. Quick Chat

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

15. Testimonials Widget

Положительные отзывы – это отличный способ «похвастаться » своими довольными клиентами и заказчиками. Виджет Testimonials помогает легко создавать отзывы и отображать их с помощью виджета или шорткода.

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

17. Neat Skype Status

Хотели бы отобразить свой контакт Skype в онлайн-статусе на WordPress сайте? Данный сервис используется тысячами профессионалов для связи с клиентами и заказчиками. Neat Skype Status позволяет легко отображать ваш статус Skype на WordPress сайте.

18. Random Posts Widget

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

19. Soliloquy WordPress Slider Widget

Soliloquy – это отзывчивый WordPress плагин, который облегчает создание слайдеров. С его помощью вы сможете добавить слайдеры в любом месте, используя WordPress виджет галереи. Таким образом, можно показывать недавние записи, избранные посты, видео, изображения pinterest, instagram или любую другую информацию.

Soliloquy также имеет и бесплатную версию .

20. Feature a Page Widget

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

21. Envira Gallery

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

Также доступна бесплатная версия плагина Envira Gallery .

22. Date and Time Widget

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

23. Google Calendar Events

Этот плагин предлагает легкий способ отображения календаря событий. Вы можете создать события с помощью Google Calendar , а затем синхронизировать календарь с плагином, чтобы отобразить его на своем сайте. Этот виджет пригодится для некоммерческих организаций, которые хотят отображать свои события.

24. Display Recently Registered Users Widget

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

25. WordPress Popular Posts

WordPress Popular Posts позволяет отображать наиболее популярные записи вашего сайта в симпатичном виджете. Вы можете сортировать популярные записи по количеству просмотров или по количеству комментариев.

Надеемся, что эта статья помогла вам найти самые полезные виджеты для WordPress для вашего сайта.

Перевод статьи « 25 Most Useful WordPress Widgets for Your Site » был подготовлен дружной командой проекта .

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

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

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

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

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

Мастер Йода рекомендует:  Быстрее и проще как изменился процесс разработки в Python 3.7

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

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

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

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

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

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

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

  1. Вставьте код в файл functions.php текущей темы.
  2. Удалите или закомментируйте строки с теми виджетами, которые удалять не нужно.
  3. И только потом можете сохранить файл.
function true_remove_default_widget() < unregister_widget("WP_Widget_Archives" ) ; // Архивы unregister_widget("WP_Widget_Calendar" ) ; // Календарь unregister_widget("WP_Widget_Categories" ) ; // Рубрики unregister_widget("WP_Widget_Meta" ) ; // Мета unregister_widget("WP_Widget_Pages" ) ; // Страницы unregister_widget("WP_Widget_Recent_Comments" ) ; // Свежие комментарии unregister_widget("WP_Widget_Recent_Posts" ) ; // Свежие записи unregister_widget("WP_Widget_RSS" ) ; // RSS unregister_widget("WP_Widget_Search" ) ; // Поиск unregister_widget("WP_Widget_Tag_Cloud" ) ; // Облако меток unregister_widget("WP_Widget_Text" ) ; // Текст unregister_widget("WP_Nav_Menu_Widget" ) ; // Произвольное меню >add_action( «widgets_init» , «true_remove_default_widget» , 20 ) ;

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

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

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

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

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

По своей структуре наш виджет будет похож на стандартный виджет WordPress « », т е он будет иметь похожие параметры (заголовок и количество отображаемых постов) и похожий HTML-шаблон для вывода постов (заголовки записей со ссылками в виде

    -списка).

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

/* * создание виджета */ function __construct() < parent::__construct( "true_top_widget" , "Популярные посты" , // заголовок виджета array ( "description" =>«Позволяет вывести посты, отсортированные по количеству комментариев в них.» ) // описание ) ; > /* * фронтэнд виджета */ public function w ] ) ; // к заголовку применяем фильтр (необязательно) $posts_per_page = $instance [ «posts_per_page» ] ; echo $args [ «before_w >»posts_per_page=$posts_per_page &orderby=comment_count» ) ; if ( $q ->have_posts () ) : ?>

    have_posts () ) : $q ->the_post () ; ?>
  • «>

/* * бэкэнд виджета */ public function form( $instance ) < if ( isset ( $instance [ "title" ] ) ) < $title = $instance [ "title" ] ; >if ( isset ( $instance [ «posts_per_page» ] ) ) < $posts_per_page = $instance [ "posts_per_page" ] ; >?>

get_field_id ( «title» ) ; ?> «>Заголовок get_field_id ( «title» ) ; ?> » name=» get_field_name ( «title» ) ; ?> » type=»text» value=» » />

get_field_id ( «posts_per_page» ) ; ?> «>Количество постов: get_field_id ( «posts_per_page» ) ; ?> » name=» get_field_name ( «posts_per_page» ) ; ?> » type=»text» value=» » size=»3″ />

/* * сохранение настроек виджета */ public function update( $new_instance , $old_instance ) < $instance = array () ; $instance [ "title" ] = ( ! empty ( $new_instance [ "title" ] ) ) ? strip_tags ( $new_instance [ "title" ] ) : "" ; $instance [ "posts_per_page" ] = ( is_numeric ( $new_instance [ "posts_per_page" ] ) ) ? $new_instance [ "posts_per_page" ] : "5" ; // по умолчанию выводятся 5 постов return $instance ; >> /* * регистрация виджета */ function true_top_posts_widget_load() < register_widget( "trueTopPostsWidget" ) ; >add_action( «widgets_init» , «true_top_posts_widget_load» ) ;

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

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

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

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

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

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

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

  • 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 в Питере.

50+ лучших плагинов для WordPress сайта

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

На официальном портале wordpress.org в архиве плагинов можно найти более 45 тысяч разных решений на любой вкус. В данном блоге я уже несколько раз составлял списки плагинов под те или иные задачи. Сегодня будет еще один пост в похожем стиле — рассмотрим подборку из 50-ти интересных WP модулей. Практически все они бесплатные за исключением парочки полезных премиум решений. Скачать их можно, пройдя по соответствующим ссылкам, или с помощью поиска по названию в админке вордпресс.

Contact Form 7 — простой и удобный плагин контактной формы, один из самых популярных в системе. Использую его регулярно для корпоративных проектов. При работе вам также может пригодиться решение с модальным окном для Contact Form 7.


Logaster Logo Generator

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

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

FONDY — плагин для приема онлайн платежей

Сам по себе WooCommerce содержит большинство функций для интернет-магазина, но при этом не умеет получать оплату от клиентов. Это можно и нужно исправить с помощью плагина FONDY для приема онлайн-платежей. После его подключения покупатели смогут оплачивать товар во время оформления заказа с помощью карточек VISA и MasterCard, интернет-банкингов или мобильных кошельков Apple Pay и Google Pay в той валюте, которую вы укажете (доступно больше 100 валют).

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

All In One SEO Pack

All In One SEO Pack — одно из самых востребованных решений в системе вордпресс (около 30 миллионов установок). Используется для оптимизации сайта в поисковых системах.

С помощью плагина W3 Total Cache вы можете ускорить свой WordPress сайт. Модуль сократит время загрузки страниц проекта за счет кеширования файлов.

Slider Revolution — один из наиболее функциональных и лучших WordPress слайдеров с большим количеством настроек для переходов, эффектов и анимации. Часто встречается в премиум шаблонах.

WP Super Cache — еще один модуль кэширования для WordPress, который создает статические HTML-файлы вместо динамических страниц. После публикации статьи о плагинах кэширования ставил его практически на все свои сайты.

Visual Composer — самый популярный визуальный конструктор внешних и внутренних страниц для WordPress. Он позволяет легко добавлять на сайт разные элементы дизайна.

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

Вспоминая его, нельзя не упомянуть Booster for WooCommerce.

Это творение разработчиков чем-то напоминает Jetpack, поскольку тоже содержит множество дополнений «под одной крышей». Вы найдете около 90 функций по оформлению заказов, корзине, рассылке, ценам, доставке и т.п.

WP Pagenavi — простой плагин для реализации постраничной навигации в вордпресс. Ставлю его на 95% разных сайтов будь то блоги или проекты с новостной лентой. Легкий в установке, удобный для посетителей.

LayerSlider — многофункциональный слайдер для создания галереи изображений, слайдов и слайд-шоу с крутыми эффектами. Решение поможет выделить ваши посты и страницы на WordPress.

Модуль Finteza Analytics позволяет встроить на сайт одноименный сервис аналитики. Данный проект предоставляет функции и метрики для оценки вашего трафика + включает инструменты по улучшению эффективности рекламных кампаний. С его помощью вы можете просматривать данные по конверсиям, источникам переходов, воронкам продаж, качеству посетителей, анализировать свою аудиторию и многое другое. Для полноты картины советую почитать обзор Finteza в блоге.

Yoast Google Analytics For WordPress

С помощью Yoast Google Analytics вы можете объединить данные Google Analytics и WordPress, добавив свой код отслеживания. Пользователям, которые не хотят заниматься правкой шаблонов с размещением скриптов, пригодится. Да, и вообще статистика — штука полезная.

Плагин фотогалереи для WordPress Nextgen Gallery является лучшим не только среди конкурентов, но и одним из самых популярных за всё время (более чем 14 миллионов установок). Я в основном занимался реализацией простых галерей, для которых хватает базовых возможностей системы или небольших модулей, Nextgen — же мощное функциональное решение. В нем даже есть собственный механизм размещения водяного знака watermark на фото.

WordPress Popular Posts

WordPress Popular Posts — настраиваемый, простой в использовании виджет, который отображает самые популярные записи вашего сайта. Отличный функциональный элемент для сайдбара блога.

Google Analyticator — еще одно решение интеграции сервиса Google Analytics в WordPress. Оно позволяет просматривать статистику из своего GA аккаунта в реальном времени внутри системы. Также упрощает процесс добавления кода отслеживания в шаблон.

WP Polls — предлагает неплохую систему опросов для вашего блога на AJAX. С помощью модуля легко сможете добавить опросы в сайдбаре, в посте или странице сайта. Для детального ознакомления советую глянуть мой обзор WP Polls.

Mailchimp For WP

Mailchimp For WP — с лёгкостью добавляйте своих поситителей с WordPress в базу подписчиков для MailChimp (популярный сервис рассылок). Плагин позволяет легко интегрировать функцию подписки в разные вордпресс формы.

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

WordPress Multilingual Plugin

WPML позволяет легко создавать многоязычные сайты. Модуль очень функциональный, когда-то даже делал обзор плагина WPML. К сожалению, с недавних пор он стал платным. Авторов разработки можно понять — 40 сотрудников нужно как-то кормить:) В качестве альтернативы можете попробовать qTranslate X или Poedit. Больше информации найдете по тегу локализация.

Simple Social Icons

Плагин Simple Social Icons помогает вставлять социальные иконки в любом месте блога виджетов. Максимально простое решение в настройке.

Q2w3 Fixed Widget

Q2W3 Fixed Widget выполняет достаточно интересную функцию с точки зрения юзабилити сайта. Он позволяет зафиксировать определенные виджеты при прокрутке страницы вниз. Как вариант, может также использоваться для создания фиксированного блока рекламы.

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

Yet Another Related Posts Plugin

Yet Another Related Posts Plugin — отображайте список похожих тематических постов в вашем блоге. Это отличный вариант для перелинковки. Разработчики также упоминают о заработке на показах спонсорского контента, но я такое не пробовал. Для блока связных постов «еще почитать» — отличное решение.

Tablepress — помогает с созданием красивых и многофункциональных таблиц. Причем вообще без необходимости разбираться в HTML коде. Модуль может пригодиться при создании сайтов на заказ для пользователей с нулевыми знаниями в HTML. Неплохое решение.

MailChimp List Subscribe Form

Плагин MailChimp List Subscribe Form позволяет быстро и просто добавить ваших посетителей в список рассылки сервиса MailChimp. По функциональности напоминает Mailchimp For WP, хотя у последнего больше настроек.

Gravity Forms — плагин для легкого создания самых разнообразных форм, используется более 1 миллионом пользователей WordPress. Изначально модуль был бесплатным, однако с развитием функциональности и ростом команды разработчиков, его перевели на платный тариф. Для простых форм хватает Contact Form 7, но когда нужно что-то сложное и комплексное, обратите внимание на Gravity Forms.

BBPress — это плагин форума, разработан создателями WordPress. Если требуется добавить на сайте раздел с обсуждениями и дискуссиям (то есть форум), смело используйте данное решение. Когда-то в блоге был небольшой обзор Bbpress, но с тех пор модуль значительно улучшился.

Digg Digg — универсальный плагин для добавления плавающего меню с социальными кнопками на ваш блог. По стилистике похож на решение с сайта Mashable. Если вам нужны плавающие кнопки и вы не хотите связываться со сторонним сервисом Shareaholic, можно попробовать этот модуль.

Плагин Captcha — простой вариант внедрения защиты от спама для полей ввода на сайте WordPress. Помнится, рассматривал модуль в обзорной статье лучших плагинов для каптчи, после которой и остановил свой выбор на нем. Однако позже нашел еще один классный вариант — каптчу от Google. Оба плагина сделала компания BestWebSoft.

Disqus Comment System

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

Cookie Law Info

Cookie Law Info — плагин помогает привести сайт к актуальным требованиям законодательства ЕС, которое обязывает владельцев сайтов показывать пользователям уведомление об использовании cookies. С помощью модуля можно стилизировать данное сообщение под дизайн вашего сайта и быстро организовать функцию принятия согласия.

Плагин Akismet с помощью одноименного веб-сервиса позволяет защитить ваш блог от спама в комментариях. Он проверяет комментарии и выявляет спам, который автоматически удаляется в корзину. Если вы новичок в WP, то может пригодиться статья о получении API ключа в Akismet. Решение бесплатное.

AddThis Share Buttons добавляет на сайт социальные иконки, чем способствует увеличению количества публикаций вашего контента в социальных сетях и повышению посещаемости. Помнится, изучал данное решение вместе с Shareaholic, но здесь, насколько я помню, были представлены не все нужные мне соц.сервисы. Есть горизонтальное расположение и плавающий блок для кнопок.

Easy FancyBox — дает гибкое и эстетическое Lightbox решение для всех медиа ссылок сайта, открывающихся во всплывающем окне. Создано на jQuery, поддерживает вставку iFrame и Flash.

Social Media Widget

Social Media Widget — добавьте кнопки-ссылки на ваши профили в социальных сетях. Тысячи иконок доступны в 3 размерах, 4 стилях и 4 анимациях. С их помощью вы можете привлекать новых подписчиков в соответствующие аккаунты разных соц.сетей.

Add To Any — еще одно решение для добавления социальных иконок на WordPress: Facebook, WhatsApp, Twitter, Pinterest, Одноклассников, Google+ и многих других. Есть много разных функций: плавающий блок, счетчики, векторные картинки, хотя все они, в принципе, традиционны для подобных модулей.

BWP Minify — объединяет и минимизирует ваши CSS и JS файлы, ускоряя загрузку страницы. Плагин может пригодиться в процессе оптимизации веб-проекта.

WP Retina 2x — позволит вашему сайту четко и красиво отображается на современных Retina экранах, показывая изображения соответствующего разрешения. Модуль поддерживается версией WordPress 4.4 и выше. Для веб-разработки это сейчас достаточно актуальная задача.

Contact Form Plugin

Contact Form Plugin — простая контактная форма на вашем WordPress сайте. По идее, она может отображаться во всплывающем окне и использоваться для сбора отзывов пользователей о проекте или какой-то услуге (фидбэк). Хотя, конечно, лучше искать более подходящие по теме решения — можете почитать отдельно как сделать отзывы на WordPress сайте.

Click To Tweet By Todaymade

Модуль Click To Tweet By Todaymade позволяет размещать красивые кнопки «Click To Tweet» в любой точке вашего блога. Данные небольшие «сообщения для твиттера» можно, например, добавлять в посты блога, стимулируя пользователей создавать соответствующие твитты.

Video Thumbnails — автоматическое генерирование превью для видео на сайте. Считываемые картинки затем подставляются в качестве Thumbnails миниатюры записи и позволяют создавать видеогалереи в WP. Поддерживаются ролики с YouTube, DailyMotion, Vimeo и других.

Powerpress — один из лучших плагинов для ведения подкаста на сайте WordPress. Найдете здесь простой и продвинутый режимы, плееры, инструменты оформления подписки и еще много чего другого. Поддерживает iTunes, Google Play, Stitcher.

Lightbox Plus используется для увеличенных версий изображений на текущей странице, которые открываются с определенными эффектами. Допускается создание простого слайд-шоу. Раньше сталкивался с модулем достаточно часто, но позже его забросили, и пришлось перейти на вариант с Easy Fancybox.

Instagram Feed — позволяет отображать на сайте красивые настраиваемые ленты Instagram изображений. Модуль поддерживает адаптивность и работу с несколькими Инстаграм аккаунтами. Учитывая то, что данный сервис сейчас, весьма популярный, думаю, плагин пригодится.

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

WP Postratings — добавляет рейтинговую систему оценивания постов/страниц на AJAX. Потестировать и посмотреть результаты его работы можете внизу под этим постом. Детальный обзор WP-PostRatings уже публиковался на страницах блога. Использую его достаточно давно.

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

Responsive Lightbox — для просмотра изображений в высоком разрешении с эффектом лайтбокс. Основной плюс плагина — корректная работа на мобильных устройствах. У модуля достаточно много разных настроек, в том числе и выбор из 6-ти вариантов скрипта Lightbox.

WordPress 23 Related Posts Plugin

WordPress Related Posts — плагин, который добавляет под публикацией перечень похожих тематических постов. Поддерживает кэширование, корректно работает на мобильных девайсах. Хорошее решение для создания перелинковке в блоге как и YARPP.

Yoast WordPress SEO Plugin

Yoast SEO — для настройки SEO параметров в вашем WordPress сайте. Не смотря на то, что модуль расположен последним в списке, он является одним из наиболее полезных здесь. Оптимизация и продвижения сайтов — актуальная нынче задачи, и Yoast SEO помогает с ними справиться. Настроек действительно много: МЕТА теги, XML Sitemap, хлебные крошки, опции индексации и т.п. — обо всем этом можно почитать в обзоре WordPress SEO by Yoast.

Данных 50-ти модулей должно хватить на первый раз дабы освоится в системе WordPress. Полезных решений, конечно, гораздо больше, но искать их приходится при возникновении той или иной специфической задачи. Собственно, обо всех подобных ситуациях и решениях я пишу в разделе Плагины.

Если знаете еще какие-то интересные и полезные WP модули, без которых хорошему сайту просто не обойтись, пишите названия в комментариях.

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

Приветствую вас, дорогие друзья!

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

Навигация по статье:

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

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

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

Так, например, если вы установите плагин Page Builder от SiteOrigin и Бандл Виджетов к нему, то в наборе виджетов, помимо стандартных, появится набор конструктора страниц. Используя который вы можете очень просто создать практически любой по структуре элемент в области виждетов. Например, это можно использовать для создания сложной по структуре шапки сайта или подвала.

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

Добавление виджета для сайта WordPress происходит очень просто. Вам для этого нужно:

  1. 1. Перейти в раздел главного меню «Внешний вид»«Виджеты»
  2. 2. На открывшейся странице нам доступны для работы две области. Слева расположена область с доступными для использования виджетами, а с права расположены области, в которых можно эти виджеты разместить:

Как объявить свою область виджетов WordPress?

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

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

Например, вы хотите разместить над шапкой дополнительное меню, или панель с контактами. Большинство тем не дают такой возможности. А с помощью своей области виджета вы сможете это сделать очень просто.

Для объявления свое области виджетов нам нужно:

    1. В редакторе кода NotePad++ открываем файл functions.php, который находится в папке с активной темой, по пути:

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

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

  1. 1. Так как мы делаем топбар, то он должен располагаться над шапкой сайта. Соответственно, нам нужно добавить вывод области в файле header.php, который, так же как и functions.php, находится в папке с активной темой.
  2. 2. Открываем его в NotePad++ и вставляем следующий фрагмент кода сразу же после открытия тега :

В данном фрагменте мы добавляем блок с произвольным идентификатором topbar-inner, в котором находится функция dynamic_sidebar, предназначенная для вывода на страницы сайта новой области. Здесь нам нужно вставить название идентификатора, которое мы задавали при объявлении области.

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

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

А на сегодня у меня все. Надеюсь, данная статья будет для вас полезной! Не забудьте оставить комментарий им поделиться статьей в социальных сетях!

Успехов вам в создании своего сайта и до встречи в следующих статьях!

С уважением Юлия Гусарь

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


Подписаться на рассылку

7 комментариев

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

Здравствуйте Юлия, а подскажите пожалуйста, что за плагин создаёт такую красивую форму подписки, как у Вас под статьёй и что за плагин отвечает ща такие красивые социальные иконки?

Здравствуйте, Юрий!
Форма и соцсети выводится не плагином. Я вручную их верстала и выводила в коде 🙂

Здраствуйте, добавил я виджет вверху, но он оказался не там где бы я хотел) Как проинспектировать нужное место на странице сайта и определить класс или идентификатор блока чтобы виджет был на нужном месте?

Здравствуйте, Олег! Вот статья с видео инструкцией по инспектированию кода //impuls-web.ru/kak-opredelit-id-i-klass-elementa-na-stranice/

Спасибо, благодаря вам я нашел наконец нормальную пошаговую статью как добавить виджеты для новичка!

Спасибо, Олег! Рада что статья была для Вас полезна!

Полезные виджеты для сайта на WordPress

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

20 причин установить полезные виджеты для сайта

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

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

Category Posts

Как следует из названия виджет Category Posts показывает последние статьи из выбранной категории. Вы можете показать заголовок поста в виде списка, или выбрать показ отрывка и миниатюр. Используя функцию Display W >Simple Social Icons

Это по настоящему простой в управлении виджет, который добавляет кнопки социальных сетей в сайдбар блога. Весь функционал виджета можно настроить в установках. Выбираете те социальные сети, которыми пользуетесь, вставляете в нужное поле адресную строку вашего профиля в соц сети и все. Вы также можете изменять цвет и размер иконок выбирая цвет фона и цвет самой иконки. Почитайте также мою статью, где я описал полезный плагин для добавления кнопок социальных сетей на сайт.
Google Maps Widget

Наиболее простым способом добавить карту в сайдбаре сайта можно при помощи виджета Google Maps. Этот виджет позволяет отображать карту от Гугл прямо на блоге. Когда пользователь нажимает по карте, в всплывающем окне появляется карта большего масштаба.

Этот виджет лучше всего подходит для владельцев интернет-магазинов или бизнесов, которые хотят указать расположение своей фирмы на карте.
Social Count Plus

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

Если вы хотите добавить картинку в сайдбар блога, то вам потребуется написать HTML код в текстовом виджете. Однако, если вы новичок, и не хотите разбираться с html, а картинку вставить нужно, то можно воспользоваться Image W >Compact Archives

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

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

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

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

Еще один способ добавить форму входа в админ панель блога на WordPress, это разместить Tabbed Login W >Simple Contact Info

Следующий виджет позволяет вам без проблем добавить контактную информацию о себе, иконки социальных сетей, а также информацию о том, где вы находитесь. Для этого нужно заполнить несколько форм. После этого, вы можете перетащить виджет с контактной информацией в сайдбар блога, чтобы посетители могли видеть ваши контактные данные.
Quick Chat

Quick chat довольно легкий, но при этом функциональный и настраиваемый чат для сайтов на движке WordPress. Он опять же в форме виджета располагается в сайдбаре сайта позволяя посетителям общаться между собой с любой страницы блога. Вы можете также создать отдельную страницу для чата на своем сайте используя шорткод [quick-chat].
Testimonials Widget

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

Testimonials является одним из тех виджетов, которые можно добавлять в подвал сайта, от чего он становится еще более полезным.
Neat Skype Status

У вас вполне могло возникнуть желание отобразить на блоге список контактов из Skype. Скайп используется тысячами профессионалов для быстрого соединения с клиентами и покупателями. Изящный виджет Skype Status позволяет вам с легкостью отобразить ваш сататус в скайпе прямо на блоге.
Random Posts Widget

Этот простой плагин помогает отображать список статей взятых случайным образом, которые отображаются в сайдбаре блога. Установки виджета просты и вы легко можете в них разобраться. Они позволяют выбирать количество отображаемых постов и выбирать отдельную категорию, откуда будут выбраны статьи.
Soliloquy WordPress Slider Widget

Soliloquy плагин — это слайдер, который можно вставить у себя на блоге. Это пожалуй наиболее простой способ добавления слайдов на сайте используя виджет. С его помощью вы можете показать ваши последние статьи, следующие статьи, видео, картинки из pinterest, инстаграма, или все что захотите. У плагина есть как платная, так и бесплатная версия.
Envira Gallery

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

  • Date and Time Widget
    Возможно наиболее простым способом для начинающих, чтобы показать текущую дату и время на сайте будет плагин Date and Time Widget. Его можно настроить перейдя в админ панели блога в Виджеты >> Date and Time. Здесь вы можете выбрать формат отображения даты и времени, шрифт а также цвет фона.
  • Google Calendar Events
    Данный плагин предлагает наиболее простой способ отображения событий из календаря прямо на блоге. Вы можете создать различные события используя календарь от Google и затем синхронизировать их при помощи плагина с календарем, расположенном на вашем сайте.
  • WordPress Popular Posts

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

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

    WordPress.org

    Русский

    SiteOrigin Сборник Виджетов

    Описание

    Сборник Виджетов от 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 видео.
    • Виджет Прайс Таблица, который поможет вам продавать больше.
    • Виджет Карусель Постов, который отображает ваши посты как карусель.
    • Виджет Особенности, который отображает набор функций или услуг.
    • Виджет Видео, вставка видео где угодно.
    • Виджет Заголовок, чтобы вас заметили.
    • Виджет Социальный ссылки, чтобы показать, что вы активны.
    • Accordion Widget to compress your content.
    • Contact Form Widget to let people know you care.
    • Editor Widget let’s you richly edit text anywhere.
    • Hero Widget that’ll save your site design.
    • Icon Widget for when only icons will do.
    • Image Grid Widget that’ll let you add images everywhere… in a grid.
    • Layout Slider Widget lets you build layouts on slides using SiteOrigin Page Builder.
    • Masonry Widget to add images in a masonry layout.
    • Tabs Widget that’ll let you group content into tabbed sections.
    • Taxonomy Widget to display a post’s taxonomies.
    • Testimonials Widget to show people what your users/customers think of you.

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

    Документация

    Документация is available on SiteOrigin.

    Поддержка

    We offer free support on the SiteOrigin support forums.

    Создание пользовательских виджетов

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

    100+ бесплатных плагинов для бизнес-сайтов на WordPress

    Время чтения: 19 минут Нет времени читать? Нет времени?

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

    SEO-плагины

    Здесь представлены модули для технической поисковой оптимизации сайта.

    1. All in One SEO Pack

    Один из самых популярных SEO-комбайнов для WordPress. Создает XML-карту сайта и файл robots.txt, управляет каноническими URL. Добавляет форму редактирования и превью сниппета. Блокирует индексацию категорий и архивов. Реализует протокол Open Graph.

    2. Yoast SEO

    Самый популярный SEO-комбайн для WordPress. Создает XML-карту, управляет каноническими URL, добавляет на страницы хлебные крошки.

    3. WPSSO Core

    Плагин реализует на сайте протокол Open Graph, который обеспечивает привлекательный сниппет при шеринге контента в соцсетях. Важный момент: надстройку для WPSSO Core удобно использовать для реализации микроразметки Schema.org через JSON-LD.

    4. WPSSO Schema JSON-LD Markup

    Надстройка для плагина WPSSO Core. Автоматически добавляет к публикациям на сайте разметку Schema.org Article, Blogposting и других типов. Микроразметка реализуется через формат JSON-LD, который Google называет предпочтительным.

    5. WPSSO Place / Location and Local Business Meta

    Надстройка добавляет на сайт разметку Schema Place, Local Business, Open Graph Location.

    6. All in One Schema Rich Snippets

    Инструмент реализации микроразметки Schema.org. Поддерживает типы разметки Article, Review, Product, Recipe и другие. Уступает WPSSO по количеству поддерживаемых типов разметки.

    7. WP SEO Structured Data Schema

    Плагин для реализации разметки Schema.org через JSON-LD. Добавляет в редакторе записей поля, которые нужно заполнить. Подробную инструкцию о работе с плагином читайте в статье о новой реальности в поиске.

    8. Open Graph

    Плагин для реализации протокола Open Graph. Используйте его, если не устанавливаете SEO-комбайны типа All in One SEO Pack.

    9. Google XML Sitemaps

    Плагин генерирует XML-карту сайта. Ее принимают Google и «Яндекс». Инструмент обеспечивает более гибкие настройки по сравнению с модулем XML-карты в плагине All in One SEO Pack.

    10. Virtual Robots.txt

    Плагин создает файл Robots.txt и позволяет редактировать его в админке WordPress. Используйте, если не устанавливаете комбайны типа All in One SEO Pack.

    11. Google Analytics for WordPress by MonsterInsights

    Инструмент быстрой интеграции сайта на WordPress с Google Analytics. Добавляет в админку страницу с базовыми метриками эффективности сайта.

    12. Яндекс.Метрика

    Инструмент интеграции сайта на WordPress с «Яндекс.Метрикой». Добавляет в админку страницу с основными метриками эффективности сайта.

    13. WP Translitera

    Еще один плагин из категории must have. Конвертирует URL сайта с кириллицы на латиницу, делает URL удобными для людей.

    14. Permalink Manager Lite

    Плагин позволяет гибко управлять структурой URL. Также надстройка позволяет массово редактировать URL существующих страниц.


    Создание лендингов

    В этом блоке предложены решения, которые подходят для создания и оформления посадочных страниц.

    15. Elementor

    Конструктор drag-and-drop. Этот инструмент заслуживает отдельного обзора. Коротко: мощный инструмент редактирования страниц, с которым даже пользователь без технических навыков почувствует себя богом веб-дизайна.

    16. Instabuilder

    Платный плагин для создания лендингов. Работает по принципу drag-and-drop конструктора. Есть готовые шаблоны, также можно делать страницы с чистого листа. Стоимость от 77 долларов США.

    17. Instapage

    Создает лендинги из шаблонов. Стоимость использования от 69 долларов в год. Подробнее об Instapage читайте в подборке плагинов для повышения конверсии.

    18. WP Landing Pages

    Инструмент создания лендингов. Бесплатная версия включает 15 шаблонов.

    19. Landing Page Builder

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

    20. Beaver Builder

    Конструктор страниц drag-and-drop. Страницы можно редактировать во фронтэнде, а не в админке. Большинство модулей, необходимых для создания полноценных лендингов, доступны по премиум-подписке. Стоимость платного доступа от 99 долларов.

    21. OptimizePress

    Платное решение для создания лендингов. Стоимость использования от 97 долларов США однократно. Покупателям доступен модуль и тема OptimizePress с десятками шаблонов лендингов.

    Повышение конверсии

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

    22. OptinMonster

    Конструктор всплывающих окон. Пользователям доступны несколько вариантов конверсионных форм, инструмент сплит-тестирования, аналитика.

    23. Sumo

    Плагин для интеграции сайта на WordPress с сервисом Sumo.me. После установки пользователю доступны бесплатные инструменты повышения конверсии, включая конверсионную форму подписки, тепловые карты для анализа поведения пользователей и другие.

    24. Contact and Lead Form Builder

    Инструмент создания конверсионный форм. С помощью надстройки можно создавать формы с произвольными полями, защищаться от спама с помощью CAPTCHA. Форма добавляется на любую страницу с помощью шорткода.

    25. WP Forms Lite

    Удобный и популярный плагин для создания конверсионных форм. Работает по принципу drag-and-drop. Пользователям доступны несколько шаблонных форм и возможность создавать формы с чистого листа.

    26. InTrigger

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

    27. LeadBoxer

    Платный инструмент лидогенерации и отслеживания поведения пользователей. Для интеграции платформы с сайтом есть плагин. Доступен бесплатный тестовый период.

    28. Dreamgrow Scroll Triggered Box

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

    Повышение скорости загрузки страниц

    Скорость загрузки влияет на конверсию. С середины 2020 года Google сделает этот показатель фактором ранжирования. Ниже предложены решения для ускорения сайта.

    29. WP Fastest Cashe

    Простой и эффективный плагин кэширования. Кэширует страницы, обеспечивает gzip-сжатие, оптимизирует код, поддерживает CDN.

    30. W3 Total Cache

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

    31. Hyper Cache

    Удобный инструмент кэширования. Поддерживает CDN, обновляет кэш по расписанию, сжимает данные.

    32. AMP for WordPress

    Плагин для создания ускоренных страниц от Automattic. Не требует настроек, не позволяет кастомизировать AMP.

    33. AMP для WP

    Для создания AMP на WordPress рекомендую использовать именно этот плагин от братьев Калуди. Инструмент позволяет кастомизировать ускоренные страницы: настраивать меню, выбирать один из трех шаблонов отображения AMP, добавлять на страницы рекламу.

    34. Yandex.News Feed by Teplitsa

    Плагин для создания турбо-страниц «Яндекса». Создает RSS-фид, который поисковик использует для отображения ускоренных страниц на мобильных экранах.

    35. «Яндекс.Турбо»

    36. Compress JPEG & PNG images

    Инструмент сжатия изображений. Уменьшает вес фото на лету при загрузке на сервер. Сжимает ранее опубликованные фотографии.

    37. Smush Image Compression and Optimization

    Инструмент сжатия изображений. Уменьшает вес фото на лету при загрузке.

    38. Autoptimize

    Плагин оптимизирует JavaScript и CSS, благодаря чему страницы загружаются быстрее. Этот инструмент исправляет типичную ошибку: решает проблему кода, который блокирует отображение верхней части страницы.

    Обеспечение безопасности и формирования доверия

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

    39. Loginizer

    Плагин из категории must have. Защищает сайт от брутфорсинга или взлома методом перебора паролей. Блокирует IP-адрес злоумышленника после нескольких неудачных попыток входа.

    40. Really Simple SSL

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

    41. WP Antivirus Site Protection

    Инструмент комплексной защиты сайта. Ищет опасный код, защищает ресурс от взлома, проверяет подозрительные файлы перед загрузкой на сервер.

    42. McAfee SECURE

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

    43. WP-DB-Backup

    В разделе о безопасности нельзя не упомянуть инструмент для резервного копирования данных. Если вы выбрали нормального хостера, он делает резервные копии сайта. Но для подстраховки можно использовать плагины с соответствующими возможностями, например, WP-DB-Backup. Инструмент может делать копию ресурса с выбранной периодичностью, например, раз в неделю.

    44. Sucuri Security

    Инструмент защиты от вредоносного кода. Есть платная опция защиты от DOS/DDOS атак.

    45. All in One WP Security

    Комплексный инструмент безопасности. Защита от вирусов, брутфорсинга, защита базы данных и конфигурационных файлов от несанкционированного изменения.

    Обратная связь с посетителями сайта

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

    46. Disqus Comment System

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

    47. wpDiscuz

    Альтернатива штатной системе комментариев WordPress и сторонним сервисам комментирования. Плагин расширяет функциональность стандартного поля комментариев: добавляет оценки «за» и «против», позволяет расшарить конкретный комментарий или сослаться на него. Комментарии хранятся в базе данных сайта.

    48. TinyMCE Comment Field

    Заменяет стандартное поле комментариев визуальным редактором. Пользователи могут форматировать сообщения и добавлять к ним изображения.

    49. JivoChat Live Chat

    Плагин для интеграции сайта на WordPress с сервисом JivoSite. Можно использовать бесплатно, если с аудиторией общаются до пяти операторов.

    50. WhatsHelp Chat Button

    Плагин добавляет на сайт кнопки связи с оператором через популярные сервисы: Facebook Messenger, WhatsApp, Viber, Telegram, Snapchat и другие.

    51. Плагины для заказа обратного звонка

    Известные провайдеры сервиса обратного звонка обычно предлагают виджеты для интеграции с WordPress. Вот несколько плагинов от известных разработчиков:

    Вывод рекомендаций

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

    52. myWidget

    Плагин интегрирует сайт на WordPress с сервисом рекомендаций от Mail.ru Group. Рекомендации формируются нейросетью с учетом предпочтений пользователей. Можно включить монетизацию и показывать в блоке рекомендаций нативные рекламные объявления.

    53. Relap

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

    54. Блок рекомендуемого контента от Google AdSense

    Система рекомендаций от Google. Создана для улучшения поведенческих метрик: глубины просмотра и продолжительности сессии. По желанию владелец сайта может включить монетизацию и показывать в блоке рекомендаций нативную рекламу. Интегрируется с сайтом без плагина.

    Наблюдение: на тестовой площадке объявления в блоке рекомендаций под статьями по показателю кликабельности превосходят все остальные рекламные блоки.

    55. Related Posts for WordPress

    Плагин рекомендует контент без нейросетей и искусственного интеллекта.

    Интеграция сайта с социальными сетями и мессенджерами

    В этом блоке предложены решения для социальной интеграции.

    56. Блок шеринга от «Яндекса»

    57. Easy VKontakte Connect

    Инструмент интеграции сайта на WordPress с «ВКонтакте». Добавляет на сайт кнопки шеринга, обеспечивает автопостинг публикаций в паблик, подключает виджеты «Напишите нам» и «Сообщения сообщества».

    58. Instagram Feed

    Плагин интегрирует сайт с аккаунтом в Instagram. Можно демонстрировать фото посетителям и привлекать подписчиков.

    59. Facebook Widget

    Плагин связывает сайт с группой или страницей Facebook.


    60. WP Native Articles

    Плагин добавляет на сайт разметку, необходимую для реализации Instant Articles. Данные нужны для мгновенного отображения публикаций пользователям Facebook.

    61. Telegram for WP

    Плагин ретранслирует публикации в блоге на канал в Telegram.

    62. WP Viber Contact Button Lite

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

    63. Simple Follow Me Social Buttons Widget

    Инструмент добавляет на сайт кнопки со ссылками на профили владельца сайта в социальных сетях. Поддерживает популярные в рунете площадки «ВКонтакте», «Одноклассники», а также международные соцсети.

    64. Shareaholic

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

    65. OnePress Social Locker

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

    66. uLogin

    Плагин добавляет на сайт функцию авторизации через социальные профили. Поддерживает популярные в рунете соцсети.

    67. YourChannel

    Инструмент интеграции сайта с каналом на YouTube. Можно демонстрировать на сайте плейлисты и отдельные видео, использовать функцию автоматического запуска видео.

    68. Pin It

    Плагин добавляет кнопку шеринга Pinterest на фотографии в публикациях. Полезно для интернет-магазинов.

    WordPress для E-commerce

    Здесь представлены плагины для интернет-магазинов.

    69. WooCommerce

    WooCommerce — самое популярное в мире решение для онлайн-торговли. Подробную информацию о плагине смотрите в нашем руководстве.

    70. Ecwid Ecommerce Shopping Cart

    Плагин Ecommerce-платформы Ecwid. Решение платное, но до 10 товаров можно продавать бесплатно.

    71. MarketPress

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

    72. WP-CRM

    Условно бесплатный инструмент. Добавляет на сайт WordPress простую CRM-систему. Функциональность можно расширить с помощью платных модулей.

    Вот еще несколько CRM для WordPress:

    • Brilliant Web-to-Lead for Salesforce. Интеграция сайта с CRM Salesforce.
    • CRM WordPress Leads. Плагин интегрирует WordPress с несколькими популярными CRM-системами.
    • Zero BS WordPress CRM. Условно бесплатная CRM для WP.
    • Agile CRM. Функциональная CRM-система для WP.
    • CRM: Contact Management Simplified. Базовые возможности доступны бесплатно, расширить функциональность можно за деньги.

    73. MailChimp for WooCommerce

    Плагин интегрирует интернет-магазин на WooCommerce с сервисом MailChimp.

    74. WordPress Download Manager

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

    75. Wallet One

    Платежный модуль «Единая касса» для магазинов на WooCommerce. Поддерживает платежи на банковские карты и расчетные счета, электронные платежные системы «Яндекс.Деньги», WebMoney и другие популярные способы оплаты товаров.

    76. WP Shop

    Адаптированный для рунета модуль платежей. Поддерживает популярные российские платежные системы, включая «Яндекс.Деньги» и WebMoney, а также международные системы Visa, MasterCard, PayPal.

    77. WP-Recall

    Плагин создает профили покупателей в магазинах под управлением WordPress.

    78. WP Coupons and Deals

    С помощью плагина можно создавать купоны на скидки. Аналогичное решение: Coupon Creator.

    79. Finale

    Плагин добавляет таймер обратного отсчета времени до конца акции.

    Другие полезные решения

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

    80. Polylang

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

    81. Easy Google Fonts

    82. Jetpack

    Многофункциональный плагин, который расширяет возможности сайта. Одна из самых популярных надстроек для WordPress. Вот некоторые функции Jetpack:

    • Защита от брутфорсинга.
    • Резервное копирование.
    • Ретрансляция публикаций в соцсети.
    • Кастомизация формы комментирования.
    • Отображение рекомендованных записей.

    Некоторые функции платные.

    83. Head, Footer and Post Injections

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

    84. Per page add to head

    Незаменимое решение для управления кодом. Позволяет добавить код на конкретные страницы сайта. Например, с помощью Per page add to header можно добавить на страницу обзора код микроразметки Schema.org Review.

    85. Portfolio Gallery

    Плагин для публикации портфолио.

    86. Testimonials Widget

    Инструмент для публикации клиентских отзывов.

    87. Pixabay Images

    Модуль позволяет вставлять в записи фото из фотобанка Pixabay из редактора WordPress.

    88. Our Team Showcase

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

    89. Auto Terms of Service and Privacy Policy

    Инструмент публикации условий обслуживания и политики конфиденциальности.

    90. Ultimate Nofollow

    Важный плагин для бизнес-сайтов. Добавляет в стандартный редактор возможность в один клик закрыть любую ссылку атрибутом rel=nofollow. Это необходимо, когда бизнес-сайт публикует гостевые посты или ссылается на коммерческих партнеров.

    91. WP-Polls

    Инструмент создания опросов в публикациях. Опрос можно создать на странице или в публикации. Ход голосования можно показывать в виджете в сайдбаре.

    92. Special Text Boxes

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

    93. File Manager

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

    94. Business Directory Plugin

    Инструмент для создания каталогов. Поддерживает импорт данных из файлов csv.

    95. Locations

    Плагин добавляет на сайт карту с указанием физического местоположения офиса, магазина, склада.

    96. Business Hours Indicator

    Добавляет на сайт информацию о времени работы учреждения, а также индикатор «Открыто/Закрыто». Полезно для сайтов офлайн-магазинов, кафе, салонов красоты.

    97. Aesop Story Engine

    98. WP Customer Reviews

    Плагин создает поле для отзывов покупателей. Каждый посетитель сайта может поделиться впечатлениями. Поддерживает микроразметку Schema Review.

    99. Bookly

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

    100. PDF Embedder

    Модуль для публикации файлов PDF. В этом формате удобно публиковать white paper, презентации, отзывы.

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

    SiteOrigin W >

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

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

    Ребята из WPBeginner.com сделали отличную подборку из 25 полезных виджетов для блога на WordPress. Я не поленился и перевел содержимое, чтобы донести список до вас, уважаемые читатели.

    По умолчанию в WordPress установлен «родной» виджет вывода последних записей в виде списка, на который редко кто обращает внимание. Recent Posts Widget With Thumbnails — отличный виджет, который поможет вам выводить последние записи вместе с их превью. Обычно плагин берет для превью первое изображение в записи. Так же можно указать ширину и высоту миниатюры и сортировку. Он может показывать как последние записи, так и самые популярные и случайные.

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

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

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

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

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

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

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

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

    Отличный виджет для вывода последних видео с вашего YouTube-канала. Выглядит очень красиво, компактно и интересно для посетителей.

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

    Виджет для вывода приятного глазу меню авторизации. Авторизация, регистрация, Забыли пароль? — все эти пункты поделены на табы. Выглядит свежо и красиво.

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

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

    С точки зрения программирования виджет — это небольшая программка, которые создает и выводят некий HTML код с информацией в заданную область темы (такая область называется сайдбар, что в переводе с английского означает боковая колонка. Если сказать более точно, то WordPress виджет — это класс наследник класса WP_Widget Не будем пока что останавливаться на этом, подробно о создании виджетов напишу в следующий раз. Итак, эта программка выполняет свою задачу и создает HTML код для того, чтобы мы могли встроить его в нужное место своего сайта.

    Где хранятся виджеты?

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

    Здесь на картинке сами виджеты находятся слева в два столбца, а справа расположены все сайдбары, зарегистрированные данной темой. Чтобы добавить виджет в нужную область его следует перетащить мышкой в нужный сайдбар. Каждый сайдбар хранит определенное количество виджетов, а чтобы увидеть их, его нужно развернуть, нажав на него мышкой. Виджет можно добавить любое количество раз и каждый раз, когда он перемещается в сайдбар, создается новый объект класса виджет, данные незамедлительно сохраняются в базу данных и результат можно видеть на странице. У каждого виджета могут быть дополнительные настройки.

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

    .
    Отрывается эта панель из администратора, через меню «Внешний вид >> Настроить >> Виджеты».

    Что такое сайдбары?

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

    Основные настройки виджетов

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

    Как вывести виджет только на одной странице или для одной категории?

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

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

    С помощью популярного плагина Jetpack, в состав которого входит этот плагин (https://wordpress.org/plugins/jetpack/), можно настроить видимость отдельного виджета на разных страницах, категориях, произвольных типах данных и т.д. У него есть много вариантов настроек, можно установить видимость определенного виджета только для страниц или только для записей с определенным тегом, записей из нужной вам категории, записей определенного автора, а можно запретить показывать виджет на определенной странице. Это очень удобный плагин, он встраивает свое поле в форму настройки каждого виджета:

    Этот же плагин видимости можно установить отдельно от Jetpack (https://wordpress.org/plugins/jetpack-widget-visibility/)

    Плагин, создающий сайдбары для нужной страницы или категории

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

    Стандартные виджеты

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

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

    Неактивные виджеты

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

    Где брать дополнительные виджеты?

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

    Замедляют ли виджеты работу сайта?

    Есть такое мнение, что чем меньше виджетов, тем быстрее работает сайт. На самом деле виджеты на это оказывают минимальное влияние. На скорость и нагрузку на сервер влияет тот код, который находится внутри виджета. Скажем, если он совершает дополнительный запрос к базе данных. например для того, чтобы вывести последние записи, в этом случае загрузка сайта немного замедлится, но не из-за виджета, а из-за этого самого запроса к базе данных. Таким образом, если в сам шаблон прописать код, который выведет последние записи — это не будет оптимизацией скорости загрузки страниц под названием «избавление от виджетов». Текстовый виджет не обращается к базе данных, а отвечает за то, чтобы встроить в страницу дополнительный html код, а это действие на скорость не влияет (влияет, но этой миллисекундой можно пренебречь).

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

    1. Recent Posts Widget with Thumbnails

    По умолчанию WordPress распространяется с виджетом недавних записей, который отображает простой список ваших последних записей. Виджет Recent Posts Widget With Thumbnails позволяет отображать недавние записи с миниатюрами. Он использует указанное изображение или первое изображение в записи в качестве миниатюры. Вы также можете настроить высоту и ширину рисунка в окне настроек виджета.

    2. Category Posts

    Виджет для сайта WordPress Category Posts показывает недавние записи из выбранной категории. Вы можете выводить записи в виде списка заголовков, отрывков или миниатюр. Его использование совместно с плагином Display Widgets позволит показать скрытые виджеты на определенных страницах.

    3. Simple Social Icons

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

    Также вы можете изменить иконку, выбрав фон и цвет шрифта.

    Это лучший виджет WordPress для добавления иконок социальных сетей.

    4. Google Maps Widget

    Легкий способ добавить карту на боковую панель вашего сайта – воспользоваться виджетом Google Maps . Этот плагин позволяет отображать карту Google в виджете. Когда пользователь нажимает на него, во всплывающем окне открывается карта большего размера. Это один из лучших виджетов для WordPress для коммерческих организаций, которые хотят показать на сайте свой адрес и местоположение.

    5. Social Count Plus

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

    6. Image Widget

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

    7. Custom Taxonomies Menu Widget

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

    8. Compact Archives

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

    9. Authors Widget

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

    10. YouTube Channel Gallery

    Этот виджет для сайта WordPress позволяет демонстрировать последние видео с вашего YouTube канала. Он отображает видео в виде привлекательной сетки, которая занимает меньше места и выглядит более интересно.

    11. OptinMonster

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

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

    12. Tabbed Login Widget

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

    13. Simple Contact Info

    Плагин Simple Contact Info позволяет легко добавлять свою контактную информацию, социальные иконки и информацию о местоположении просто заполнив форму. После этого вы можете легко перетащить виджеты с контактами на боковую панель, чтобы отобразить эту информацию.

    14. Quick Chat

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

    15. Testimonials Widget

    Положительные отзывы – это отличный способ «похвастаться » своими довольными клиентами и заказчиками. Виджет Testimonials помогает легко создавать отзывы и отображать их с помощью виджета или шорткода.

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

    17. Neat Skype Status

    Хотели бы отобразить свой контакт Skype в онлайн-статусе на WordPress сайте? Данный сервис используется тысячами профессионалов для связи с клиентами и заказчиками. Neat Skype Status позволяет легко отображать ваш статус Skype на WordPress сайте.

    18. Random Posts Widget

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

    19. Soliloquy WordPress Slider Widget

    Soliloquy – это отзывчивый WordPress плагин, который облегчает создание слайдеров. С его помощью вы сможете добавить слайдеры в любом месте, используя WordPress виджет галереи. Таким образом, можно показывать недавние записи, избранные посты, видео, изображения pinterest, instagram или любую другую информацию.


    Soliloquy также имеет и бесплатную версию .

    20. Feature a Page Widget

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

    21. Envira Gallery

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

    Также доступна бесплатная версия плагина Envira Gallery .

    22. Date and Time Widget

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

    23. Google Calendar Events

    Этот плагин предлагает легкий способ отображения календаря событий. Вы можете создать события с помощью Google Calendar , а затем синхронизировать календарь с плагином, чтобы отобразить его на своем сайте. Этот виджет пригодится для некоммерческих организаций, которые хотят отображать свои события.

    24. Display Recently Registered Users Widget

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

    25. WordPress Popular Posts

    WordPress Popular Posts позволяет отображать наиболее популярные записи вашего сайта в симпатичном виджете. Вы можете сортировать популярные записи по количеству просмотров или по количеству комментариев.

    Надеемся, что эта статья помогла вам найти самые полезные виджеты для WordPress для вашего сайта.

    Перевод статьи « 25 Most Useful WordPress Widgets for Your Site » был подготовлен дружной командой проекта .

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

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

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

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

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

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

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

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

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

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

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

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

    1. Вставьте код в файл functions.php текущей темы.
    2. Удалите или закомментируйте строки с теми виджетами, которые удалять не нужно.
    3. И только потом можете сохранить файл.
    function true_remove_default_widget() < unregister_widget("WP_Widget_Archives" ) ; // Архивы unregister_widget("WP_Widget_Calendar" ) ; // Календарь unregister_widget("WP_Widget_Categories" ) ; // Рубрики unregister_widget("WP_Widget_Meta" ) ; // Мета unregister_widget("WP_Widget_Pages" ) ; // Страницы unregister_widget("WP_Widget_Recent_Comments" ) ; // Свежие комментарии unregister_widget("WP_Widget_Recent_Posts" ) ; // Свежие записи unregister_widget("WP_Widget_RSS" ) ; // RSS unregister_widget("WP_Widget_Search" ) ; // Поиск unregister_widget("WP_Widget_Tag_Cloud" ) ; // Облако меток unregister_widget("WP_Widget_Text" ) ; // Текст unregister_widget("WP_Nav_Menu_Widget" ) ; // Произвольное меню >add_action( «widgets_init» , «true_remove_default_widget» , 20 ) ;

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

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

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

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

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

    По своей структуре наш виджет будет похож на стандартный виджет WordPress « », т е он будет иметь похожие параметры (заголовок и количество отображаемых постов) и похожий HTML-шаблон для вывода постов (заголовки записей со ссылками в виде

      -списка).

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

    /* * создание виджета */ function __construct() < parent::__construct( "true_top_widget" , "Популярные посты" , // заголовок виджета array ( "description" =>«Позволяет вывести посты, отсортированные по количеству комментариев в них.» ) // описание ) ; > /* * фронтэнд виджета */ public function w ] ) ; // к заголовку применяем фильтр (необязательно) $posts_per_page = $instance [ «posts_per_page» ] ; echo $args [ «before_w >»posts_per_page=$posts_per_page &orderby=comment_count» ) ; if ( $q ->have_posts () ) : ?>

      have_posts () ) : $q ->the_post () ; ?>
    • «>

    /* * бэкэнд виджета */ public function form( $instance ) < if ( isset ( $instance [ "title" ] ) ) < $title = $instance [ "title" ] ; >if ( isset ( $instance [ «posts_per_page» ] ) ) < $posts_per_page = $instance [ "posts_per_page" ] ; >?>

    get_field_id ( «title» ) ; ?> «>Заголовок get_field_id ( «title» ) ; ?> » name=» get_field_name ( «title» ) ; ?> » type=»text» value=» » />

    get_field_id ( «posts_per_page» ) ; ?> «>Количество постов: get_field_id ( «posts_per_page» ) ; ?> » name=» get_field_name ( «posts_per_page» ) ; ?> » type=»text» value=» » size=»3″ />

    /* * сохранение настроек виджета */ public function update( $new_instance , $old_instance ) < $instance = array () ; $instance [ "title" ] = ( ! empty ( $new_instance [ "title" ] ) ) ? strip_tags ( $new_instance [ "title" ] ) : "" ; $instance [ "posts_per_page" ] = ( is_numeric ( $new_instance [ "posts_per_page" ] ) ) ? $new_instance [ "posts_per_page" ] : "5" ; // по умолчанию выводятся 5 постов return $instance ; >> /* * регистрация виджета */ function true_top_posts_widget_load() < register_widget( "trueTopPostsWidget" ) ; >add_action( «widgets_init» , «true_top_posts_widget_load» ) ;

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

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

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

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

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

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

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

    • 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 в Питере.

    25 полезных виджетов WordPress для вашего сайта

    В этом разделе Вы найдете различные файлы, которые по тем или иным причинам не были отнесены к какому-то конкретному разделу, но сами по себе несут какую-то пользу.

    5 самых полезных расширений Google Chrome для веб-дизайнера и разработчика

    В этой статье мы собрали список самых лучших и полезных расширений Google Chrome для веб-дизайнеров и разработчиков.

    5 самых популярных плагинов WordPress для режима технического обслуживания

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

    10 очень полезных плагинов для работы с виджетами на WP

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

    10+ лучших бесплатных шрифтов для кодирования и программирования

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

    10 бесплатных плагинов для WordPress для добавления и расширения карт

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

    Бесплатные WordPress плагины для добавления jQuery эффектов и возможностей к вашему сайту

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

    10 бесплатных плагинов для WordPress для расширения BuddyPress и bbPress

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

    Лучшие плагины для виджетов WordPress

    Виджеты — это неотъемлемая часть любого дизайна на WordPress. Каждая тема содержит в себе по несколько областей виджетов. Эти элементы используются для вывода какой-либо полезной информации для посетителей и выполняют определённую функцию.

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

    Restrict W >

    Бесплатный и простой в использовании плагин, несмотря на английский язык от dFactory. Он наделяет создаёт новую возможность, которая часто бывает нужна вебмастерами, и которой в стандартной комплектации CMS, к сожалению, пока нет – скрывает определённые виджеты на той или иной странице или записи.

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

    Display W >

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

    После активации появляются дополнительные опции и возможности, в которых можно будет настроить их видимость. Продукт разработан Phpbits Creative Studio и бесплатный.

    WP Page W >

    Плагин для виджетов WordPress продолжает экземпляр от CodeAndMore, который называется WP Page W >

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

    Инструмент бесплатный и на английском языке.

    Q2W3 Fixed W >

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

    Это можно использовать для того, чтобы создать элемент, на котором необходимо акцентировать внимание посетителей – рекламный баннер, какое-либо объявление или важный навигационный элемент.

    Disable W >

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

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

    jQuery Archive List W >

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

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

    SiteOrigin W >

    Разработчики из SiteOrigin уже известны многим вебмастерам своими качественными и полезными продуктами. Также они выпускают и плагины для виджетов. Один из них это SiteOrigin W >

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

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

    Бесплатный инструмент разработанный C.M. Kendrick, который будет полезен только тем, кто владеет CSS, и хочет изменить внешний вид дизайна. После активации у каждого виджета появляется поле, в которое можно добавить кастомный CSS класс. Есть страница опций на русском языке.

    Authors W >

    Этот плагин создаёт новый элемент для WordPRess, в функции которого входит вывод списка авторов сайта. Инструмент будет полезен многопользовательским сайтам.

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

    Интерфейс на английском языке, разработка от Gavriel Fleischer.

    Recent Posts W >

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

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

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