Image Widget — простой способ вставки изображения в сайдбар на сайте WordPress

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

 

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

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

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

После установки и активации плагина, виджет Image Widget необходимо добавить в сайдбар в разделе Внешний вид -> Виджеты. С помощью кнопки Select an Image нужно выбрать или загрузить изображение для вставки.

Добавление виджета Image Widget

После выбора изображения, будут доступны следующие поля:

Title — заголовок виджета.

Alternate Text — альтернативный текст при отключенных изображениях (атрибут alt тега img) и заголовок ссылки (атрибут title тега a).

Related — атрибут ссылки rel, более подробно можно почитать в документации. Например, некоторые плагины для всплывающих окон используют его в значении rel=»lightbox».

Caption — описание, выводится под изображением.

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

Link ID — атрибут id тега a.

Stay in Window / Open New Window — определяет, будет ли ссылка открыта в текущем окне или в новом.

Size — размер изображения. Доступны все зарегистрированные размеры миниатюр, также можно вывести изображение в полном размере (Full Size) или задать свои размеры (Custom).

Align — позволяет задать выравнивание изображения по левому краю (left), по правому краю (right) или по центру (center).

Настройка Image Widget

Переопределение шаблона виджета

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

Для переопределения шаблона необходимо создать папку «image-widget» в директории активной темы и скопировать в неё файл «views/widget.php» из папки плагина.

Альтернативный способ — использование фильтра «sp_template_image-widget_widget.php». Для этого необходимо скопировать файл «views/widget.php» в нужную папку и файл и указать это в фильтре (в данном случае, это «/my-custom-templates/my-custom-name.php»):

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

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

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