Как вставить баннер в шапку сайта | Moy-WP

Как вставить баннер в шапку сайта

Автор: Елизавета Глушкова | Категория: Сайт на Wordpress | Опубликовано: 04-07-2013

6

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

Мы уже рассматривали, как изменить Логотип. Теперь вставим баннер. В принципе, это почти то же самое, только вместо картинки, нужно  вставить код баннера и разместить его с другой стороны т.е.  — справа.

Допустим, Вы зарегистрировались в Партнерской программе и взяли  код рекламного баннера стандартного размера 468 Х 60.  Что с ним теперь делать? В боковую колонку его не поставишь — великоват. Если ставить внизу поста, не факт, что на него обратят внимание.

Значит нужно разместить так, чтобы при открытии сайта, его сразу было видно. Идеальное место — шапка. Конечно, в шапку сайта хорошо размещать рекламные материалы, когда у Вас уже хорошая посещаемость — человек 300 в день, но если шапка у Вас такая же голая как на этом сайте, баннер не только может принести Вам доход, но и украсит блог.

Как поставить баннер проще всего.

Идем  в админке на вкладку Темы – Редактор и справа открываем файл  Заголовок (header.php). ищем код, который отвечает за вывод заголовка в файле header.php. Напомню, выглядит он так:

< div id=»header» >

ну, или немножко по другому, но все равно отличается не сильно. После него вставляем вот это:

<a href=»Партнерская ссылка» target=»_blank»><img style=»position:absolute;top: 50px;right: -100px; border: 2px solid #ddad22;«<img src=»Ссылка на баннер» /></a>

 

target=»_blank —  открывает ссылку в новом окне

top: 50px — расстояние от верхнего края шапки. Изменяя это значение Вы можете поднимать или опускать баннер.

right: -100px —  расстояние от баннера до правого края. Меняйте это значение и баннер будет двигаться по горизонтали.

border: 2px —  рамка вокруг баннера, чем больше значение, тем она будет шире. Не хотите рамку, поставьте «ноль».

solid #ddad22 —  а это цвет рамки. Его тоже можно менять. Откройте таблицу безопасных цветов (найдите через поисковик), там возле каждого цвета написан код.

Вот и все. Сохранитесь и посмотрите результат.

Что у меня получилось Вы можете посмотреть вверху. Сразу У Вас не получится точно выставить, поэтому лучше всего работать не непосредственно в админке, а в текстовом редакторе Notepad++.

В нем можно править код, не боясь что-то испортить (вставил код, сохранил, отправил, посмотрел. Не устроил результат, вернулся, сделал шаг назад, подправил, вставил другие цифры, поменял место, сохранил, отправил, посмотрел. И так до бесконечности) Как работать в этой программе описано Здесь.

Да, еще! У Вас на сайте уже стоит Логотип. Поэтому код ставьте, после него. И не забудьте заключить все в теги <div>.

Когда будете равнять, можете столкнуться с тем, что баннер не двигается дальше определенного места. Это зависит от шаблона. Если у Вас шапка такой же ширины, как и остальная страница, то проблем быть не должно, а если так как у меня (шапка широкая, а страница уже), для того, чтобы баннер встал на место, вот здесь  right: -100px,  нужно писать отрицательные значения. У меня стоит: 180px




С уважением Глушкова Елизавета

Поделитесь с друзьями им тоже пригодится

0

Комментарии: 6 комментариев

Spasivo. Mne o4en pomogla vasha infa))))

А ларчик просто открывался.
Спасибо за подсказку — И не забудьте заключить все в теги . Вставил и все отлично.

Ангелина: Вы в файле header.php теги h1 и h2 замените на div и все дела.

Спасибо большое за информацию. Баннер пока еще не поставила, но попробую, — должно получиться

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

Здравствуйте! Хочу попросить у Вас помощи. У меня вот такая проблема: на сайте (который работает на Вордпресс) почему-то название сайта, которое в шапке, на всех страницах в h1, в том числе на страницах отдельных записей. А заголовки статей соответственно в h2, а это ведь неправильно. Когда меняю заголовок статьи на h1, получается, что на одной страничке два заголовка h1, а это тоже нехорошо. Как же сделать так, чтобы название сайта выводилось в h1 только на главной, а на остальных страницах не выводилось вообще (как это реализовано на других сайтах, где с разметкой страниц все в порядке)?

Ангелина, дайте адрес Вашего сайта, мне нужно посмотреть.

Оставить комментарий

*