Как добавить баннер в сайдбар на WordPress

Как добавить баннер в сайдбар на Wordpress

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

Как добавить баннер в сайдбар на WordPress

Для того чтобы вставить в ваш блог на WordPress баннер, вам сначала необходим сам баннер, далее после того как вы его подготовите вам необходимо его залить на ваш хостиннг. Сделать это можно из главного меню админки, там вам нужно найти там вкладку “Медиафайлы” навести на нее появится ниспадающее меню в котором вам необходимо нажать на меню “Добавить новый”.  В этой вкладке нажимаете на кнопку “Выбрать файл” выбираете свой файл и нажимаете на кнопку загрузить.

добавить-баннер-на-вордпрес

После загрузки вы автоматом попадаете в меню “Медиафайлы” – “Библиотека”, теперь вам необходимо скопировать путь к файлу. Для этого, под названием вашего баннера ищете кнопочку “Изменить” и жмете на неё, далее у вас открывается новое окно. В нем вам необходимо скопировать ссылку на ваш файл, она понадобится вам чтобы в дальнейшем вставить ее в код самого баннера. Можете просто скопировать ссылку в блокнот, чтобы в дальнейшем не потерять ее.

добавить-баннер-на-вордпрес2

Далее заходим в панель “Внешний вид” – “Виджеты”, там нам понадобится следующий код:

Где,

  • <a href= “https://iprodvinem.ru/” – это ссылка на ваш сайт.
  • target= “_blank” – этот параметр говорит о то что ссылку нужно открыть в новом окне
  • alt= “Продвижение в Интернете” – это текст который, видит только поисковая система, (полезно для хорошего индексирования сайта).
  • title= “Продвижение в Интернете ” – это то, что выводится посетителю при наведение мышкой.
  • <img src= “http://iprodvinem.ru /images/banner/baner.gif” – в это поле необходимо вставить  ссылку  на ваш баннер, которую вы копировали выше.
  • width= “250” – ширина блока, в данном случае она 250 пикселей.
  • height= “250” – высота блока, в данном случае она 250 пикселей.
  • border= “0” – это обводка рисунка, я обычно предпочитаю ее не делать, поэтому в примере выставлено значение  “0”. Если же вы хотите выставить какую-то обводку то предлагаю вам начать со значения равного “1”.

После того, как вы настроите все значения вашего кода под себя, вам необходимо вставить его, для этого нам понадобится блок “Текст”. Ищем в панели виджетов блок “Текст”, как правило он в самом низу, нажимаем на его и выбираем, то место куда вы хотите его вставить, далее нажимаем “Добавить виджет”.  В моем случаем мест не так много, но в вашем все может быть по другому, поскольку тут все зависит от той темы которая у вас установлена.

добавить-баннер-на-вордпрес3

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

Выглядеть это будет примерно вот так на картинке ниже, только код будет указан ваш.

добавить-баннер-на-вордпрес4

Рекомендую также почитать вам статью про плагин Flat PM Pro для WordPress, который позволяет встраивать баннеры и рекламу в любое место вашего сайта, без самостоятельной правки кода.

Итог:

Теперь после прочтения этой статьи вы можете самостоятельно вставлять рекламу в слайдбар на своем Вордпресс сайте. Осталось дело за малым, применить полученные знания на практике. На этом у меня все. Как всегда желаю вам море позитива и хорошего настроения :)

P/S: Если вы хотите нас отблагодарить за статью, вы можете сделать нам небольшой донат :)

Если данная информация была полезна для вас и вам понравилась статья про то, как поставить рекламу в слайдбар на WordPress. Пишите свои комментарии и предложения. С уважением Юрий, до встречи на страницах блога iprodvinem.ru.

Понравилась статья? Поделиться с друзьями:
Блог Iprodvinem.ru | Удаленная работа и заработок в интернете
Комментарии: 2
  1. Владимир Нечипоренко

    Большое Вам человеческое спасибо, просто и доходчиво, все получилось с первого раза

  2. Алина Таранец

    Здравствуйте, Юрий! Статья мне понравилась. Всё доходчиво, честно расписано. Подписалась на новые статьи на Вашей страничке Об Авторах. Взяла блог в закладки.
    С уважением, Алина Таранец, автор блога ПУТИ К ЗДОРОВЬЮ.

Добавить комментарий
Войти с помощью: 

;-) :| :x :twisted: :smile: :shock: :sad: :roll: :razz: :oops: :o :mrgreen: :lol: :idea: :grin: :evil: :cry: :cool: :arrow: :???: :?: :!:

Adblock
detector