Как добавить изображение (картинку) в виджет

Иногда возникает необходимость вставить изображение (картинку, фотографию) в виджет. Это совсем  не сложно!

Для этого Вы должны открыть  админку WordPress, Медиафайлы, Добавить новый и загрузить изображение:

После загрузки не закрывайте медиафайл, так как он нам будет нужен.

В отдельном окне открываете виджет, в который Вам нужно вставить изображение (или создаете новый) и добавляете код:

<img alt=»e07eed08f142″ src=»http://topchiy.com.ua/wp-content/uploads/2014/01/e07eed08f142.gif» width=»125″ height=»146″ /></a>

Дальше я Вам объясню, что нужно изменить в коде  (так как это код картинки, которую вставляла я :-P ),  это выделено красным цветом: 

1. Название картинки

<img class=»aligncenter size-full wp-image-5913″ alt=»e07eed08f142» src=»http://topchiy.com.ua/wp-content/uploads/2014/01/e07eed08f142.gif» width=»125″ height=»146″ /></a>

Берем его вот здесь:

2. Ссылка на картинку

<img alt=»e07eed08f142″ src=»http://topchiy.com.ua/wp-content/uploads/2014/01/e07eed08f142.gif» width=»125″ height=»146″ /></a>

Его можно взять вот здесь:

3. Размеры картинки

<img alt=»e07eed08f142″ src=»http://topchiy.com.ua/wp-content/uploads/2014/01/e07eed08f142.gif» width=»125» height=»146» /></a>

Размеры картинки (рисунка, фотографии) можно менять в зависимости от размеров Вашего виджета, но если Вы вставляете анимационную картинку, то тогда  нужно указать оригинальные размеры, их можно взять вот здесь:

Если ширина анимационной картинки больше, чем ширина виджета — то картинка не поместится и будет выступать — что очень не красиво. Тогда нужно подобрать такую анимационную картинку, чтобы она соответствовала  размерам Вашего виждета или зайти вот сюда и изменить размер анимационной картинки он-лайн.

Вот, что у меня получилось:

Надеюсь, что и у Вас получилось вставить картинку в виджет!

Удачных Вам экспериментов в блогостроительстве!

© 2014 — 2016, Ирина Топчий. Все права защищены.

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

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

*