Небольшой html урок, как вставить картинку в боковое меню

Заметил несколько переходов с ПС по запросу “как вставить картинку в html” и “как вставить картинку со ссылкой”.

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

Для отображения картинки в html используется код:
1

<img src=”тут ссылка на картинку” >

Для создания ссылки с анкором код:
1

<a href=”тут адрес ссылки” >анкор ссылки</a>

соединив эти два кода, мы можем получить ссылку с картинки:
1

<a href=”тут адрес ссылки” ><img src=”тут адрес изображения” ></a>

Как видите вместо анкора, мы подставляем html код для вставки картинки.

Теперь, что бы картинка отображалась с боку меню на всех страницах нужно зайти в консоль wordpress – внешний вид – виджеты и найти виджет “Произвольный текст или HTML-код”, в него мы и вставляем конечный код со ссылокой и картинкой.

Алексей Шевченко

Автор и редактор на wptheme.us

Задать вопрос

Опыт работы с WordPress более 15 лет. Создал более 1500 сайтов на Вордпресс. Перевел более 400 тем на русский и украинский язык. Сотни вылеченных сайтов от вирусов. Тысячи установленных и настроенных плагинов.