Хотите добавить изображение в виджет боковой панели в WordPress? По умолчанию WordPress позволяет легко загружать и добавлять изображения в любом месте на вашем сайте. В этой статье мы покажем, как легко добавить изображение в виджет боковой панели WordPress. Мы поделимся несколькими методами, чтобы вы могли использовать наиболее подходящий для вас.^
Видео версия(это видео)
Если вам не нравится видео или вам нужны дополнительные инструкции, продолжайте чтение.
Добавление изображения в WordPress с помощью виджета изображения
Самый простой способ добавить изображение в боковую панель WordPress – использовать виджет «Изображение» по умолчанию.
Просто перейдите на страницу Внешний вид »Виджеты и добавьте виджет« Изображение »на боковую панель. Если вы раньше не использовали виджеты, ознакомьтесь с нашим руководством по добавлению и использованию виджетов в WordPress.^
Виджет развернется, и вы сможете увидеть его настройки.
Первый вариант – добавить заголовок к виджету изображения. После этого нажмите кнопку «Добавить изображение», чтобы продолжить.
Это вызовет загрузчик мультимедиа WordPress, где вы можете нажать кнопку загрузки файлов, чтобы загрузить изображение или выбрать изображение, которое вы ранее загрузили.^
После загрузки изображения вы увидите настройки изображения в правом столбце. Отсюда вы можете предоставить заголовок / текст ALT для изображения, добавить описание, выбрать размер или даже добавить ссылку.
Закончив, вы можете нажать кнопку «Добавить в виджет», чтобы сохранить изменения. Теперь вы увидите предварительный просмотр изображения в области настроек виджета.^
Не забудьте нажать кнопку «Сохранить», чтобы сохранить виджет изображения.
Теперь вы можете посетить свой веб-сайт, чтобы увидеть изображение, отображаемое на боковой панели вашего блога WordPress.^
Добавление изображения в боковой панели WordPress с помощью текстового виджета
Добавить изображение на боковую панель с помощью стандартного виджета «Изображение» довольно просто. Однако иногда вам может понадобиться добавить изображение с пользовательским HTML или текстом с форматированием. В этом случае вам нужно будет использовать виджет «Текст».
Просто перейдите на страницу Внешний вид »Виджеты и добавьте виджет« Текст »на боковую панель. Под настройками виджета вы увидите кнопку «Добавить мультимедиа» над областью редактирования текста.^
Нажатие на кнопку откроет медиа-загрузчик, позволяющий загрузить или выбрать изображение из медиа-библиотеки.
Выбрав свое изображение, нажмите кнопку «Вставить в пост». Теперь вы сможете увидеть предварительный просмотр изображения в настройках текстового виджета.
Вы можете продолжить добавление текста и других элементов в текстовый виджет. Панель инструментов в текстовом редакторе дает вам несколько основных кнопок форматирования.^
Когда вы закончите, не забудьте нажать кнопку «Сохранить», чтобы сохранить настройки виджета.
Теперь вы можете посетить свой веб-сайт, чтобы увидеть изображение боковой панели в действии.^
Добавление изображения вручную в виджет боковой панели WordPress
В некоторых случаях вам может понадобиться добавить дополнительный HTML-код к вашему изображению. Текстовый виджет по умолчанию допускает очень простой HTML, но он может не работать с расширенным HTML или форматированием. В этом случае вам нужно будет вручную добавить изображение на боковую панель вашего блога.
Во-первых, вам нужно загрузить изображение на ваш сайт WordPress. Просто зайдите в Media »Add New и загрузите файл изображения.
После загрузки изображения вам необходимо нажать на ссылку «Изменить» рядом с изображением.^
WordPress теперь переместит вас на страницу «Редактировать медиа», где вы увидите URL файла изображения в правой части экрана. Вам необходимо скопировать этот URL-адрес и вставить его в текстовый редактор, такой как Блокнот.^
Далее вам нужно перейти на экран «Внешний вид» виджетов и перетащить виджет «Пользовательский HTML» на боковую панель, где вы хотите отобразить изображение.^
В области текстового поля виджета вам необходимо добавить изображение с помощью этого кода:
<img src = “Вставить URL-адрес файла сюда” alt = “Клубника” />
Тег img используется в HTML для отображения изображений. Ему нужны два атрибута, первый из них src, который определяет местоположение файла изображения. Здесь вы вставите скопированный ранее URL.
Вторым является alt, который используется для предоставления альтернативного текста для изображения. Ваш последний тег img будет выглядеть примерно так:
<img src = “http://www.example.com/wp-content/uploads/2014/09/strawberries.jpg” alt = “Клубника” />
Вам нужно нажать на кнопку «Сохранить», чтобы сохранить настройки виджета, а затем просмотреть свой веб-сайт.
Добавление изображения в боковой панели WordPress с помощью плагина
Другой способ добавить изображения на боковую панель WordPress – использовать плагин. Это даст вам еще несколько опций и простой интерфейс, который некоторым новичкам может показаться проще, чем стандартный виджет «Изображение».
Сначала вам нужно установить и активировать плагин Image Widget. Для более подробной информации, смотрите наше пошаговое руководство по установке плагина WordPress.
После активации просто перейдите на страницу Внешний вид »Виджеты. Вы увидите новый виджет с надписью «Image Widget» в столбце доступных виджетов. Просто перетащите этот виджет изображения на боковую панель WordPress, где вы хотите отобразить изображение.^
Затем нажмите кнопку «Выбрать изображение», чтобы загрузить изображение, или выберите его из библиотеки мультимедиа. После этого вам нужно нажать кнопку «Вставить в виджет», и вы увидите предварительный просмотр изображения в настройках виджета.
Вы можете добавить заголовок, альтернативный текст, ссылку и подпись к изображению. Вы также можете выбрать размер изображения из списка доступных опций.^
Когда вы будете удовлетворены, просто нажмите кнопку Сохранить, чтобы сохранить виджет изображения. Вот и все, теперь вы можете перейти на свой веб-сайт и увидеть изображение, отображаемое на боковой панели.
Мы надеемся, что эта статья помогла вам добавить изображение в виджет боковой панели WordPress. Если вы столкнулись с проблемой, не забудьте посмотреть наше руководство о том, как исправить распространенные проблемы с изображениями в WordPress.
Если вам понравилась эта статья, пожалуйста, подпишитесь на наш канал YouTube для видеоуроков WordPress. Вы также можете найти нас в Twitter и Google+.
