Как разместить баннер на сайте

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

разместить баннер на сайте

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

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

баннер

Скачиваем картинку на компьютер. Далее картинку нужно загрузить на хостинг. Это можно сделать через FTP соединение или через админ панель сайта. Кто как привык. Если делать через FTP соединение, то нужно найти папку wp-content в ней выбрать папку uploads и загрузить в неё подготовленный баннер.

Другой вариант — это зайти в админ панель сайта и пройти по пути «Медиафайлы» ► «Библиотека» ► «Добавить новый» и загрузить изображение баннера с компьютера.

баннер на сайте загрузка

После загрузки изображения на хостинг у вас будет ссылка на картинку или путь к картинке.

Далее необходимо создать HTML-код баннера, здесь я привожу шаблон кода.

<a href=”ВАША ССЫЛКА”rel=”nofollow” target=”_blank”><img src=”ПУТЬ К КАРТИНКЕ”/></a>

Его необходимо с копировать и установить в блокноте. Теперь этот код необходимо заполнить, в место слов ПУТЬ К КАРТИНКЕ вставляем ссылку, на картинку которую загрузили на хостинг. Делаем это акуратно не трогая кавычек.

В место слов ВАША ССЫЛКА может использоваться партнёрская ссылка или ссылка, ведущая на посадочную страницу собственного продукта. В результате получится вот такой код:

<a href=”http://alt.zh-nikobor.ru/kurs-wp”rel=”nofollow” target=”_blank”><img src=”https://zh-nikobor.ru/wp-content/uploads/2017/06/240×400.jpg”/></a>

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

Устанавливаем баннер на сайте в сайтбаре

Для этого переходим в админ панель сайта и проходим по пути «Внешний вид»► «Виджеты»

В столбце «Доступные виджеты» выбираем виджет с надписью «Текст». Наводим на него курсор и зажав левую кнопку мыши перетаскиваем в сайтбар, в то место где должен стоять баннер. Как только виджит подвели в нужное место и отпустили левую кнопку мыши виджет установится и раскроется информационное поле. Поле «Заголовок» заполняется по желанию. А в поле «Содержимое» устанавливается созданный HTML-код баннера, который перед этим приготовили. (Поле «Содержимое» должно быть переключено в режим «Текст»)

баннер на сайте в сайтбаре

После установки кода нажать кнопку «Сохранить».

На этом установка баннера в сайтбаре завершена.

Устанавливаем баннер на сайте в тексте

После написания статьи (текстовый редактор находится в режиме «Визуально») необходимо выбрать в статье место где будет стаять баннер, подвести туда курсор и нажать клавишу [Enter].

установить баннер на сайте в тексте

Курсор встанет с новой строки, вписываем шесть восьмёрок (888888) и нажимаем кнопку [Enter]. После этого переключаем текстовый редактор в режим «Текст» и ищем строку с восьмёрками (888888).

баннер на сайте текст

 Вместо восьмёрок вставляем HTML-код баннера. А чтобы баннер встал по центру текста в начале кода добавляем тег <center> а, в конце добавляем закрывающий тег </center>. В результате получется вот такой код

<center><a href=”ВАША ССЫЛКА”rel=”nofollow” target=”_blank”><img src=”ПУТЬ К КАРТИНКЕ”/></a></center>

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

Надеюсь этот способ как разместить баннер на сайте не сложный, но достаточно надёжный, его легко применить. Пишите в комментариях помогла ли вам статья.

С уважением Борис Житний.

Как разместить баннер на сайте

Как разместить баннер на сайте: 3 комментария

  • 11.02.2018 в 00:02
    Permalink

    Просто и доступно изложено. В свое время мне нужно было установить баннер на сайт, тогда у меня был сайт, попозже сделала блог. Облазила всю поисковую, знаний не хватало, но нашла подходящую статью и создала статью у себя на блоге. И видео выложила. Видео было не очень умелое, троли дизлайков наставили, я им вежливо отвечала, а потом после того, как их каналы с никами исчезли – остались только мои ответы… Сейчас просматриваю свой Ютуб канал… сама себе ответила. Спасибо тролям – научили.

    Ответить

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

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