Как в WordPress вставить картинку в виджет?

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

Как вставить картинку в виджет?

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

Способ 1. Стандартные инструменты WordPress

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

Раздел Виджеты

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

Виджет Изображение

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

Медиабиблиотека

Как только будет нажата кнопка Добавить к виджету, Вы увидите свое добавленное в виджет изображение.

Виджет Изображение

Отметим, что в поле Ссылка на можно указать URL-адрес, по которому будет перенаправлен пользователь, если щелкнет на картинке. Для сохранения изменений не забудьте нажать кнопку Сохранить. Теперь можно смотреть на сайте.

Главная страница сайта

Способ 2. Плагин Image Widget

Если по каким-либо причинам Вы не хотите использовать стандартные средства “движка”, то для этого существует альтернативное решение — плагин Image Widget. Он не только прекрасно выполняет свою основную функцию, но также для этого предлагает дополнительные возможности вывода.

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

Виджет Image Widget

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

Тут можно добавить тот же URL-адрес для изображения, а также указать подпись, альтернативный текст. Кроме того, есть возможность выбрать как открывать фото (в том же окне или в новом). Также доступны настройки размера и выравнивания картинки.

Курс WordPress-разработчик
Если Вам понравилась статья — поделитесь с друзьями
Михаил Петров