как вставить картинку — ссылку в сайдбар

Сегодня напишу короткий пост о том, как вставлять свои картинки в сайдбар вашего блога. Ведь если на блоге есть картинки, то он смотрится как-то живее что-ли, его приятнее читать и он радует глаз.
Чаще всего картинку в сайдбар вставляют со ссылкой, то есть нажав на картинку - пользователь попадает туда, куда хочет блоггер. Это чаще всего может быть какой-то пост, к примеру, перед новым годом я поставил в сайдбар фото красивой елочки, а ссылку с рисунка поставил на мой поздравительный пост, так что посетители кликали на елку и попадали на страничку, где я их душевно поздравляю.

Также можно поставить ссылку и на какой-либо внешний ресурс - чаще всего для привлечения рефералов. Блоггеры ставят картинку в сайдбар, на котором изображены ДЕНЬГИ и пишут "тут я зарабатываю", пользователь кликает на картинку и попадает непосредственно на биржу, автоматически становясь рефералом блоггера, ведь ссылка в рисунке будет реферальская. Каждый вставляет картинку в сайдбар для своих целей, итак,разберем, как это сделать.

Во-первых, вам нужно будет выбрать картинку и обрезать её, чтобы она не выставлялась за пределы вашего сайдбара. Гляньте на примере моего рисунка справа "обмен статьями", он четко вписывается в мой сайдбар. Так что обрезаете рисунок под размеры вашего сайдбара. К примеру, ширина моего сайдбара 205 пикселей, то есть картинки я обрезаю по ширине на 200 пикселей.
Как обрезать рисунок по размеру - можете посмотреть видео на моем блоге. Значит, рисунок у вас готов.

Далее загружаем его на ваш сайт, в папку "upload".Это делаете через фтп-соединение. Записываем название рисунка и его расширение. К примеру, мой рисунок по обмену статьями - obmen.jpg. Ссылка на мой рисунок будет выглядеть так - http://kirovinet.ru/wp-content/uploads/obmen.jpg.

Шаг третий.
Заходим в админку вашего wordpress и открываем виджеты, выбираем виджет "Текст" и тащим его в сайдбар.

Ну и последний 4 шаг.
Прописываем в виджете "текст" все что нужно.
Сначала прописываем ссылку на то, куда ваш рисунок будет направлять пользователя. А потом добавляем ссылку на ваш рисунок, который вы загрузили к себе на сайт.
Все это выглядит так, на примере моего блога.
картинка в сайдбаре

Как вы можете видеть на рисунке, целевая страница - это обмен статьями. А рисунок, который ведет на эту страницу - obmen.jpg. Соответственно, в этот код вы можете вставить адреса своих страниц и свои рисунки. Так что удачи, надеюсь мануал вам поможет. Вставить картинку в сайдбар - проще простого.

как вставить картинку — ссылку в сайдбар: 16 комментариев

  1. По какойто причине у меня не получилось, но я нашел классный плагин Image Widget который решил мою проблему.

  2. Плагинами, конечно, все сделать быстрее, но если их много, то блог начинает тормозить )) Так что код предпочтительнее. Но можно и плагином ))

  3. Спасибо большое, как раз собиралась вставить картинку о сервировке стола к празднику.

  4. Пожалуйста, рад что информация пригодилась )) К новому году уже готовитесь ))

  5. Спасибо большое, уже не первый раз захожу в гости.Много полезного для себя нашла. Наверное и не последний раз захожу,пока сама разберусь во всех тонкостях 🙂

  6. Всегда рад видеть на своем блоге как постоянных читателей, так и новых. Буду и дальше писать про нужные вещи для блоггера и вебмастера, так что заглядывайте иногда )) А в тонкостях разберетесь, даже не сомневайтесь.

  7. А у меня на главной странице в сайдбаре есть картинка, а на других страницах картинки нет. Т.е получается, что картинка прописана только для главной страницы?

  8. Не знаю, у меня все отображается, можете на моем блоге кладоискателя посмотреть, http://nyusha83.ru, там в правом сайдбаре картинка-ссылка на статью про рубль 1997 широкий кант. Она на всех страницах отображается.

  9. Спасибо, я разобрался. У меня в ЧПУ были прописаны категории, и поэтому менялся адрес картинки при переходе на другие страницы…

  10. Ну вот и отлично ))Полезное наблюдение, может еще кому — нибудь пригодится.

  11. Спасибо, автору за пост! Коротко и ясно. Мне, как новичку, очень пригодиться. Буду заходить за полезными советами.

  12. Рад, что статья оказалась полезной )) заходите в гости почаще ))

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

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