Уроки Wordpress

Вставляем рекламный баннер в шапку сайта на 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

Статьи по теме

Кнопка "Вернуться к началу"
Закрыть

Обнаружен Adblock

Пожалуйста, подумайте о том, чтобы поддержать нас, отключив свой блокировщик рекламы!