В этой статье рассматриваются “классические виджеты”. Если вы используете более новые виджеты на основе блоков, ознакомьтесь с этой статьёй.
Виджеты WordPress добавляют содержимое и функциональность в область виджетов. Область виджетов — это заранее определённая темой область, обычно расположенная в боковой панели или подвале, но её расположение зависит от темы. Примерами служат стандартные виджеты, поставляемые с WordPress: категории, облако тегов, поиск и другие. Плагины часто добавляют собственные виджеты.
Изначально виджеты были разработаны для того, чтобы предоставить пользователю простой и удобный способ управления дизайном и структурой темы WordPress. Теперь они доступны в правильно “виджетизированных” темах WordPress и могут использоваться в заголовке, подвале и других областях дизайна и структуры WordPress.
Для работы с виджетами не нужны навыки программирования или специальные знания. Их можно добавлять, удалять и переставлять в разделе Настройщик темы или Внешний вид > Виджеты в административной части WordPress.
Некоторые виджеты WordPress предлагают настройки и параметры, такие как формы для заполнения, включение или исключение данных и информации, дополнительные изображения и другие возможности настройки.
В редакторе виджетов на основе блоков объясняется, как использовать обновлённую систему виджетов с блоками.
На странице «Внешний вид — Виджеты» объясняется, как использовать различные виджеты, поставляемые с WordPress, в классическом интерфейсе.
Плагины, поставляемые вместе с виджетами, можно найти в каталоге плагинов WordPress.
Установка виджетов
WordPress поставляется с набором различных виджетов. Если их недостаточно для ваших задач, вы можете установить новые, выполнив поиск в каталоге плагинов WordPress, доступном через экран Плагины > Добавить новый в административной части WordPress.
Отображение виджетов
Существующие виджеты в существующих областях виджетов
Прежде чем добавить виджет, необходимо убедиться, что используемая тема поддерживает виджеты (точнее, области виджетов). Для этого откройте меню «Внешний вид» и найдите подменю под названием “Виджеты”.
Если ваша тема поддерживает Настройщик темы, выполните следующие действия. В Настройщике темы доступен предварительный просмотр изменений в реальном времени.
- Перейдите в раздел Внешний вид > Настроить в административной части WordPress.
- Нажмите меню Виджет в Настройщике темы, чтобы открыть экран настройки виджетов.
- Нажмите стрелку вниз области виджетов, чтобы просмотреть уже зарегистрированные виджеты.
- Нажмите кнопку «Добавить виджет» в нижней части боковой панели. Отобразится список доступных виджетов.
- Нажмите на виджет, который хотите добавить. Виджет должен появиться в боковой панели.
- Просмотрите свой сайт — вы должны увидеть содержимое нового виджета.
- Чтобы изменить порядок виджетов в боковой панели, перетащите их в нужном порядке или нажмите ссылку «Изменить порядок», затем нажимайте стрелки вверх и вниз у каждого виджета и после завершения нажмите «Готово».
- Чтобы настроить параметры виджета, нажмите стрелку вниз справа, чтобы раскрыть интерфейс виджета.
- Чтобы удалить виджет, нажмите Удалить в интерфейсе виджета, описанном выше.
Если ваша тема не поддерживает Настройщик темы, выполните следующие обычные действия:
- Перейдите в раздел Внешний вид > Виджеты в административной части WordPress.
- Выберите виджет и перетащите его в боковую панель, где хотите его разместить, либо нажмите на виджет, выберите целевую боковую панель, если в теме их несколько, и нажмите кнопку «Добавить виджет». Вариантов боковой панели может быть несколько, поэтому начните с первой. После размещения WordPress автоматически обновит тему.
- Просмотрите сайт. Вы должны обнаружить, что элементы “стандартной” боковой панели исчезли и отображается только новый виджет.
- Вернитесь на экран виджетов, чтобы продолжить добавление виджетов.
- Чтобы изменить порядок виджетов в боковой панели или области виджетов, нажмите на виджет и перетащите его в нужное место.
- Чтобы настроить параметры виджета, нажмите стрелку вниз в правом верхнем углу, чтобы раскрыть интерфейс виджета.
- Чтобы сохранить настройки виджета, нажмите «Сохранить».
- Чтобы удалить виджет, нажмите «Удалить».
Если вы хотите удалить виджет, но сохранить его настройки для возможного использования в будущем, просто перетащите его в область неактивных виджетов. Вы сможете в любое время добавить его обратно оттуда. Это особенно полезно при переходе на тему с меньшим количеством областей виджетов или с другими областями.
При смене темы количество и расположение областей виджетов и боковых панелей часто меняются, и иногда из-за этих различий переход проходит не слишком гладко. Если после смены темы вы обнаружили, что некоторые виджеты пропали, прокрутите экран вниз до области неактивных виджетов — все ваши виджеты и их настройки будут сохранены там.
Включение режима специальных возможностей через «Настройки экрана» позволяет использовать кнопки «Добавить» и «Изменить» вместо перетаскивания.
Области виджетов
Хотя области виджетов обычно находятся в боковых панелях веб-страниц, тема может размещать их в любом месте страницы. Например, помимо обычных боковых панелей, тема Twenty Seventeen содержит область виджетов в подвале каждой страницы.
Использование текстовых виджетов
Текстовый виджет — один из наиболее часто используемых виджетов WordPress, поставляемых с каждой установкой WordPress. Он позволяет добавлять на сайты WordPress текст, видео, изображения, пользовательские списки и многое другое.
Чтобы использовать текстовый виджет WordPress:
- Перейдите в раздел Внешний вид > Настроить в административной части WordPress и нажмите меню Виджет в Настройщике темы. Либо перейдите в раздел Внешний вид > Виджеты в административной части WordPress.
- Откройте боковую панель, в которую хотите добавить текстовый виджет.
- Найдите текстовый виджет в списке виджетов.
- Нажмите на виджет и перетащите его в нужное место.
Чтобы открыть и изменить текстовый виджет:
- Нажмите стрелку вниз справа от заголовка текстового виджета.
- Укажите заголовок текстового виджета (необязательно).
- Добавьте текст или HTML-код в поле либо отредактируйте уже имеющееся содержимое.
- Выберите параметр Автоматически добавлять абзацы, чтобы оборачивать каждый блок текста в HTML-тег абзаца (рекомендуется для текста).
- Нажмите «Сохранить», чтобы сохранить текстовый виджет.
- Нажмите «Закрыть», чтобы закрыть текстовый виджет.
- Переключитесь на вкладку браузера с сайтом, просмотрите результат и при необходимости внесите изменения.
Текстовый виджет может содержать различные ссылки и проигрыватели HTML, XHTML и мультимедиа, например встроенные видео и объекты.
Добавление кода в текстовый виджет
Базовый HTML-код, встроенные элементы и JavaScript легко добавляются в текстовый виджет WordPress. Большинство кодов встраивания мультимедийных материалов с сайтов для обмена контентом будут работать в текстовом виджете WordPress. Однако активный код и языки программирования, такие как PHP, работать не будут, поскольку виджет удаляет код, который не может отобразить.
Чтобы добавить активный код в текстовый виджет, используйте один из многочисленных плагинов WordPress из каталога плагинов WordPress, которые снимают ограничения WordPress на использование PHP в записях. Убедитесь, что они работают с виджетами, поскольку некоторые из них этого не поддерживают.
Использование RSS-виджетов
RSS-виджет позволяет интегрировать внешний источник содержимого в область виджетов вашего сайта, например вашу учётную запись Twitter, записи Facebook, записи Google+ или другие блоги.
RSS-виджет отображает самые недавно опубликованные материалы из любого источника с активной RSS-лентой. Это идеальный способ интегрировать внешний контент на ваш сайт.
По умолчанию RSS-виджет WordPress отображает заголовок записи или первые примерно 100 символов твита либо длинной записи без заголовка. В зависимости от дизайна и структуры ленты они могут быть ссылкой или содержать ссылку на исходный источник.
- Введите URL RSS-ленты в первое поле, скопировав его со страницы источника содержимого, которое вы хотите включить в боковую панель или другую область виджетов.
- Укажите название ленты: это необязательно и позволяет показать источник содержимого.
- Сколько элементов отображать?: По умолчанию отображается 10, но можно выбрать от 1 до 20 записей.
- Отображать содержимое элемента?: Этот параметр позволяет показывать отрывок содержимого, а не только заголовок.
- Отображать автора элемента, если он доступен?: Если вы хотите указать автора содержимого, включите этот параметр, чтобы отображать его имя.
- Отображать дату элемента?: Если дата исходного содержимого доступна, она будет показана.
Вы можете добавить несколько RSS-виджетов для входящих лент в боковую панель WordPress и другие области виджетов вашего сайта.