Как добавить рекламные блоки на wordpress. Добавление блока виджетов в шаблон WordPress. Добавляем поддержку темы

  • 18.02.2024

Очень трудно отыскать в интернете сайт, который не содержал бы сторонней рекламы (Google AdSense, Яндекс.Директ, Бегун и т.д.). Не для кого не секрет, что реклама на сайте приносит владельцу сайта определённую прибыль. На каких то сайтах эта прибыль исчисляется приличной суммой, а на каких то этой прибыли едва хватает на оплату хостинга и доменного имени.
Конечно в сети существуют сайты, которые не содержат рекламы. Такие сайты в основном являются продающими ресурсами. Эти сайты и сделаны не для получения дохода непосредственно с них, а для представления и продажи пользователю определённых товаров.

Практически на всех блогах работающих на движке WordPress можно тоже увидеть рекламные блоки . Не составляет исключение и данный блог.
Другое дело, чтобы качественно вставить рекламу в блог на WordPress надо хоть немного разбираться в устройстве самого движка, и иметь хотя бы общие понятия о html и css.

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

Если Вы разбираетесь в устройстве движка WordPress, можете встроить рекламу непосредственно в код . Обычно это файлы в директории: /wp-content/themes/ваша тема/, такие как: index.php, sidebar.php, single.php, page.php .
Например, вот код Яндекс Директа вставленный под основным содержание статей на главной странице этого блога:

1 2 3 4

Вставив рекламу таким способом, рекламные блоки будут показываться перед началом каждой статьи на блоге. Аналогично можно вставить рекламу и в каждую страницу используя файл single.php :
А вот чтобы вставить рекламу в содержание самой статьи, тут уже этот трюк не пройдёт. Редактор блога WordPress распознает только стандартный html, а код содержит и другие языки программирования, поэтому встроенный редактор их просто обрежет.

Но и этот вопрос можно решить. Ищем в файлах Вашей темы файл: functions.php . Если такового нет, то создаём его в редакторе Notepad++. Вообще с файлами WordPress лучше работать именно в этом редакторе, так как он сохраняет все файлы в нужной кодировке.
Открываем файл functions.php в том же Notepad++ и пишем такой код:

Экранирование в php осуществляется с помощью обратного слеша (\) . Необходимо поставить обратный слеш перед каждой одинарной ковычкой. Это необходимо проделывать лишь с теми кодами рекламных блоков, в которых содержаться одинарные ковычки. Например, в Яндек Директ:

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27

В случае с Google AdSense экранирование не требуется:

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19

И так, на примере Яндекс Директа, имя созданной функции у нас: ‘yandex’ , код вывода: ‘yandex_content’ . Теперь при написании или редактировании статьи просто вставляем: [ yandex_content] в нужное место, и на блоге в этом месте появляются рекламные объявления.
Точно также и с выводом блоков Google AdSense. Вставляем в нужное место , и видим рекламу на своих блоках.

Таким образом Вы можете создать несколько функций в файле functions.php . Названия функциям и коду вывода можно давать любые. Естественно только латинскими символами.
Достойного Вам заработка на рекламных объявлениях.

if (function_exists("register_sidebar")) register_sidebar(array("name" => "Правый сайдбар", "before_widget" => "", "after_widget" => "", "before_title" => "", "after_title" => "",));

в 3 строке задаем имя виджета (name). У нас название - Правый сайдбар . Можно вводить любое имя хоть на английском хоть на русском, но важно его запомнить, потому что его нужно будет ввести еще в одном месте. Также в 4 и 5 строке можно прописать отображаемый HTML код до и после виджета (before_widget, after_widget). У нас пусто по умолчанию. В 6 и 7 строке код до и после заголовка. То есть вы можете настроить свой класс заголовку и в новом виджете заголовок будет отличаться. Сохраняем наш functions.php и переходим в админку к разделу «Виджеты». Если все было сделано правильно то найдете там новый блок. Сразу можно добавить какой-нибудь виджет, чтобы потом проверить, все ли правильно мы сделали.

2. Отображаем блок в самом шаблоне

Для этого открываем необходимый файл. Это может быть header.php, footer.php, single.php и тд. Все зависит от того, где вы хотите видеть новый блок. После чего вставляем в нужное место следующий код.

Во второй строке мы видим - Правый сайдбар . Вот как раз это имя и должно совпадать с тем что в файле functions.php. То есть если вы назвали свой блок - "Место для счетчиков", то это название должно быть и там и там. На этом все. Сохраняем наш файл, который мы редактировали и переходим к сайту. После обновления страницы вы должны увидеть результат. Осталось прописать стили в файле style.css, чтобы настроить под себя новый блок.

На этом все. Спасибо за внимание 🙂

заранее благодарна

заранее благодарна

","contentType":"text/html"},"proposedBody":{"source":"

заранее благодарна

заранее благодарна

","contentType":"text/html"},"authorId":"40638173","slug":"52","canEdit":false,"canComment":false,"isBanned":false,"canPublish":false,"viewType":"old","isDraft":false,"isOnModeration":false,"isSubscriber":false,"commentsCount":10,"modificationDate":"Thu Jan 01 1970 03:00:00 GMT+0000 (UTC)","showPreview":true,"approvedPreview":{"source":"

заранее благодарна

заранее благодарна

