Вставить картинку в виджет в wordpress

Привет, привет! Сегодня маленькая статья также как и предыдущие касается медиафайлов. Вы узнаете как вставить картинку в виджет в wordpress. Этот процесс немного отличается от привычного добавления картинки в запись вордпресс. На каждом блоге созданном на движке WordPress в сайдбаре можете наблюдать картинки. В основном это рекламные баннеры или переадресация на страницу подписки. Знать как в wordpress вставить картинку в виджет надо знать всем.

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

Сразу обратите внимание на размеры сайдбара сайта. Вы должны их знать. По крайней мере по ширине. Ведь в случае вставки картинки большего размера нарушится дизайн.

  1. Для начала надо загрузить картинку в библиотеку wordpress.
  2. Создаём новую страницу или запись (без разницы). В редакторе вордпресс жмёте Добавить медиафайл. Выбираете нужную картинку. Указываете необходимые атрибуты, адрес страницы на которую должен перейти посетитель при клике. Если это просто картинка для красоты, ссылку, разумеется не указываете. Выравниваете по центру. Вставляете картинку в запись wordpress.
  3. В редакторе переходите на вкладку Текст. Это html-код загруженного изображения. Копируйте код полностью.
  4. В консоли WordPress переходите на вкладку Внешний вид ⇒ Виджеты. Выбираете виджет Текст и переносите в сайдбар.Виджет Текст
  5. Скопированный код вставляете в поле Содержимое. Поле Заголовок заполняете при необходимости. Эта запись будет отображаться выше картинки.Вставить картинку в виджет в wordpress
  6. Жмите Сохранить.
  7. Страницу куда вставляли картинку удаляете. Она больше не нужна.

Всё. У вас получилось вставить картинку в виджет в wordpress? Отпишитесь в комментариях.

Кстати в сайдбар можно вставить и видео с YouTube.
С уважением, Павел Коновалов

Комментарии 2

  • Вот бы еще знать как добавить картинку в виджет к примеру подписка на новости? было бы здорово, ну и за эту инфу Вам тоже спасибо!

  • Анжелика, под картинкой вставьте код формы подписки от сервиса которым пользуетесь

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

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