25 августа

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

Виджеты в WordPress

Виджеты в WordPress - тема данной статьи.

Цели обучения

В этой статье вы узнаете:

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

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

В предыдущих статьях мы обсуждали настройки WordPress, темы, и настройщик WordPress.

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

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

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

Виджет "поиск"

Изображение 1: Виджет "поиск"

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

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

Это здорово, правда? (Как? Мы объясним это позже в этом тексте.)

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

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

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

  • отображение списка ваших последних сообщений;
  • показ изображения;
  • добавление аудиоплеера на ваш сайт;
  • и многое другое!

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

Области виджетов

Итак, где вы можете разместить эти виджеты на вашем сайте?

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

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

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

 Области виджетов в теме Двадцать девятнадцать

Изображение 2: Области виджетов в теме Двадцать девятнадцать

Чтобы узнать, где области виджетов в вашей теме, вы можете перейти к настройщику. Там, Вы нажимаете "Виджеты". Например, стандартная тема WordPress «Twenty Девятнадцать» имеет только одну область виджета, нижний колонтитул (изображение 2), тогда как одна из тем по умолчанию, «Двадцать Семнадцать», имеет три области виджетов (изображение 3).

Изображение 3: Области виджетов в теме Двадцать Семнадцать

Изображение 3: Области виджетов в теме Двадцать Семнадцать

Типы виджетов

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

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

  • Текст 

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

Текстовый виджет

Изображение 4: Текстовый виджет

  • Поиск

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

 виджет поиска

Изображение 5: виджет поиска

  • Свежие записи

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

 виджет последних сообщений

Изображение 6: виджет последних сообщений

  • Архивы

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

 Виджет архивов

Изображение 7: Виджет архивов

  • Категории

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

Виджет категорий

Изображение 8: Виджет категорий

  • Календарь

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

виджет календаря

Изображение 9: виджет календаря

  • Галерея

Виджет «Галерея» предоставляет вам простой способ показать фотографию галереи или слайд-шоу в одной из областей виджетов вашего сайта.

виджет галереи

Изображение 10: виджет галереи

  • Виджет мета

Мета-виджет поставляется с пятью ссылками:

  • Ссылка «Администратор сайта» ведет на панель управления WordPress или страницу входа (если вы вышли из системы).
  • Ссылка на вход / выход позволяет войти или выйти из веб-сайта.
  • Ссылка RSS-записи предоставляет доступ к каналам вашего сайта.
  • Ссылка на RSS-комментарии даёт доступ к каналу комментариев вашего сайта.
  • WordPress.org ведет на официальный сайт WordPress.org.
Мета-виджет

Изображение 11: Мета-виджет

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

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

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

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

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

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

Во - первых, некоторые темы предлагают дополнительные виджеты, кроме тех, которые по умолчанию.

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

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

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

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

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

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

  • Бэкэнд: Панель управления WordPress

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

  • Передняя часть: настройщик

Вы также можете добавить виджеты в настройщике в передней части вашего сайта, в том же месте, где вы можете изменить внешний вид своей темы.

Таким образом, вы можете проверить, как ваш виджет выглядит перед тем, как опубликуете это.

Давайте рассмотрим эти два метода более подробно.

Редактирование виджетов на панели управления WordPress

Если нажать Внешний вид > Виджеты в меню администратора на вашей WordPress панели инструментов, вы перейдёте на экран виджетов.

Здесь вы найдёте обзор виджетов (1 на рисунке 12) и области виджетов (2 на рисунке 12) доступные для вашей темы. В изображении 12 уже есть три виджета, размещенных в блоке «Боковая панель».

Если вы хотите добавить новый виджет, вы должны выполнить следующие действия:

  • Перетащите виджет по вашему выбору с левой стороны в одну из областей виджетов справа.
  • Вставьте свой виджет.
  • Ваш виджет сохранен!
 Добавление виджетов через панель управления WordPress.

Изображение 12: Добавление виджетов через панель управления WordPress.

Если вы хотите изменить виджет, вам необходимо:

  • Нажмите на виджет, который вы хотите изменить.
  • Он открывается с опциями, которые вы можете заполнить, выбрать или изменить.
  • Установите параметры в соответствии с вашими предпочтениями.
  • Нажмите «Сохранить».
Изменение виджетов через панель управления WordPress

Изображение 13: Изменение виджетов через панель управления WordPress

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

  • Нажмите на виджет, от которого хотите избавиться.
  • В появившемся меню нажмите «Удалить».
Удаление виджетов через панель управления WordPress

Изображение 14: Удаление виджетов через панель управления WordPress

Редактирование виджетов в настройщике

Чтобы редактировать виджеты в Настройщике, выберите «Виджеты» в меню Настройщика. (забыли, как получить доступ к настройщику? Проверьте предыдущую статью!).

Если вы хотите добавить новый виджет, вы должны выполнить следующие действия:

  • Выберите область виджета, в которую вы хотите добавить новый виджет.
  • Нажмите «Добавить виджет» (1 на рисунке 15).
  • Выберите виджет, который вы хотите добавить, из обзора виджетов. что появляется (2 на рисунке 15).
Добавление виджетов через настройщик

Изображение 15: Добавление виджетов через настройщик

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

Изображение 16: Добавление и редактирование виджетов через настройщик

Если вы хотите удалить один из виджетов, которые вы добавили, вы должны:

  • Нажмите на виджет, который вы хотите удалить.
  • Нажмите «Удалить».
  • Нажмите «Опубликовать».
 Удаление виджетов через настройщик

Изображение 17: Удаление виджетов через настройщик

Ключевые моменты

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

Теги:

WordPress


Об авторе

Александр Зарубин

Интернет-маркетолог и блогер, продвигаю партнёрские программы, записываю обучающие видео и курсы, тестирую плагины, скрипты и прочие инструменты интернет - продвижения.

Оставить комментарий

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

{"email":"Адрес электронной почты недействителен","url":"Адрес сайта недействителен","required":"Обязательное поле отсутствует"}

Создайте свой прибыльный блог за 3 дня