","html":"если вставлять в index.php - ссылка ведет только на главную. если ставить в single.php - на главной блок не виден.","contentType":"text/html"},"titleImage":null,"tags":,"isModerator":false,"commentsEnabled":true,"url":"/blog/share/52","urlTemplate":"/blog/share/%slug%","fullBlogUrl":"https://yandex.ru/blog/share","addCommentUrl":"/blog/createComment/share/52","updateCommentUrl":"/blog/updateComment/share/52","addCommentWithCaptcha":"/blog/createWithCaptcha/share/52","changeCaptchaUrl":"/blog/api/captcha/new","putImageUrl":"/blog/image/put","urlBlog":"/blog/share","urlEditPost":"/blog/569dda94a427fd90608af952/edit","urlSlug":"/blog/post/generateSlug","urlPublishPost":"/blog/569dda94a427fd90608af952/publish","urlUnpublishPost":"/blog/569dda94a427fd90608af952/unpublish","urlRemovePost":"/blog/569dda94a427fd90608af952/removePost","urlDraft":"/blog/share/52/draft","urlDraftTemplate":"/blog/share/%slug%/draft","urlRemoveDraft":"/blog/569dda94a427fd90608af952/removeDraft","urlTagSuggest":"/blog/api/suggest/share","urlAfterDelete":"/blog/share","isAuthor":false,"subscribeUrl":"/blog/api/subscribe/569dda94a427fd90608af952","unsubscribeUrl":"/blog/api/unsubscribe/569dda94a427fd90608af952","urlEditPostPage":"/blog/share/569dda94a427fd90608af952/edit","urlForTranslate":"/blog/post/translate","urlRelateIssue":"/blog/post/updateIssue","urlUpdateTranslate":"/blog/post/updateTranslate","urlLoadTranslate":"/blog/post/loadTranslate","urlTranslationStatus":"/blog/share/52/translationInfo","urlRelatedArticles":"/blog/api/relatedArticles/share/52","author":{"id":"40638173","uid":{"value":"40638173","lite":false,"hosted":false},"aliases":{},"login":"reva-money","display_name":{"name":"reva-money","avatar":{"default":"0/0-0","empty":true}},"address":"[email protected]","defaultAvatar":"0/0-0","imageSrc":"https://avatars.mds.yandex.net/get-yapic/0/0-0/islands-middle","isYandexStaff":false},"originalModificationDate":"1970-01-01T00:00:00.000Z","socialImage":{"orig":{"fullPath":"http://avatars.yandex.net/get-yablog/4611686018427442682/normal"}}}}}">

Скорее всего, у вас в блоге есть записи, которые вы бы хотели выделить. Обычно их называют "Избранными записями" или "Избранным контентом" (Featured Posts, Featured Content). Если вы используете WordPress, отображение этих избранных записей может быть достигнуто разными способами, один из них - использование плагина вроде Jetpack .

Jetpack - это набор возможностей для вашего WordPress-сайта. На момент написания этого руководства таких возможностей было около 30, в том числе WordPress.com Stats, Photon, Infinite Scroll , а также то, на что мы сегодня обратим внимание - блок Featured Content . Приступим. Добавляем поддержку темы

Обновление : в Jetpack 3.7 форма для избранного контента находится в разделе Внешний вид → Меню.

Первое, что вам нужно сделать - добавить функцию add_theme_support в ваш файл functions.php :

Add_theme_support("featured-content", array("featured_content_filter" => "mytheme_get_featured_content",));

После добавления вы увидите новую форму для избранного контента на странице Параметры → Чтение .

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

Отображение контента

Для отображения контента в блоге мы добавим несколько строк кода. В качестве примера в этом руководстве я буду использовать тему TwentyTwelve .

Обычно избранный контент отображается на главной странице. Если ваша тема соблюдает стандартную структуру темы WordPress, за главную страницу отвечает файл index.php , home.php , или front-page.php .

Откройте functions.php и добавьте следующую функцию (вы получите избранные посты и поместите их в массив):

Function twentytwelve_get_featured_content() { apply_filters("twentytwelve_featured_content", array()); }

Мы можем расширить код, вот так:

function twentytwelve_get_featured_content($num = 1) { global $featured; $featured = apply_filters("twentytwelve_featured_content", array()); if (is_array($featured) || $num >= count($featured)) return true; return false; }

Приведенное условное выражение покажет избранный контент, если есть хотя бы одна такая запись, и если страница не была разделена на несколько.

В дополнение мы также можем установить новые размеры миниатюр для избранного контента. В этом примере я создал новые размеры - 250 на 160 пикселей. Вы можете добавить следующий код где-то под add_theme_support("post-thumbnail") :

Add_theme_support("post-thumbnails"); add_image_size("twentytwelve-featured-thumb", 250, 160, true);

. И вносим в него небольшие изменения, для наглядности выделил зеленым цветом то, что нужно добавить, а черным цветом то, что остается неизменным у вас в шаблоне и трогать не нужно.

В каждом шаблоне могут быть свои нюансы, коды цикла могут отличаться, там могут быть несколько разных условий, куча дополнительных блоков, ссылок, разного функционала и т.д. Но суть остается одинаковой, нам необходимо вставить в цикл loop переменную $count, присвоить ей значение ноль и затем увеличивать счетчик

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

Данный код будет выводить ваш рекламный блок (или любой другой фрагмент, который вы захотите внедрить в цикл) после 2-й записи. Вы можете поменять это число по собственному усмотрению в этом месте — $count == 2 заменив цифру на нужную.

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

Например вставит сразу два рекламных блока после 1-й и 3-й записи в ленте.

Кстати эту фишку можно использовать не только на главной странице, но и в других loop циклах, например в рубриках, для этого ищите и редактируйте файл archive.php.

Надеюсь данная информация окажется полезной и принесет вам много денег)