WordPress добавить виджет – the_widget() — Выводит указанный виджет за пределами сайдбара. Можно использовать в любом месте шаблона. Функция WordPress.

Содержание

Как добавить зону виджетов в шаблон WordPress

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

Прошу за это прощения. Спасибо большое Марине за то, что напомнила мне об этом. Я очень люблю получать обратную связь от посетителей моего сайта. И всегда рад помочь.

Давайте же начнем.

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


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

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

Вот об этом мы сейчас и поговорим.

1. Инициализация зон виджетов в файле functions.php

Да-да. Именно в этом файле прописаны зоны виджетов. Файл этот находится в папке с Вашей темой. Конкретнее вот здесь:

/wp-content/themes/имя_темы/functions.php

Открываем его любым текстовым редактором. Удобнее всего пользоваться Notepad++ (для более продвинутых — Adobe Dreamweaver). И прокручиваем его почти до самого конца вниз. До функции:

function twentyten_widgets_init()

twentyten — имя темы (у Вас может быть другое). В этой функции видим следующие конструкции:

// Area 1, located at the top of the sidebar.
    register_sidebar( array(
        'name' => __( 'Левая колонка', 'twentyten' ),
        'id' => 'primary-widget-area',
        'description' => __( 'Область левой колонки', 'twentyten' ),
        'before_widget' => '<li>',
        'after_widget' => '</li>',
        'before_title' => '<h4>',
        'after_title' => '</h4>',
    ) );

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

Давайте разберем синтаксис.

// Area 1, located at the top of the sidebar.

