Бесплатные виджеты WordPress

виджеты WordPress

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

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

Области где размещаются виджеты WordPress

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

Компоненты WordPress Theme

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

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

Бесплатные виджеты WordPress

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

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

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

Как добавить виджеты WordPress?

Найти бесплатные виджеты и области виджетов вы сможете в консоли управления WordPress, перейдя в раздел «Внешний вид > Виджеты».

Смотрите видео.

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

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

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

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

Бесплатные виджеты WordPress

И так выглядит страница блога для посетителей.

Бесплатные виджеты WordPress

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

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

Бесплатные виджеты WordPress

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

Бесплатные виджеты WordPress

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

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

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

Бесплатные виджеты WordPress по умолчанию

  • Архивы — ежемесячный архив сообщений вашего сайта;
  • Аудио — отображает аудиоплеер;
  • Календарь — расписание ваших сообщений;
  • Категории — список или выпадающий список всех категорий;
  • Custom Menu — создать собственное меню;
  • Изображение — отобразить изображение;
  • Meta — отображать ссылки для входа в систему, RSS и WordPress.org;
  • Страницы — список всех страниц;
  • Недавние комментарии — самые последние комментарии;
  • Последние записи — самые последние записи;
  • RSS — записи из любого канала RSS или Atom;
  • Поиск — отображает простую форму поиска;
  • Облако тегов — группа наиболее часто используемых тегов;
  • Текст — добавить текст, изображения, видео или любой HTML-код;
  • Видео — отображает видео из медиатеки или YouTube, Vimeo или другого провайдера.

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

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

Самые популярные и полезные виджеты WordPress

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

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

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

Пример: добавление виджета со значками социальных сетей

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

Вот лишь несколько бесплатных плагинов для социальных сетей, которые предлагают виджеты:

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

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

Бесплатные виджеты WordPress

Настройка виджетов социальных сетей

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

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

для сайта

Я решил добавить свои значки социальных сетей (YouTube, Instagram и Facebook) в область виджетов меню, чтобы они отображались в верхней части моего блога.

Бесплатные виджеты WordPress

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


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


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


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


Виджет зоны входа

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


Виджет Авторы

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


Виджет Быстрый Контакт

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


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


Виджет таблицы цен

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

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

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

Вы всегда можете найти нужные сторонние плагины для Widget, просто запросить поиск в Google или WordPress.org.

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

Добавить виджеты WordPress с помощью Visual Composer

Visual Composer Website Builder позволяет добавлять два типа виджетов WordPress: стандартные и пользовательские виджеты. Лучше всего то, что вы можете выбрать, где разместить виджет. Таким образом, используя Visual Composer, который работает в качестве компоновщика тем, вы больше не зависите от определенных областей виджетов.

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

Чтобы добавить виджет WordPress, откройте сообщение или страницу с помощью редактора Visual Composer и найдите элемент «Widgetized Sidebar» в Visual Composer Hub. Как только вы добавите элемент в свой макет, вы увидите окно редактирования с параметрами и раскрывающийся список для выбора определенного виджета.

WordPress

WordPress виджеты по умолчанию

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

для сайта

Пользовательские виджеты WordPress

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

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

для сайта

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

Визуальные шаблоны Visual Composer

Чтобы добавить виджет Visual Composer, найдите элемент «Виджет шаблона» в центре Visual Composer и нажмите «Загрузить» ( доступно для пользователей Premium ). WordPress распознает новый элемент виджета Visual Composer и включит в него доступные виджеты в разделе «Внешний вид»> «Виджеты».

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

Чтобы добавить виджет шаблона, сначала необходимо сохранить шаблон Visual Composer. Как только вы это сделаете, вы готовы добавить виджет:

  1. Перейдите к «Внешний вид» > «Виджеты» в панели администратора WordPress;
  2. Перетащите виджет в область боковой панели;
  3. Выберите шаблон из «Виджета шаблона Visual Composer» для отображения на боковой панели вашего сайта и нажмите «Сохранить».
Бесплатные виджеты WordPress

Итог

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

Из этой статьи вы узнали, что существуют разные способы как добавить виджеты и способы подготовки (выбор правильной темы), чтобы сделать область виджетов доступной в wordpress. Кроме того, вы познакомились с простым способом управления своими виджетами с помощью расширенных элементов виджетов Visual Composer.

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

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

два − 2 =