Свободным я считаю того, кто ни на что не надеется и ничего не боится (Демонакт).

Учебник по баннерам в WordPress

1 Звезда2 Звезды3 Звезды4 Звезды5 Звезд (2 оценок, среднее: 5,00 из 5)
Загрузка...

Статья опубликована: 14 сентября 2016

Учебник по баннерам в WordPress
На сегодняшний день реклама является неотъемлемой частью большинства сайтов в Интернете. В этом уроке мы покажем вам, как добавить баннеры в различные части вашего сайта на WordPress. Большинство сайтов, которые предлагают баннеры предоставят Вам весь код баннера, так что все, что вам нужно сделать, это решить, где вы хотите разместить баннер и следуйте инструкциям ниже.

Как добавить баннеры для WordPress сайты

Как добавить баннеры на боковую панель

Это обычная практика, использовать боковую панель, чтобы добавить баннеры. Есть два способа сделать это – если ваша тема поддерживает виджеты на боковой панели, вы можете добавить Текстовый виджет с кодом баннера в нем, или вы можете добавить код непосредственно в sidebar.php файл вашей темы.

Если ваша тема поддерживает виджеты, перейдите на внешний вид -> Виджеты. Затем перетащите Текстовый виджет в соответствующую область виджета. В нашем случае это будет “Main Sidebar”. Для этого урока мы будем размещать этот виджет прямо под полем поиска. И, наконец, вставить код баннера в нем, установить название для виджета (это необязательно, оставьте его пустым , если вы не хотите , чтобы иметь название выше вашего баннера) и нажмите кнопку Сохранить.

Как добавить баннеры на боковую панель

Это позволит разместить баннер какой вы хотите в боковой панели вашего WordPress сайта.

Банер в боковой панели вашего WordPress сайта

Если ваша тема на WordPress не поддерживает виджеты вам нужно добавить свой код баннера прямо в sidebar.php. Вы можете редактировать этот файл из Внешний вид -> Редактор на странице панели администратора WordPress.

Как добавить баннеры в запись или страницу

Если вы хотите добавить баннер в тело вашего поста или страницы, просто откройте в текстовом режиме редактора WordPress и вставьте код баннера в нем.

Добавить баннер в тело вашего поста или страницы в WordPress

Это добавит изображение между двумя пунктами образца этого поста. Вы можете использовать редактор WordPress WYSIWYG для того, чтобы перемещать, изменять или выровнять этот баннер, чтобы он органично смотрелся с остальной частью вашего поста или страницы.

Баннер в посте или на странице в WordPress

Как добавить баннеры выше или ниже всех постов или страниц

Чтобы добавить баннеры выше или ниже всех ваших постов или страниц, вам нужно добавить код баннера внутри файлов single.php или page.php вашей темы на WordPress. Оба файла имеют одинаковое содержание, но они обрабатывают различные части вашего сайта – ваши посты (single.php) и ваши страницы (page.php). Вы можете редактировать эти файлы, войдя в панель администратора WordPress и перейти в панели справа Внешний вид -> Редактор.

Если вы хотите добавить баннер выше ваших постов и страниц, найдите следующий код:

Сразу после этого добавьте код вашего баннера. Это добавит ваш баннер выше всех ваших страниц и заголовка. Конечно, вы можете добавить стиль CSS для того, чтобы сделать его в соответствии с вашими потребностями.

Как добавить баннеры выше или ниже всех постов или страниц

Как добавить баннеры на свой верхний или нижний колонтитул

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

С другой стороны, если ваша тема не имеет область виджетов в колонтитуле / заголовке, вам нужно добавить свои баннеры вручную. Для этого на странице администратора перейдите к Внешний вид -> Редактор . Для этого урока мы добавим пользовательский баннер в ваш заголовок. Так как мы добавим баннер в заголовок сайта, выберите header.php из списка файлов, доступных для редактирования. Обратите внимание, что код внутри этого файла будет отличаться в зависимости от выбранной темы. Вам нужно знать базовые навыки HTML, чтобы добавить этот баннер.

Добавление баннера в верхний колонтитул в WordPress

Во- первых, найти и открыть тег body. В теме WordPress двадцать двенадцать по умолчанию это выглядит следующим образом :

Сразу после этого добавьте следующий код:

Вам нужно заменить BANNERLINK и LINKTOIMAGE на адрес URL , где вы укажите ссылку на изображение баннера. И, наконец, заменить параметры width и height на фактические размеры изображения баннера.

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

Показ баннера на верхней части вашего сайта на WordPress

Обратите внимание, что мы обернули баннер в элемент div. Мы сделали это, потому что мы хотим применить стиль на этот баннер. Для этого, выберите style.css из правой колонки и при обновлении страницы, добавьте следующие строки:

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

Изменение баннера с помощью css в WordPress

Добавление баннера в нижнем колонтитуле, в основном то же самое с одной небольшой разницей – вам нужно открыть файл footer.php вместо header.php. Тогда все , что вам нужно сделать , это вставить код, где вы хотите , чтобы отобразить баннер.

Используйте плагины, чтобы показать баннеры на вашей странице

Если вы хотите отобразить более одного баннера на странице, отслеживать объявления, которые показывают и более расширенные функциональные возможности, рекомендуется использовать один из доступных плагинов WordPress для управления баннерами.

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


Читайте также

2 комментария к Учебник по баннерам в WordPress

  1. Леонора Викторовна:

    Очень интересный материал, запускаю сайт в сфере СМИ и там баннеры просто необходимы




    1



    0
  2. Леонид:

    Интересный учебник, с удовольствием прочитал




    0



    0

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

Войти с помощью: 

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

Заполните форму и наш менеджер перезвонит Вам в самое ближайшее время!

badge
Обратный звонок 1
Отправить
galka

Спасибо! Ваша заявка принята

close
galka

Спасибо! Ваша заявка принята

close