Это просто строчка с комментарием (она закомментирована двойным слэшем //). Она не влияет на код. Можно ее совсем удалить, или написать в ней какой-нибудь свой комментарий (который поможет Вам потом понять, зачем нужна эта конкретная зона виджетов).

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

'name' => __( 'Левая колонка', 'twentyten' ),

Эта строчка задает имя для зоны виджетов, которое будет отображаться в админ панели на вкладке «Виджеты». «twentyten» — название темы (у вас может отличаться).

Далее:

'id' => 'primary-widget-area',

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

'description' => __( 'Область левой колонки', 'twentyten' ),

Это описание, которое будет отображаться при открытии зоны виджетов во вкладке «Виджеты».

'before_widget' => '<li>',

Код, указанный в этом параметре будет добавляться перед виджетом. Будет добавлять каждому виджету в этой зоне уникальный идентификатор. Чтобы можно было потом при помощи CSS отформатировать каждый виджет по-разному (при желании).

Например, может получиться так:

Продолжим рассматривать код:

'after_widget' => '</li>',

Соответственно этот код добавится после виджета. Если мы перед виджетом открыли тег <li>, то тут обязательно нужно его закрыть.

'before_title' => '<h4>',

Этот код будет добавлен перед заголовком, который мы введем в текстовое поле при создании самого виджета.

'after_title' => '</h4>',

Соответственно, этот код добавится после заголовка. Закрываем в нем теги, которые открыли перед заголовком.

Вот и все! Инициализация зоны виджетов завершена. Идем дальше.

2. Размещение зоны виджета в шаблоне.

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

Если в сайдбаре — то в файл sidebar.php

Если в подвале — то в footer.php

А теперь рассмотрим код, который нужно добавить:

<?php if ( is_active_sidebar( 'primary-widget-area' ) ) : ?>
    <div role="complementary">
        <ul>
            <?php dynamic_sidebar( 'primary-widget-area' ); ?>
        </ul>
    </div>
<?php endif; ?>

Как и в прошлый раз — пойдем по строкам.

<?php if ( is_active_sidebar( 'primary-widget-area' ) ) : ?>
   ...
<?php endif; ?>

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

«primary-widget-area» — это как раз тот самый идентификатор, о котором я говорил в предыдущей главе. Он указывает на конкретную зону.

Итак, условие проверили. Если виджет не добавлен в зону — зона не отображается, если же добавлен — то в код страницы вставляется конструкция:

<div role="complementary">
     <ul>
         <?php dynamic_sidebar( 'primary-widget-area' ); ?>
     </ul>
</div>

А именно — добавляется контейнер <div>. Внутри него маркированный список <ul>. Список нужен! Ведь в одной зоне может быть расположено несколько виджетов.

Ну и соответственно инструкция:

<?php dynamic_sidebar( 'primary-widget-area' ); ?>

... Вставляет конкретную зону виджетов в это место. Опять же идентифицируется по «primary-widget-area» — тому же самому идентификатору.

Ну вот и все! Теперь Вы знаете как добавить зону виджетов в Ваш шаблон WordPress.

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

И не забываем подписываться на обновления. Вас ждет еще очень много интересного.

 

WP Custom Widget area — простой способ добавить области виджетов и меню на сайт WordPress

Версия плагина:

1.2.5
Версия WordPress: 4.7.2

Краткое описание

Плагин WP Custom Widget area позволяет динамически добавлять на сайт области виджетов и меню и использовать их в визуальном редакторе или файлах темы.

Использование

Настройки плагина производятся в разделе CWA Settings.

Добавление произвольной области виджетов

Для создания и управления областями виджетов необходимо перейти в раздел CWA Settings -> Custom Widget Area.

Чтобы добавить новую область виджетов нужно указать значение полей «Name» и «Id».

Добавление произвольной области виджетов с помощью WP Custom Widget area

После нажатия кнопки «Create», новая область появится в списке ниже и в разделе Внешний вид -> Виджеты.

Добавление произвольной области виджетов с помощью WP Custom Widget area

Созданную область виджетов можно вывести на нужной странице или записи сайта, вставив шорткод в визуальной редактор при её редактировании. Шорткод можно получить, нажав на ссылку «Get shortcode».

Вставка произвольной области виджетов с помощью шорткода и плагина WP Custom Widget area

Если область виджетов необходимо вывести в файле шаблона темы, то код для вставки можно получить нажав на ссылку «Get code».

Вставка произвольной области виджетов в файл шаблона темы с помощью плагина WP Custom Widget area

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

Вставка произвольной области виджетов в файл шаблона темы с помощью плагина WP Custom Widget area

Редактирование и удаление произвольных областей виджетов

Созданные области можно изменить с помощью ссылки «Edit».

Добавление произвольной области виджетов с помощью WP Custom Widget area

Удалить область можно с помощью ссылки «Delete».

Дополнительные настройки произвольных областей виджетов

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

Дополнительные настройки произвольных областей виджетов в плагине WP Custom Widget area

Если этих настроек недостаточно, то можно указать свою структуру элементов с помощью ссылки «Custom». Данные в это поле необходимо вводить в формате JSON.

Указание своей структуры элементов для области виджетов с помощью плагина WP Custom Widget area

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

Для создания и управления областями меню необходимо перейти в раздел CWA Settings -> Menu Locations.

Чтобы добавить новую область меню нужно указать значение полей «Name» и «Theme location (Id)».

Добавление произвольной области меню с помощью плагина WP Custom Widget area

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

Чтобы элементы меню отображались в новой области, необходимо создать новое меню в разделе Внешний вид -> Меню, выбрав новую область, и добавить необходимые элементы.

Добавление произвольной области меню с помощью плагина WP Custom Widget area

Вставка произвольной области меню с помощью шорткода и плагина WP Custom Widget area

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

Ищете полезные виджеты WordPress для своего сайта?

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

ВордПресс имеет несколько встроенных виджетов. Например,

Календарь, Галерея, Меню навигации. Плагины и темы также могут добавлять свои виджеты.

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

1. WP Call Button

Мобильный интернет-трафик растет. Пользователям удобно просто позвонить в компанию для получения дополнительной информации. WP Call Button добавляет на сайт кнопку звонка. Она может быть “липкой”, которая прокручивается с пользователем, или показана в виджете.

Работает с мобильными и стационарными номерами.

2. WPForms

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

Поддерживает Gutenberg и виджеты.

3. RafflePress

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

4. Recent Posts Widget With Thumbnails

Расширение позволяет выводить свежие записи с их миниатюрами.
Использует указанную картинку или вставляет первое изображение в посте. Можно настроить его высоту и ширину.

5. Astra Widgets

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

Работает с любой ВП-темой и совместим со всеми популярными плагинами построителей страниц.

6. Simple Social Icons

Это простой виджет для добавления социальных иконок. Можно выбрать, на какие социальные сети ссылаться и добавить URL своего профиля.

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

7. Google Maps Widget

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

8. Social Count Plus

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

9. Compact Archives

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

10. Testimonials Rotator

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

11. Feature a Page Widget

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

12. Easy Table of Contents

Easy Table of Contents легко добавляет оглавление в постах. Это удобно для больших публикаций с разделами и подпунктами. Можно настроить автоматическое добавления содержания или вставлять вручную. Имеет виджет для отображения на боковой панели.

13. Widget Context

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

14. Q2W3 Fixed Widget for WordPress

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

15. WordPress Popular Posts

Это одно из лучших WP-решений для вывода популярных постов в виджете.

16. WP-PostRatings

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

17. Theme My Login

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

Плагин также поставляется с виджетом входа.

18. Advanced AJAX Product Filters

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

19. Google Language Translator

Google Language Translator добавляет виджет переключения языка. Использует Google Translate, чтобы на ходу перевести контент сайта на любой язык.

20. Widget Importer & Exporter

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

21. The Events Calendar

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

22. Yet Another Related Posts Plugin (YARPP)

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

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

23. Posts in Sidebar

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

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

Если Вам понравилась статья — поделитесь с друзьями

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

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


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


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


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

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

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


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


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


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


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


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


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


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


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

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


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


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


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


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


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


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


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


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

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


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


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

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

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


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


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


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

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

Данная публикация представляет собой перевод статьи «25 Most Useful WordPress Widgets for Your Site» , подготовленной дружной командой проекта Интернет-технологии.ру

Настройка, добавление и удаление виджетов WordPress

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

Если забежать немного на перёд, скажу так – сайт уже почти готов. Осталось буквально несколько уроков и можно приступать к наполнению сайта контентом (статьями/постами). Для начала давайте доведём до конца внешний вид сайта, и разберемся с частью функционала. В этом нам помогут «Виджеты».

Чтоб вам было немного понятнее, объясню, что такое виджеты. Виджет на сайте – это вывод определенного блока, к примеру: последние записи, поиск по сайту, последние комментарии или любой произвольный текст/код (контакты, баннер и др.). Как правило, виджеты размещаются в сайдбаре (меню сайта):

Но, виджеты так же можно размещать в произвольных местах (шапка сайта, футер (подвал/низ сайта)). Эти места зависят только от возможностей вашей темы и где они были предусмотрены изначально.

Настройка виджетов WordPress

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

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

Обычно я оставляю на новом сайте только: поиск, рубрики (разделы сайта (позже с ними познакомимся)), свежие записи и может быть «Текст», в котором будет реклама или контакты:

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

Если е вас возникли вопросы, Welcome в комментарии. До встречи в следующем уроке: Работа с плагинами WordPress

Widget Options — Плагин для WordPress

Control your sidebar widgets more! Assign different contents on your sidebars, footer and any sidebar widgets.

Widget Options adds elegant and feature-packed tabbed options below each widget to completely manage and control each widgets visibility and appearance.

Built with seamlessly integration with WordPress, Widget Options is the world’s most complete widget management plugin solution yet.

Show or hide widgets on specific WordPress pages

With Widget Options Plugin, you can easily assign pages visibility and restrict each widgets on different pages, posts, custom post types, categories, tags and custom taxonomies.

Show or hide widgets on mobile devices, desktop and/or tablet screen sizes

Display less widgets on your mobile devices for easier website navigation without affecting your desktop and tablet versions. Maximizing this feature you can show different sidebar widget contents for each devices for better user content targeting.

Custom WordPress widget alignments

Change your widget alignment to look better on your site. Comes with center, left, right and justified alignment options.

Custom Widget ID & Classes

Create predefined classes on the plugin’s setting page and use them later for each widgets. You can also add custom widget ID and additional classes for styling or javascript purposes.

Отобразить логику виджета

Use WordPress Conditional tags to manage and restrict your widgets using display widget logic option if you’re geeky enough to use PHP conditions and in need of custom restrictions.

Скрыть заголовок виджета

Easily hide widget title on front-end display while retaining them on the backend dashboard for labelling.

Enable / Disable Options

Use only the features you want and disable any other widget options easily using the brand new settings page.

Live Widget Search Filter

Increase administrator widget management by enabling live widget search box on your widget dashboard to locate any widgets easier rather than scrolling the page.

Easily Move WordPress Widgets without dragging

Increase productivity and widgets management by moving any widgets easily by clicking a link and selecting the sidebar widget area instead of drag and drop! Elegant option specially on smaller screen devices such as mobile.

Import & Export Widgets and Widget Area Backup

You can now import and export WordPress widgets easily and create any backup of specific sidebar widget areas. Move widgets to another websites at ease.

View your changes live!

This plugin is customizer ready for easier customization. View your changes live before saving it, not just better control but a time saver plugin!

Pagebuilder by SiteOrigin Plugin Compatible

Extend your SiteOrigin Pagebuilder powered website’s widget panels control and management using Widget Options! Restrict devices visibility, change alignments, hide widget panel title, add custom classes and control visibility using display widget logic option!
Pagebuilder by SiteOrigin Plugin + Widget Options = Total Freedom!

Elementor Pagebuilder Ready!

Extend Widget Options visibility restrictions to elementor widgets! You can now have same widget management feature available to your Elementor powered websites.

Beaver Builder Plugin Ready!

Now with Beaver Builder plugin integration! You can fully manage each modules on many ways you want it too! Integrated smoothly to upgrade your website building workflow.

Advanced Custom Fields (ACF) Support!

Easily show or hide any widgets using your ACF fields and conditions. You can restric widget with the following conditions:

  • Equal To
  • Not Equal To
  • Содержит
  • Не содержит
  • Пусто
  • Не пусто

ACF integration is also available on Elementor and Beaver Builder integration.

Upgrade to Extended Widget Options
For more widgets management and restriction options, upgrade to Extended Widget Options today!

Premium Features
  • Custom WordPress Widget Styling
  • Widget Animations on scroll and page load
  • Sticky / Fixed WordPress Widgets
  • Custom Widget Links
  • Widget Cache
  • Custom Widget Columns Display
  • Restrict Widget Visibility per User Roles
  • Widget Visibility per Days and Date Range
  • Extended Taxonomy and Terms Support
  • Display Sidebars and Widgets using Shortcodes
  • Disable any WordPress Widgets
  • Permission Options
  • Целевые URL и Ограничения по маске
  • Option for child page to inherit parent widget visibilities

Check full Extended Widget Options features.

Add-ons

In need of WordPress Sliding Panel for your widgets? Check out Sliding Widget Options add-on and transform any of your widgets to modal pop-up, slide in and/or sliding widget panel; and increase your website’s user engagement!

If you like to contribute, report issue or have suggestions, you can find the development version on Github.

More information

Contact and Credits

Widget Options for WordPress is maintained and developed by Widget Options Team.

Добавление и настройка виджетов в WordPress

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

В этом уроке я хочу рассказать Вам о виджетах. Итак, что такое виджет?

Необычное слово виджет (от англ. widget – «штучка», «штуковина») используется для обозначения инструментов или содержимого, которые можно добавить, упорядочить и удалить с боковой панели блога или страницы WordPress. С помощью виджетов легко настроить содержимое боковой панели блога.

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

Страница виджетов находится в меню консоли Внешний вид — Виджеты.

Добавление и настройка виджетов в WordPress

Добавление и настройка виджетов в WordPress

Для начала ищем в меню Внешний вид и переходим в Виджеты. Слева вы видите список всех доступных для добавления виджетов.

Добавление и настройка виджетов в WordPress

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

Чтобы активировать виджет, перетащите его на боковую (правая колонка, со списком доступных мест для виджетов) колонку или нажмите на него. Чтобы деактивировать виджет или удалить виджет, перетащите его обратно или нажмите «Удалить».

Добавление и настройка виджетов в WordPress

Добавление виджета «Календарь» перетаскиванием мышки

После того как мы перетащили нужный виджет на панель сайдбара, вводим его название и нажимаем кнопку «Сохранить».

Добавление и настройка виджетов в WordPress

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

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

  • Виджет «RRS» — Записи из любой ленты RSS или Atom.
  • Виджет «Календарь» — Календарь записей вашего сайта.
  • Виджет «Облако меток» — Облако часто используемых меток.
  • Виджет «Свежие записи» — Самые свежие записи вашего сайта.
  • Виджет «Страницы» — Список страниц вашего сайта.
  • Виджет «Архивы» — Архив записей вашего сайта по месяцам.
  • Виджет «Мета» — Ссылки на вход/выход, RSS-ленту и WordPress.org.
  • Виджет «Поиск» — Форма поиска для вашего сайта.
  • Виджет «Рубрики» — Список или выпадающее меню рубрик.
  • Виджет «Свежие комментарии» — Самые свежие комментарии вашего сайта.
  • Виджет «Текст» — Произвольный текст или HTML-код.

Сохранение виджетов при смене шаблона

Обычно при установке или смене шаблонов виджеты теряются. Чтобы этого избежать, рекомендуется перед сменой шаблонов (тем) вашего WordPress сайта перемещать все активные виджеты в блок «Неактивные виджеты».

Результат добавления виджета, который добавляет календарь на боковую панель сайта в шаблоне Contango:

Результат добавления виджета

Результат добавления виджета (нажмите на изображение для увеличения)

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

Здравствуйте, друзья! В прошлых уроках мы разобрались с вами как вставить видео на сайт и выучили как сменить тему оформления в wordpress. В этом уроке я хочу рассказать Вам о виджетах. Итак, что такое виджет? Необычное слово виджет (от англ. widget – «штучка», «штуковина») используется для обозначения инструментов или содержимого, которые можно добавить, упорядочить и удалить с боковой панели блога или страницы WordPress. С помощью виджетов легко настроить содержимое боковой панели блога. Это значит что вся информация которую вы видите на боковой панели вашего сайта легко поддается редактированию, удалению и любым другим изменениям. Страница виджетов находится в меню консоли Внешний вид - Виджеты. Добавление и настройка виджетов в WordPress Для начала ищем в меню Внешний вид и переходим в Виджеты.&hellip;

Проголосуйте за урок

100

Оценка

Итог : Уважаемые читатели! Если вам понравилась статья не поленитесь проголосовать и оставить комментарий, ведь так я смогу понять полезность уроков и статей, и улучшить их качество в будущем. Заранее спасибо!

Рейтинг: 3.9 ( 14 голосов ) 100

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

Ваш адрес email не будет опубликован. Обязательные поля помечены *