Как вставить картинку в виджет WordPress?
Вот такая простенькая тема сегодня — как вставить картинку в виджет. Не смотря на кажущуюся примитивность вопроса, многие его, тем ни менее задают (причем, весьма упорно), а значит, для новичков лишним он не будет. Итак, будем вставлять картинки в сайдбар своего сайта. Разумеется с помощью виджетов.
Самый простой и понятный для новичка способ вставки картинки в сайдбар будет следующим.
Загружаем нужную картинку к себе на сайт. Желательно сразу привести её к нужному размеру по ширине вашего сайдбара, если так вами задумано, конечно.
Создаем новую запись или страницу (не публикуем, потом удалим) и в стандартном WP редакторе выбираем (не забываем прописать ALT атрибут) и вставляем нашу картинку. Если нужно, выровняйте картинку по центру или по краям. Так она и будет затем форматироваться в вашем сайдбаре.
Переключаем редактор в текстовый режим и копируем код.
Переходим в Внешний вид — Виджеты. Выбираем текстовый виджет и перетаскиваем его в сайдбар.
Вставляем скопированный ранее код.
Оранжевым на картинке я отметил путь к картинке. Если вам потребуется сделать ссылку с вашей картинки, соответственно замените его на требуемую ссылку. Синим отмечен ID картинки, а сиреневым размеры выводимого изображения. По ходу, можете подправить их прямо тут.
Можете сразу скопировать мой код ниже, но не забудьте тогда сначала загрузить картинку и поменять ссылки в коде.
<a href="https://wpnice.ru/wp-content/uploads/2014/12/WP.jpg"><img class="alignnone size-full wp-image-18404" src="https://wpnice.ru/wp-content/uploads/2014/12/WP.jpg" alt="Картинка в виджете" width="120" height="120" /></a>
Наблюдаем картинку у себя в сайдбаре. Кстати говоря, именно так у меня и выводятся картинки со ссылками в левом сайдбаре для «Избранных разделов».
Для тех, кто предпочитает использовать плагины пригодится Image Widget или еще более функциональный вариант — Black Studio TinyMCE Widget.
За одно, давайте сразу посмотрим, как можно вставить в виджет сайдбара видео ролик с ютуба. Так же в текстовый виджет вставляем код. Сам код копируем со страницы нужного видео на ютубе в окне по закладке — Поделиться — HTML-код. Не забудьте только выставить вручную размеры видео, что бы не вылезало за пределы сайдбара.
Здравствуйте, Дмитрий. Подскажите, как вы сделали, что картинка находится над заголовком Н1, а не под ним? Я у себя в Sahifa пробовал нигде не могу найти как это сделать.
Здравствуйте. По умолчанию так и есть. Может у вас версия темы старая?
Да, так и есть, тему давно уже не обновлял, т.к. внёс много изменений в код и опасаюсь, что при обновлении придётся вносить эти изменения заново, а времени пока на это нету. Думаю чуть позднее обновлю. Но хочу поинтересоваться, а вы как считаете, стоит ли обновлять? Вы после обновления получили какие-то бонусы, дополнительные удобства, плюшки?
Я не знаю какая у Вас версия и насколько старая. Так же, я не знаю значимость внесенных изменений. О том, что не надо вносить изменения прямо в файлы тем уже говорилось не раз. А вообще, все изменения можно посмотреть в логе. И решить, надо оно или нет.
Спасибо! Очень помогло!