Вы хотите добавить изображение в виджет боковой панели в WordPress? По умолчанию WordPress позволяет легко загружать и добавлять изображения в любое место на вашем сайте. В этой статье мы покажем вам, как легко добавить изображение в виджет боковой панели WordPress. Мы расскажем о нескольких методах, чтобы вы могли использовать тот, который подходит вам больше всего.
Версия видео
Подписаться на WPBeginner
Если вам не понравилось видео или нужны дополнительные инструкции, то продолжайте чтение.
Добавление изображения в WordPress с помощью виджета «Изображение
Самый простой способ добавить изображение в боковую панель WordPress — это использовать стандартный виджет «Изображение».
Просто перейдите по ссылке Внешний вид » Виджеты страницу и добавьте виджет «Изображение» на боковую панель. Если вы еще не пользовались виджетами, то посмотрите наше руководство по добавлению и использованию виджетов в WordPress.
Виджет развернется, и вы сможете увидеть его настройки.
Первый вариант — это добавить заголовок к виджету изображения. После этого нажмите на кнопку «Добавить изображение», чтобы продолжить.
Откроется окно загрузки медиафайлов WordPress, где вы можете нажать на кнопку «Загрузить файлы», чтобы загрузить свое изображение или выбрать ранее загруженное изображение.
После загрузки изображения, вы увидите настройки изображения в правой колонке. Здесь вы можете указать заголовок / ALT-текст для изображения, добавить описание, выбрать размер или даже добавить ссылку.
Как только вы закончите, вы можете нажать на кнопку «Добавить в виджет», чтобы сохранить изменения. Теперь вы увидите предварительный просмотр изображения в области настроек виджета.
Не забудьте нажать на кнопку ‘Сохранить’, чтобы сохранить виджет изображения.
Теперь вы можете посетить свой сайт и увидеть изображение, отображаемое на боковой панели вашего блога WordPress.
Добавление изображения в боковую панель WordPress с помощью текстового виджета
Добавить изображение в боковую панель с помощью стандартного виджета «Изображение» довольно просто. Однако иногда вам может понадобиться добавить изображение с пользовательским HTML или текст с форматированием. В этом случае вам нужно будет использовать виджет ‘Text’.
Просто перейдите по ссылке Внешний вид » Виджеты открыть страницу и добавить виджет «Текст» в боковую панель. В настройках виджета вы увидите кнопку «Добавить медиа» над областью редактирования текста.
При нажатии на кнопку откроется окно загрузки медиафайлов, позволяющее загрузить или выбрать изображение из медиатеки.
После выбора изображения нажмите на кнопку «Вставить в сообщение». Теперь вы сможете увидеть предварительный просмотр изображения в настройках текстового виджета.
Вы можете продолжить добавлять текст и другие элементы в текстовый виджет. Панель инструментов в текстовом редакторе предоставляет вам несколько основных кнопок форматирования.
Как только вы закончите, не забудьте нажать на кнопку «Сохранить», чтобы сохранить настройки виджета.
Теперь вы можете посетить свой сайт, чтобы увидеть изображение боковой панели в действии.
Ручное добавление изображения в виджет боковой панели WordPress
В некоторых случаях вам может понадобиться добавить дополнительный HTML-код к изображению. Текстовый виджет по умолчанию позволяет использовать некоторые базовые HTML, но он может не работать с расширенным HTML или форматированием. В этом случае вам нужно будет вручную добавить изображение в боковую панель вашего блога.
Сначала вам нужно загрузить изображение на ваш сайт WordPress. Просто перейдите в раздел Медиа » Добавить новый и загрузить файл с изображением.
После загрузки изображения необходимо нажать на ссылку «Редактировать» рядом с изображением.
Теперь WordPress переведет вас на страницу ‘Edit Media’, где вы увидите URL файла изображения в правой части экрана. Вам нужно скопировать этот URL и вставить его в текстовый редактор, например, Блокнот.
Далее, вам нужно перейти по адресу Внешний вид » Виджеты экран и перетащите виджет ‘Custom HTML’ в боковую панель, где вы хотите отобразить изображение.
В области текстового поля виджета необходимо добавить изображение, используя этот код:
Тег img используется в HTML для отображения изображений. Он нуждается в двух атрибутах, первый из которых — src — определяет местоположение файла изображения. Здесь вы вставите URL, который вы скопировали ранее.
Вторая кнопка — alt, которая используется для предоставления альтернативного текста для изображения. Ваш окончательный тег img будет выглядеть примерно так:
Вам нужно нажать на кнопку Save, чтобы сохранить настройки виджета, а затем просмотреть ваш сайт.
Добавление изображения в боковую панель WordPress с помощью плагина
Другой способ добавления изображений в боковую панель WordPress — это использование плагина. Это даст вам несколько больше возможностей и простой интерфейс, который некоторым новичкам может показаться проще, чем виджет по умолчанию «Изображение».
Сначала вам нужно установить и активировать плагин Image Widget. Для более подробной информации смотрите наше пошаговое руководство о том, как установить плагин WordPress.
После активации просто перейдите на страницу Внешний вид » Виджеты страница. Вы заметите новый виджет под названием ‘Image Widget’ в колонке доступных виджетов. Просто перетащите этот виджет изображения на боковую панель WordPress, где вы хотите отобразить изображение.
Далее нажмите на кнопку «Выбрать изображение», чтобы загрузить изображение или выбрать его из медиатеки. После этого нажмите на кнопку ‘Insert to Widget’, и вы увидите предварительный просмотр изображения в настройках виджета.
Вы можете добавить заголовок, alt-текст, ссылку и надпись для изображения. Вы также можете выбрать размер изображения из списка доступных вариантов.
Как только вы будете удовлетворены, просто нажмите на кнопку Save, чтобы сохранить виджет изображения. Вот и все, теперь вы можете перейти на свой сайт и увидеть изображение, отображаемое в боковой панели.
Надеемся, что эта статья помогла вам добавить изображение в виджет боковой панели WordPress. Если вы столкнулись с проблемой, не забудьте просмотреть наше руководство о том, как исправить распространенные проблемы с изображениями в WordPress.
Если вам понравилась эта статья, то подпишитесь на наш канал YouTube для получения видеоуроков по WordPress. Вы также можете найти нас в Twitter и Google+.
Источник: www.wpbeginner.com