Как разместить кнопку-картинку в sidebar

Как-то недавно меня спрашивали, а как сделать что-то похожее на мою «Книгу отзывов и предложений», чтобы при нажатии на картинку в сайдбаре, посетитель переходил на нужную Вам страницу.

Тут на самом деле все просто. Вы же знаете. Не люблю усложнять себе жизнь))

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

Что ж с картинкой делать? Несколько вариантов. Если позволяют навыки, то можете нарисовать в каком либо графическом редакторе. Если с этим туговато, то можно поискать в интернете. А можно не просто картинки искать, а кнопки. Тут можно посмотреть, какие бывают.

В общем, надеюсь, с изображением Вы определились. Теперь дело за малым: разместить нашу кнопку-картинку на сайте. Для этого загружаем изображение в библиотеку медиафайлов.

Если не знаете, как это делать, то читаем, если знаете, то можете пропустить этот пункт.

Заходим в админ-панель сайта – Медиафайлы — Добавить новый – Выберите файлы.

knopka-1

Выбираем, загружаем и переходим в Библиотеку файлов, находим нашу картинку и нажимаем Перейти.

knopka-2

Открывается наша картинка.

Важно. Подберите картинке заранее подходящий размер. У меня автоматически подгоняется размер картинки под ширину сайдбара. У Вас такой функции может и не быть. Уменьшить размеры картинки можно практически в любом графическом редакторе. (если не знаете как, то пишите, объясню). Экспериментируйте (желательно обязательно на поддомене, или после создании резервной копии).

Нас интересует ссылка нашего изображения. Копируем ее. (Либо можете сделать это чуть позже)

knopka-3

Затем используем следующий код:

Тут пишем название кнопки» type=»application/rss+xml» href=»Тут пишем адрес статьи» rel=»nofollow»>

Идем дальше. Заходим в админ-панель – Внешний вид-Виджеты

Берем виджет «Текст» и переносим его в нужный Вам сайдбар. В открывшемся окошке вставляем наш код. Нажимаем Сохранить , а потом Закрыть.

knopka-4

(По желанию можно озаглавить Вашу картинку, внеся название кнопки/изображения в поле Заголовок)

Все, теперь идем и проверяем 😉 Надеюсь, все понятно объяснила!

Хорошего и удачного Вам дня!