≡× МЕНЮ

• Проблемы 
• Сетевое 
• Обзоры
• Интернет
• Windows 7

Как использовать виджеты для блога на WordPress. Лучшие плагины для виджетов WordPress Плагины для виджетов wordpress

Приветствуем вас! Виджеты — одна из наиболее востребованных функций WordPress. Короче, виджеты позволяют пользователям отображать полезные, привлекательные функции на веб-странице. Такие вещи, как функция поиска, ссылки на связанные записи и архивы блога, могут быть размещены с помощью виджетов. WordPress поставляется с 12 виджетами по умолчанию: «Архивы», «Календарь», «Текст» и т.д. Однако это лишь верхушка айсберга того, что вы можете делать с виджетами. У некоторых читателей наверняка возник вопрос, а что же такое виджеты? Виджеты WordPress — это небольшие подвижные элементы, которые можно разместить на любой странице вашего сайта.

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

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

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

1 Contact Widgets

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

2 Testimonials Widget

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

3 Recent Posts Widget With Thumbnails

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

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

4 Google Maps Widget

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

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

5 Rating-Widget

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

6 The Events Calendar

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

7 Social Media Widget

Social Media Widget позволяет легко добавлять привлекательные значки ваших социальных профилей. Он поддерживает все основные социальные сети, такие как Facebook, Twitter и т. д. Если вам просто нужен простой способ продемонстрировать свои профили в социальных сетях, этот виджет является хорошим вариантом.

8 Feature A Page Widget

Вы видели популярные веб-сайты с определенными страницами в своих боковых панелях? Эти статические страницы используются для отображения информации, например, о странице архивов и т.д. Плагин Feature the Page Widget позволяет вам делать именно это.

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

9 Easy Profile Widget

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

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

10 WordPress Popular Posts

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

Заключение

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

С уважением Вячеслав и Валерия!

Здравствуйте!

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

ТОП 5 Виджетов для WordPress

5 Место – Add Widget After Content

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

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

4 Место – Feature A Page Widget

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

3 Место – Restrict Widgets

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

2 Место – Responsive Column Widgets

Ещё один супер-полезный плагин, с помощью которого вы сможете добавить на любую страницу вашего сайта адаптивные виджеты. Причём виджеты на странице можно располагать как угодно в любом порядке, вертикально, горизонтально, сеткой, можно устанавливать размер для виджетов, порядок расстановки и т.д. Например можно сделать так: на 1 ряду страницы – 2 виджета, на 2 ряду страницы – 4 виджета, на 3 ряду страницы – 5 виджетов и т.д., подставляйте любые цифры, нет никаких ограничений.

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

1 Место – Black Studio TinyMCE Widget

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

Какие типы виджетов WordPress вам понадобятся в 2017 году?

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

В попытке пролить некоторый свет на новые и в настоящее время хорошо поддерживаемые виджеты WordPress, я представляю вам 20 виджетов WordPress которые доступны на CodeCanyon в 2017 году:

1. Боковая панель и менеджер виджетов для WordPress

Получите больше контроля над своим макетом и боковыми панелями для виджетов WordPress с помощью плагина Sidebar & Widget Manager для WordPress.

Не требуется знание программирования и имеет множество опций.

Особенности:

• Поддержка WPML, WooCommerce, bbPress и BuddyPress
• Видимость, выравнивание и местоположение виджета
• Полностью отзывчивый дизайн
• и многое другое!

Если вам нужно настроить расширенные макеты, заменить боковую панель темы или создать полностью виджетные страницы, у вас будет множество вариантов. Получите больше контроля над тем, где отображаются виджеты WordPress с помощью Sidebar & Widget Manager для WordPress .

2.

Возможно, вам не нужно, чтобы все виджеты отображались на каждой странице. С Advanced Text Widget Pro, параметры безграничны.

Легко настроить отображение виджетов с помощью:

• 10 различных условий по умолчанию
• 20 параметров видимости
• Или создать свой собственный

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

3.

JSquareThemes - новый и перспективный разработчик CodeCanyon, который публикует хорошо разработанные плагины, такие как JT Posts Showcase.

Покажите свои сообщения в более чем 40 разных стилях.

Этот плагин WordPress имеет все основные функции, которые вам нужны в виджетах витрины сообщений:

• Заказ по идентификатору, названию, дате, автору, случайному и по возрастанию и по убыванию
• Контролировать количество сообщений для отображения
• Отображение по категориям

Самые лучшие, 40 + стилей, включенных в великолепно разработаны.

4.

В WordPress не так легко найти плагины для популярных постов, поэтому Popular Posts Widget for WordPress - Go Trend является долгожданным дополнением.

