Уроки wordpress як вставити картинку в віджет

Для початку що таке віджет? Можливо хтось з Новомосковсктелей цієї статті не знайомі з цим поняттям. Віджет - це невелика програмка, яка виконує будь-яку функцію на сайті. Це як і плагін, однак віджет призначений лише для бічних блоків, в деяких шаблонах і для футера з хедером. На відміну від плагіна ця програма не жере ресурсів сервера, і не збільшує функціональності всього сайту, а лише додає пару функцій в певні його місця.

Щоб краще зрозуміти що ж таке віджет, давайте перейдемо в адмін панель wordpress і перейдемо на: "Зовнішній вигляд" -> "Віджети". Ось, наприклад, кілька віджетів:

Досить перенести одну з вкладок на будь-яку панель сайту, яка підтримує віджети (в моєму шаблоні це лівий блок), як віджет почне працювати. Припустимо перенесемо вкладку "пошук", і відразу ж на сайті з'явиться пошук. Те ж саме і з іншими вкладками. Тому можна сказати віджет - невеликий шматок коду, який можна підключити до сайту, простим перенесенням на панель.

Однак у цій статті мова піде про віджеті "Текст". Про нього складно сказати, що це якась програма. Ні. Це лише поле для введення тексту, або коду html. Після введення певного тексту, і перенесення віджета на панель, можна буде побачити цей текст на сайті. Ось саме це я і збирався зробити, правда вставити не текст, а картинку. Що вдалося мені, але не з першого разу.

Якщо Вас попросять вставити в віджет картинку. як Ви це зробите? Зрозуміло, Ви вирішите, що необхідно просто закачати картинку через адмін панель, в розділі "Медіафайли", потім взяти посилання на цю картинку і просто вставити в віджет. Я зробив також, але замість картинки побачив лише посилання на неї. Так як же вставити картинку в віджет?

Дуже просто! Додаємо новий запис або сторінку, кому що зручніше. Натискаємо "Додати мультимедійний", завантажуємо потрібну картинку і просто вставляємо її. Однак тут треба бути уважніше!

В налаштуваннях обов'язково треба прибрати вирівнювання, якщо, звичайно, не хочете, щоб картинка в віджеті була вирівняна, а також вибираєте потрібний розмір.

Після того, як ми вставили картинку, переходимо на вкладку "Текст" і просто копіюємо отриманий HTML код. Приблизно такий: