Новичкам

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Можете сразу скопировать мой код ниже, но не забудьте тогда сначала загрузить картинку и поменять ссылки в коде.

Наблюдаем картинку у себя в сайдбаре. Кстати говоря, именно так у меня и выводятся картинки со ссылками в левом сайдбаре для «Избранных разделов».

Для тех, кто предпочитает использовать плагины пригодится Image Widget или еще более функциональный вариант — Black Studio TinyMCE Widget.

За одно, давайте сразу посмотрим, как можно вставить в виджет сайдбара видео ролик с ютуба. Так же в текстовый виджет вставляем код. Сам код копируем со страницы нужного видео на ютубе в окне по закладке — Поделиться — HTML-код. Не забудьте только выставить вручную размеры видео, что бы не вылезало за пределы сайдбара.

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

 

Метки

Related Articles

5 thoughts on “Как вставить картинку в виджет WordPress?”

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

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

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

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

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

Close

Обнаружен Adblock

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