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

Здравствуйте! Уважаемые читатели блога Iprodvinem.ru. Сегодня я расскажу о том как можно вставить ваш баннер в сайдбар  вашего блога на WordPress.

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

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

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

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

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

Где,

  • <a href= «http://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

Надеюсь данная статья вам оказалась полезна. Если вам понравилась данная статья или у вас есть что добавить оставляйте свои комментарии. До скорых встреч на страницах блога Iprodvinem.ru.

ПОДПИШИТЕСЬ НА РАССЫЛКУ БЛОГА
и получайте новые статьи на свою почту


Подборки по теме:

 

Десерт:

Использую для заработка: