Новичкам

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

Вот такая простенькая тема сегодня — как вставить картинку в виджет. Не смотря на кажущуюся примитивность вопроса, многие его, тем ни менее задают (причем, весьма упорно), а значит, для новичков лишним он не будет. Итак, будем вставлять картинки в сайдбар своего сайта. Разумеется с помощью виджетов.

Самый простой и понятный для новичка способ вставки картинки в сайдбар будет следующим.

Загружаем нужную картинку к себе на сайт. Желательно сразу привести её к нужному размеру по ширине вашего сайдбара, если так вами задумано, конечно.

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

Создаем новую запись или страницу (не публикуем, потом удалим) и в стандартном WP редакторе выбираем (не забываем прописать ALT атрибут) и вставляем нашу картинку. Если нужно, выровняйте картинку по центру или по краям. Так она и будет затем форматироваться в вашем сайдбаре.

Как вставить картинку в виджет WordPress? Вставляем картинку.

Как вставить картинку в виджет WordPress? Переходим в тектовый редактор.

Переключаем редактор в текстовый режим и копируем код.

Как вставить картинку в виджет WordPress? Копируем код.

Переходим в Внешний вид — Виджеты. Выбираем текстовый виджет и перетаскиваем его в сайдбар.

Вставляем скопированный ранее код.

Как вставить картинку в виджет WordPress? Вставляем в текстовый виджет.

Оранжевым на картинке я отметил путь к картинке. Если вам потребуется сделать ссылку с вашей картинки, соответственно замените его на требуемую ссылку. Синим отмечен 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-код. Не забудьте только выставить вручную размеры видео, что бы не вылезало за пределы сайдбара.

Как вставить видео в виджет WordPress?

 

Похожие

5 Комментов

  1. Здравствуйте, Дмитрий. Подскажите, как вы сделали, что картинка находится над заголовком Н1, а не под ним? Я у себя в Sahifa пробовал нигде не могу найти как это сделать.

      1. Да, так и есть, тему давно уже не обновлял, т.к. внёс много изменений в код и опасаюсь, что при обновлении придётся вносить эти изменения заново, а времени пока на это нету. Думаю чуть позднее обновлю. Но хочу поинтересоваться, а вы как считаете, стоит ли обновлять? Вы после обновления получили какие-то бонусы, дополнительные удобства, плюшки?

  2. Я не знаю какая у Вас версия и насколько старая. Так же, я не знаю значимость внесенных изменений. О том, что не надо вносить изменения прямо в файлы тем уже говорилось не раз. А вообще, все изменения можно посмотреть в логе. И решить, надо оно или нет.

Добавить комментарий для Dmitry Отменить ответ

Ваш адрес email не будет опубликован.

Этот сайт использует Akismet для борьбы со спамом. Узнайте, как обрабатываются ваши данные комментариев.

Back to top button