Вставляем рекламный баннер в шапку сайта на WordPress

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

Конечно, конверсия рекламного баннера в шапке сайта уступает прямоугольному объявлению, расположенному в начале поста, но для прямой продажи рекламы это самое подходящее и, как правило, самое дорогое место.

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

Итак, добавляем новый селектор или «div» (так понятнее для новичков). Здесь нужно прописать атрибуты будущего баннера и задать границы, чтобы корректно выровнять его. Если планируется добавлять рекламу разных размеров, то лучше не устанавливать ширину и высоту баннера. В итоге должно получиться примерно так:

.ads {float: right; margin-top: 40px; margin-right: 10px; }

Разумеется, можно задавать собственные настройки. Например, расположить рекламный баннер слева или добавить в код другие атрибуты. Далее переходим к файлу header.php и находим id div’а, в котором расположено изображение нашей шапки. Обычно это имеет такой вид. Если возникнут сложности, то можно вернуться к таблице стилей и найти там код CSS, содержащий элементы дизайна вашей шапки.

Это могут быть изображения или логотип, установленный как фон в шапке сайта. Селектор, который содержит ссылки на эти файлы и есть именно тот div, идентификатор которого нам нужен. Определившись с нужным селектором, вставляем код нашего баннера перед закрывающим тегом /div.

Если разместить код после него, то, скорее всего, баннер не появится, либо появится совсем в другом месте, а не в шапке сайта. Если вашему div id присвоено значение «header», то полученный код будет примерно таким.

.<div id="header"></code> id вашей шапки .<div class="ads"><div>Ваш новый div
.class, который вы создали только что, должен располагаться в пределах этого id. .Все коды вашего баннера находятся здесь .</div> Закрывает div id .</div> Закрывает div class