Легко формируйте свой популярный виджет сообщений по своему вкусу:

• Показывайте записи за последний день, неделю, год или за все время
• Настраивайте шрифты и цвета
• Сортируйте по комментариям или просмотрам
• Неограниченные макеты
• И многое, многое другое

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

5.

Coliris - Most Popular Recent Posts Widget - это красочный и крутой виджет, отображающий ваши самые популярные недавние сообщения.

Особенности:

• Простая конфигурация виджета
• Обновление кэша каждые пять минут
• Расширенная фильтрация сообщений и отображение содержимого

Вы можете отображать на нескольких виджетах:

• Самые комментируемые посты
• Популярные посты
• Недавние Посты
• Страницы

Добавьте немного цвета в боковую панель с помощью плагина .

6.

Twitter Info Widget WordPress Plugin был не зря включен в .

И это хорошо.

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

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

Это идеальный способ отображения информации о вашем Twitter.

7.

Практически для каждой сборки сайта понадобятся некоторые ссылки на социальные сети. Использование JT Social Links - это быстрый и простой способ добавить эти иконки в социальные сети в области виджетов.

Особенности:

• 15 лучших сайтов социальных сетей
• Полностью адаптивный дизайн
• Несколько стилей

8.

Simple Icon Picker - уникальный плагин WordPress, который хорошо держать под рукой. Он описывается так:

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

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

Вы можете настраивать CSS, выбирать цвета и легко настраивать каждый виджет в админке.

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

9.

Ты можешь:

• Показать биографию
• Отображать полные имена
• Дать контактную информацию
• Показать аватар
• И многое, многое другое

Это должно быть хорошим решением для блогов с несколькими авторами (или простое решение для личных блогов).

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

10.

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

Один из самых надежных и ориентированных на погоду решений - это плагин Astero WordPress Weather.

В этом плагине погоды WordPress есть практически все, что вам нужно в виджетах погоды:

• Служба Forecast.io или Openweathermap.org
• Полностью настраиваемый и два режима отображения
• Геолокация HTML5 с резервным IP-адресом
• Поиск по городу или почтовому индексу
• 3 типа фона
• и многое другое

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

11.

Better Weather - WordPress and Visual Composer Widget - это один из самых красивых погодных виджетов, который вы сможете найти.

Вряд ли есть лучший способ показать прогноз.

• 10 дизайнов и полностью настраиваемый
• Поддерживается 4 источника погоды
• Готовый перевод WPML
• Автоматическое определение через пользовательский IP-адрес
• и много всего еще

12. WeatherWlider Premium WordPress Weather Widget

Если вы хотите привлечь больше внимания к прогнозу погоды, WeatherSlider Premium WordPress Weather Widget - отличный способ.

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

Особенности:

• Поддерживает размещение нескольких ползунков с уникальными настройками
• Анимация CSS3 с использованием jQuery
• 48 различных типов погоды
• Прогноз на 3 дня
• и многое другое

Отличный способ предоставить информацию о погоде для посетителей вашего сайта.

13.

Добавьте список событий в область виджетов WordPress с помощью плагина JT Event Calendar.

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

Выберите один из семи различных стилей и включите:

• Название события
• Информацию
• Место нахождения
• И ссылку

Прост и нагляден.

14.

Advanced Business Hours идеально подходит для отображения часов работы на бизнес-сайте. Он не только хорошо разработан, но и включает полезные функции для реализации и настройки.

Он полностью адаптивный, настраивается, и готов для работы на дисплее ретина.

Другие функции:

• Рабочее время за текущий день
• Начало и конец рабочего времени
• Рабочее время в течение недели
• Групповые дни подряд
• и другое

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

15.

Opening Time Widget - отличный способ показать часы работы, поскольку он больше фокусируется на настройке чем над функционалом.

Легкий в дизайне виджет с семью включенными дизайнам и поддержкой 700 + Google шрифтов. Легко меняйте тексты, шрифты и дизайн.

Полностью адаптивное и долгожданное дополнение к любому веб-сайту малого бизнеса.

16.

Легко добавляйте Google Place Reviews на сайты малого бизнеса с помощью виджета или короткого кода с Easy Google Places Reviews.

Вы также можете добавить кнопку «Написать отзыв», чтобы увеличить количество отзывов в Google Place.

Особенности:

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

Создайте лучший бизнес-сайт с помощью .

17.

Если вы хотите добавить Google Map на свой сайт WordPress, используйте Google Maps Widget PRO.

Некоторые функции включают в себя:

