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

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

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

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

• Поисковые функции для поиска по ключевым словам
• фильтр категорий
• Облака тегов (для всех статей, которым может быть присвоен тег)
• RSS-ленты для новых статей собственного или других сайтов
• Встраивание социальных сетей
• Галереи изображений
• Карты (например, Google Maps)
• Функции календаря
• Интеграция видео и музыки (например, с YouTube).

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

В WordPress вы можете найти следующие предустановленные виджеты:

• Архивы: Перечисляет старые посты, отсортированные по месяцам
• Календарь: Добавляет функцию календаря
• Последние сообщения: Списки последних сообщений
• Последние комментарии: Список последних комментариев к сообщениям
• RSS: Интегрирует RSS/Atom-ленты с ваших собственных или внешних сайтов.
• Страницы: Отображает страницы вашего собственного сайта
• Текст: Отображает любые элементы текста/HTML
• HTML: Вставка элементов HTML-кода
• Галерея: Интегрирует галерею изображений
• Пользовательское меню: Добавляет пользовательское меню в боковую панель
• Категории: Разделяет сайт на управляемые категории
• Облако тегов: Показывает облака наиболее используемых тегов (ключевых слов).
• Поиск: Добавляет окно поиска для внутреннего поиска по сайту

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

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

• WP RSS Aggregator
• RSS Feed Widget
• Feedzy RSS Feeds

CTA-кнопки — это отличный способ заставить посетителей предпринять какие-либо действия на сайте. Читатели, которые с энтузиазмом следят за постами или интересуются продуктами, могут использовать их, чтобы оставить почтовый адрес, подписаться на RSS-канал, добавить рекламный продукт в корзину или связаться с ними с вопросами. Для новых постов и статей используйте кнопки призыва к действию, добавляя их во встроенный редактор блоков Gutenberg во время создания. Для постоянного виджета используйте сторонние виджеты призыва к действию.

Примеры:

• Простая боковая вкладка
• Magic Content Box Lite
• Виджет призыва к действию в Elementor Pro

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

Примеры:

• Виджет сообщений категории
• Виджет менюизатора
• Отзывчивое меню
• Мобильное меню WP
• Ivory Search
• WP Google Search

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

Примеры:

• Виджет для социальных лент страниц
• Smash Balloon Feeds для Facebook, для Instagram, для Twitter или для YouTube
• Shared Counts
• Sassy Social Share
• Легкие социальные иконки

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

Примеры:

• Wonder Video Embed (для видео)
• Fusebox (для аудиоплееров)
• PowerPress (для подкастинга)

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

Примеры:

• Плагин WP EasyCart
• WordPress Simple Paypal Shopping Cart
• плагин WooCommerce
• WP eCommerce

Когда у посетителей возникают вопросы, проблемы или им нужна дополнительная информация, виджеты контактов позволяют легко связаться с ними напрямую. Виджет контактов, размещенный, например, в футере, ведет посетителей непосредственно к контактной форме. В WordPress нет предустановленного виджета контактной формы, но есть плагины, такие как бесплатный Contact Form 7 или платный Gravity Forms.

Другой вариант — виджеты списков рассылки, которые позволяют посетителям вводить адреса электронной почты для рассылки новостей и маркетинга по электронной почте. Для этой цели можно использовать MailChimp или альтернативы MailChimp, такие как GetResponse, Emma или Mailjet.

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

Для этого перейдите в раздел «Дизайн» > «Настроить» > «Виджеты» в панели управления и добавьте или переставьте предустановленные виджеты WordPress в доступных областях страницы с помощью WordPress Page Builder или редактора блоков Gutenberg. В зависимости от темы WordPress, в настройщике будут отображаться доступные области виджетов в верхнем, нижнем колонтитуле или боковой панели. После добавления виджета сохраните изменения с помощью кнопки «Опубликовать». С помощью редактора блоков у вас также есть возможность добавлять виджеты на определенные страницы сайта.

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

Если вы обладаете развитыми навыками программирования и не можете найти подходящий вариант среди существующих плагинов и виджетов, вы можете использовать Widgets API для создания собственных виджетов через папку plugin. Для этого создайте новый плагин в каталоге wp-content/plugins и запрограммируйте код плагина в соответствии с вашими потребностями. Поскольку это сложные шаги, рекомендуется по возможности использовать готовые виджеты, которые уже предлагают множество функций.

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