Как сделать баннер в шапке сайта wordpress

Как сделать баннер в шапке сайта wordpress

Главная » Новости » Как разместить баннер на сайте

09 04 2016      Дмитрий Воробьев       27 комментариев

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

На самом деле сложно ничего нет, и справится с этой задачей даже новичок.

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

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

Наиболее распространенные варианты – это вставка картинки в тело статьи и в сайдбар. Давайте разберемся, как это сделать.

Я покажу вам на примере, как можно вставить на свой сайт вот такой баннер:

 

Для работы нам потребуется специальный hlml-код:

>>>Посмотреть и скопировать шаблон кода баннера<<<

Просто скопируйте данный код и вставьте его в новом файле блокнота

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

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

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

Следующий шаг – скопируйте адрес загруженной картинки, как показано на рисунке

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

И затем сохраните картинку.

После этого в коде в файле блокнота замените слова ПУТЬ К КАРТИНКЕ на адрес баннера на вашем хостинге, а слова ВАША ССЫЛКА на ссылку, ведущую на сайт, который вы рекламируете.

Выглядит это вот так:

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

На этом подготовка завершена и переходим к самому интересному.

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

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

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

Если вы оставите код в таком виде, то баннер у вас будет располагаться слева по умолчанию. Чтобы он стал по центру, добавьте перед кодом тег <center> , а после кода тег </center>. Теперь картинка находится точно по центру.

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

Опубликуйте статью и проверьте, как она будет выглядеть на вашем блоге.

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

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

Поле «Название» можно оставить пустым, а в поле «Текст» нужно вставить приготовленный код баннера. Чтобы он также располагался по центру добавьте тег <center> по аналогии, как и для выравнивания баннера в статье.

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

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

Для удобства и наглядности я записал небольшое видео, в котором подробно показал, что и как нужно делать:

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

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

Спасибо, что поделились статьей в социальных сетях!

Похожие записи Об оптимизации страниц сайта под Google Об оптимизации страниц сайта под Google Сервисы рассылок – какой выбрать? Сервисы рассылок – какой выбрать? Удаленная работа в интернете и отдых Удаленная работа в интернете и отдых Как разархивировать файл в популярных форматах .zip или .rar Как разархивировать файл в популярных форматах .zip или .rar Как сделать сайт эффективнее Как сделать сайт эффективнее Как сделать электронную почту: пошагово в картинках Как сделать электронную почту: пошагово в картинках