• 4 типа эскиза карты и интерактивные режимы карты
• Персонализированные пин-коды и описания
• Поддержка нескольких контактов
• И многое, многое другое

Встраивайте полностью настроенные Карты Google в виде виджета или короткого кода.

Виджет Google Maps PRO может быть единственным плагином Google Map WordPress, который вам когда-либо понадобится. Когда-либо.

18.

Продемонстрируйте свои продукты WooCommerce в полностью современной и адаптивном виде с помощью JT Products Showcase.

Возможности виджета включают:

• Отображение SKU продукта
• Отображение добавления в корзину
• Отображение подробной информации
• Список или сетка
• и многое другое

Прост в использовании и стильно отображает ваши продукты.

19.

WashCommerce Dashboard Stats - обязательный плагин для пользователей WooCommerce . Нет более простого способа отслеживать статистику продаж.

Статистика в реальном времени включает продажи и доход для:

• ежедневно
• Ежемесячно
• И ежегодно

«Он также сравнивает ваши продажи в реальном времени и возвращает к предыдущим периодам и дает вам процентное изменение в режиме реального времени».

Отличное дополнение к плагинам для WordPress eCommerce.

20. Виджеты Smart Market

Если вы продаете на Envato, вам нужно более пристально взглянуть на Smart Market Widgets.

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

Это включает пять различных виджетов:

1. Избранный автор
2. Featured File
3. Список файлов
4. Поиск файлов
5. Powered By API Banner

Вы можете отображать как свои собственные продукты, так и другие, добавив реферер к каждому URL.

Smart Market Widgets - отличный способ подключить ваш сайт к Envato.

Заключение

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

На Envato Market есть большой выбор виджетов WordPress, не говоря уже о , и с кодом от Envato Tuts +, ожидающих вас в этом году.

Какие из ваших любимых новых виджетов WordPress вы недавно нашли?

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

По сути виджеты можно добавлять куда угодно на страницах сайта, но это зависит от темы 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 widget( $args , $instance ) { $title = apply_filters( "widget_title" , $instance [ "title" ] ) ; // к заголовку применяем фильтр (необязательно) $posts_per_page = $instance [ "posts_per_page" ] ; echo $args [ "before_widget" ] ; if ( ! empty ( $title ) ) echo $args [ "before_title" ] . $title . $args [ "after_title" ] ; $q = new WP_Query ("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" ] ; } ?> ">Заголовок " name="get_field_name ( "title" ) ; ?> " type="text" value=" " /> ">Количество постов: " 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 в область хидера своего сайта? Виджеты позволяют вам легко добавлять блоки контента в определенные места вашей темы. В сегодняшней статье мы покажем вам как легко добавить виджет WordPress в хидер сайта.

Зачем и когда может потребоваться добавлять виджет в хидер

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

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

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



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

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

Шаг 1. Создаем область для виджетов в хидере

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

Для этого добавляем следующий код в файл functions.php темы:

Function wpb_widgets_init() { register_sidebar(array("name" => "Произвольная область для виджетов в хидере", "id" => "custom-header-widget", "before_widget" => "

", "after_widget" => "
", "before_title" => "

", "after_title" => "

",)); } add_action("widgets_init", "wpb_widgets_init");

Этот код регистрирует новый сайдбар или область для виджетов в вашей теме.

Теперь можно перейти на страницу Внешний вид » Виджеты и вы увидите новую область под названием ‘Произвольная область для виджетов в хидере’.



Добавляем в нее текстовый виджет для проверки и сохраняем.

Шаг 2: Выводим произвольную область для виджетов в хидере

Если сейчас вы перейдете на сайт, то не увидите добавленный текстовый виджет.

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

Вам потребуется отредактировать файл header.php своей темы и добавить следующий код в то место, где нужно вывести область для виджетов.

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



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

Шаг 3: Стилизируем виджет в хидере с помощью CSS

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

Самым простым способом сделать это будет использование плагина CSS Hero. Он позволит вам воспользоваться интуитивно понятным интерфейсом для изменения CSS любой WordPress темы.

Если же вы не хотите использовать плагина, тогда можно добавить CSS в свою тему на странице Внешний вид » Настроить .

Появится интерфейс кастомайзера тем WordPress. Здесь выбираем владку ‘Произвольный CSS’.



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

Ниже пример кода для минимального оформления области виджетов.

Div#header-widget-area { width: 100%; background-color: #f7f7f7; border-bottom:1px solid #eeeeee; text-align: center; } h2.chw-title { margin-top: 0px; text-align: left; text-transform: uppercase; font-size: small; background-color: #feffce; width: 130px; padding: 5px; }

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