Баннер в вордпрессе. Размещение баннера или кнопки в header WordPress

Привет Мир!

Давно я задумывался о том , чтобы посвятить статью на своём сайте – виджету Текст на WordPress, так как считаю что это очень клёвая функция, которая позволит добавить на ваш Сайт всё что угодно. Любой HTML-код, фотографии, видео, картинки, баннеры, просто текст, в общем включайте фантазию. И как раз в данной статье я подробно расскажу, как всё это с лёгкостью и с удовольствием сделать.

Многие блогеры , уже сразу же после создания своего сайта, начинают задумываться о том, как бы разместить на своём сайте какой-нибудь баннер, с чужой или со своей рекламой, или просто выставить на сайт какую-нибудь свою электронную книгу, видеокурс, видео-тренинг и т. д., в общем всё что угодно. Здесь то и возникают вопросы, как бы сделать это, просто и быстро, не загружая на хостинг файлы, не занимаясь поисками всяких там HTML-кодов, как это сделать? читайте далее…

Добавляем на Сайт Баннер!

Я думаю вам не нужно объяснять где на WordPress находится страница Виджетов, а вот о существовании, и предназначении виджета Текст, многие до сих пор могут не знать. Значит для вас пришло время узнать о виджете Текст, и о всех его преимуществах. Итак, зайдите на страницу Виджетов, и найдите виджет – Текст.

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

Сейчас вам нужно создать новую Запись на WordPress, только публиковать запись не надо, мы будем её использовать как черновик. Добавьте в запись фотографию, которую вы хотите использовать в качестве Баннера, и выровняйте изображение по центру. В качестве примера я сделал скриншот изображения для своего баннера, чтобы прорекламировать качественную хостинг-компанию.

Затем вставьте ссылку сайта или страницы на вашем сайте, на которую вы хотите, чтобы попадал человек, который кликнет по вашему баннеру. И поставьте галочку в поле – Открывать в новом окне/вкладке. Я добавил мою партнёрскую ссылку на Сайт хостинг-компании. В конце нажмите – Добавить ссылку.

Теперь на странице Записи, переходим на вкладку – Текст.

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

Как вы наверное уже поняли , получившийся HTML-код, необходимо вставить в виджет Текст, на странице Виджетов. И нажать на кнопку – Сохранить.

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

Конечно , с изображениями вы можете по экспериментировать, можно вставить GIF картинку, на которой будет что-то мигать или перемещаться, для этого в интернете есть куча бесплатных сервисов и приложений, если поискать то найти можно, всё что угодно. Могу порекомендовать вам один из таких сервисов, которым я пользовался, простенький и прикольный сервис, называется он –

Загружаете в сервис свои изображения, можете одно, можете несколько, и выбираете для них эффекты. С эффектами и настройками по экспериментируйте, по нажимайте на кнопки, и всё поймёте.

Да, и ещё, совсем забыл , можно ведь ещё добавить к нашему баннеру атрибут Title , что это? это когда наводишь курсор мыши на изображение, и появляется текстовая подсказка, объяснение или напутствие, выглядит это вот как:

Чтобы добавить к изображению атрибут title , так же создаёте запись, или открываете существующую запись для редактирования, добавляете фото, выделяете изображение, и жмёте на появившуюся вкладку – Изменить.

Затем , в параметрах изображения указываем атрибут title, и жмём Обновить или Сохранить.

Всё, зайдите на свой сайт, наведите курсор мыши на изображение, и у вас появится текстовая подсказка – атрибут Title.

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

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

На этом у меня всё , напоследок хотелось бы посоветовать вам, побольше экспериментируйте, со всем, не только с виджетом Текст:-)) до новых встреч!

Как добавить баннер на сайт всё о виджете Текст. WordPress обновлено: Октябрь 23, 2016 автором: Илья Журавлёв

У новичков часто возникает вопрос, как установить баннер на сайте. Делается это достаточно просто. Но последние обновления Вордпресс заставляют делать это иначе, чем это делалось некоторое время назад. В статье будет показано, как установить баннер на сайте WordPress через новое поле HTML. Кроме того, мы рассмотрим, где взять код баннера для вставки на сайт.

Как установить баннер на сайте за три минуты

Здравствуйте! О том, как установить баннер на сайте, а точнее в сайдбаре, писалось в статьях на блоге. Это достаточно простая операция. Для этого нужно было перейти в панель управления, выбрать «Внешний вид», «Виджеты», перетащить свободное поле «Текст» в нужное место. Далее нужно было написать заголовок и вставить html код баннера в окно. После обновления рекламный баннер красовался в нашем сайдбаре.

Таким образом, устанавливались баннеры (картинки), как на свои товары, так и на чужие, например, партнерские. Все течет, все меняется, изменилась версия WordPress. Например, в версии 4.8. баннеры устанавливаются немного иначе.

Рассмотрим, как установить баннер на сайте за три, пять минут в новых версиях Вордпресс. Для этого по-прежнему заходим в панель управления, выбираем «Внешний вид», «Виджеты». Обратите внимание, что у нас появилось новое поле «HTML-код». Наводим мышкой на это поле и перетаскиваем его в то место, где мы хотим установить баннер.

А далее прописываем в полях заголовок и прописываем код баннера. Не забываем обновиться. Переходим на главную страницу сайта, обновляемся и видим, что всё работает. Все подробности показаны в прилагаемом ниже видео.

Где найти код баннера для вставки на сайт

Итак, в предыдущей части статьи мы рассмотрели, как установить баннер на сайте. Теперь кратко разберемся, где взять код баннера для вставки на сайт. Здесь все просто, ничего не изменилось. Но для новичков, которые никогда это еще не делали, пару слов скажу – Вам его нужно создать самим.

Для этого нужно использовать формулу, которую можно взять в статье . Вы просто скопируйте код со статьи (формулу), а далее вставляйте в неё свои две ссылки. Одна ссылка будет вести на картинку, закачанную ранее на блог, вторая – на лендинг (это подписная или продающая страницы). Все подробности Вы можете посмотреть также в прилагаемом ниже видео:

В этой статье вы узнаете о том, как установить баннер на сайт, который работает на WordPress. Способ, который подойдёт для новичков, так как является самым лёгким, простым и понятным.

Баннеры – это изображения, анимированные или статичные, клик по которым переводит на какой-то адрес. Они являются самым распространённым видом рекламы. И если вы будете знать, как установить баннер, то сможете торговать баннерными местами на своём сайте.

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

• Баннер лучше использовать анимированный, так как статичный сливается со всем дизайном сайта.
• Анимированный баннер не должен переключаться слишком часто, чтобы посетитель смог увидеть, что нарисовано на каждом кадре.
• Баннер лучше делать в формате изображения gif, а не в виде флеш-картинки swf, так как флеш-баннеры вызывают негативную реакцию у поисковиков.
• Изображения баннера не должно весить слишком много, чтобы не нагружать сайт.
• Клик по баннеру должен открывать другую страницу в новой вкладке, а не в той же.

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

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

Чтобы установить баннер, сделайте следующее:

• Откройте редактор записи (пункт консоли «Записи», подпункт «Добавить новую»).
• Нажмите кнопку «Добавить медиафайл», и загрузите изображение баннера.
• Когда изображение будет загружено в его атрибутах, в списке «Ссылка» выберите «Произвольно» и укажите ссылку, на которую должен перенаправлять баннер.
• В редакторе записи перейдите во вкладку «Текст». Вы увидите код баннера, который можно установить в любое место сайта или распространять его, чтобы кто-то другой устанавливал.

В WordPress можно установить баннер двумя способами:

• Первый простой. Перейдите в пункте «Внешний вид», подпункт «Виджеты» и перетащите в нужную область виджет «Текст». Вставьте в него код баннера и он будет отображаться на сайте.
• Второй более сложный, но отличается от первого тем, что баннер можно установить не только в область виджетов, но и в любое место сайта. В этом способе код баннера нужно поместить в один из файлов темы. Прежде, чем это делать, не забудьте сделать резервную копию сайта, чтобы потом не возникло неприятностей.

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

(1 оценок, среднее: 5,00 из 5)

Согласно опросам случайных пользователей сети Интернет, большинство из них хотят начать зарабатывать на сайтах. Почти половина желающих уже пробовала это сделать. Но у некоторых даже не получалось вставить баннер на страницу блога. А ведь это основополагающие действие, без которого невозможно начать зарабатывать в Интернете.

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

AdsPlace’r Pro – очень мощный и функциоанльный палгин размещения реклкамы

На мой взгляд это самый лучший из существующих плагинов вывода рекламы. Очень функциоанльный и при этом быстрый, не грузящий сервер. Плагин платный, но своих денег стоит. При покупке сразу на несколько доменов дают существенные скидки.

• Разные блоки для персонального компьютера и мобильных пользователей;
• Блоки до начала, в центре статьи, после нужного абзаца и в конце;
• Любое число рекламных кодов внутри поста или страницы;
• Добавление блока после любого абзаца – персонально указываете номера абзацев;
• Авто добавление рекламы в 1/4, 1/2, 3/4 статьи или по абзацам;
• Вставка шорткодом в любое место шаблона или поста;
• Любое число шорткодов с заданиям для каждого персональных параметров вывода;
• Создание заметок по каждому блоку;
• Таргетинг кодов по категориям и подкатегориям сайта;
• ГЕО Таргетинг кодов по странам;
• Таргетинг кодов по ОС;
• Таргетинг кодов по браузерам;
• Иное содержание блока при активной блокировки рекламы AdBlock;
• Определение в каких категориях показывать рекламу;
• Определение типов записей, где показывать блоки;
• Персональные параметры вывода рекламы для каждого поста;
• Отстуствие фильтров и нарушений от поисковых систем;
• Полностью русский интерфейс;
• Очень легкий и быстрый не создает нагрузку на сервере;
• Интуитивно понятные настройки, не требуется специальные знания;

AdRotate – простой и в тоже время функциональный плагин для рекламы Вордпресс

Первым в списке числится именно AdRotate. Русскоязычная аудитория полюбила этот инструмент уже давно. Он мощный и простой одновременно. Буквально за пару минут пользования вы сможете создать и вставить баннер на сайт. Есть возможность генерации сразу множества рекламных изображений и распределения их по группам. Все созданные баннеры можно сортировать. После добавления на сайт WordPress становится доступной статистика показов и кликов. Дополнение AdRotate легко интегрируется со стандартными и купленными шаблонами WordPress.

Author Advertising Plugin – плагин для рекламы на блогах с несколькими авторами

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

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

WhyDoWork AdSense Plugin – инструмент для добавления рекламы где угодно на страницах Вордпресс-площадки

Не всякий инструмент способен работать с множеством рекламных блоков. Некоторые позволяют вставить лишь один баннер или максимум – до трех. WhyDoWork AdSense Plugin может одновременно работать с 10 блоками рекламы. Причем размещать ее можно где угодно. Вам не нужно будет менять код шаблона – плагин сам сгенерирует рекламный код для размещения в любой части страницы.

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

Ad-minister – модуль для размещения баннера внутри шаблона WordPress

Чтобы вставить баннер в структуру сайта через этот плагин, вам понадобится слегка покопаться в шаблоне. Для новичков данный инструмент может не подойти, а для тех, кто хоть слегка знаком с html, дополнение покажется вполне удобным. Главная особенность модуля Ad-minister – это не сложная установка рекламы в шаблон, а возможность планирования маркетинговой компании и ротации баннеров. Вы сможете распределить по времени когда какой баннер будет демонстрироваться пользователям. А со временем научитесь размещать платные объявления и рекламные изображения в шаблонах WordPress быстро и без осложнений.

Advertisement Management – плагин для тех, кто не хочет тратить время на сложную вставку рекламы

Если копаться во “внутренностях” шаблона WordPress у вас нет ни сил, ни желания, а хотите быстро увидеть баннер на странице, тогда воспользуйтесь Advertisement Management. Он открывает возможность дистанционного управления рекламными объявлениями – сможете вставить баннер прямо со страницы администрирования. Учтите, что количество позиций, куда вы сможете разместить рекламу, строго ограничено. Ключевые участки сайта, на которых можно установить баннерное изображение при помощи данного плагина – это:

• под заголовками статей (одна из самых прибыльных позиций);
• на странице с одиночной записью и в категориях;
• под статьей.

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

OIO Publisher – мощнейший плагин WordPress для управления рекламой

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

Помимо полноценного режима редактирования баннера, при помощи OIO Publisher вы можете настроить продажи. Ваш сайт превратится в автоматизированный источник дохода благодаря приведенному модулю. Реклама будет не только легко настраиваться, но и собирать детальную статистику. Еженедельно к вам на почту будут отправлять письма с детальным отчетом. А если возникнут сложности, поддержка вас выручит бесплатно.

Post Layout – плагин WordPress для вставки любого типа рекламы на сайт

Обычно рекламодатели, особенно если это рекламная сеть, предоставляют для вставки объявления программный код. Чтобы начать зарабатывать, вам его предстоит разместить на страницах сайта. Самостоятельно это делать сложно. Post Layout позволяет размещать баннер в любой части страницы (до, в средине и после контента). Причем вставлять можно не только веб-версию баннеров, но и адаптированную мобильную. А самое главное, что модуль поддерживает все типы кодов – не только Java-script и HTML, а и PHP-код. Это значительно расширит ваши возможности сотрудничества с рекламными компаниями.

WP125 – не лучший, но полезный плагин для рекламы

В WordPress и без этого дополнения хватает рекламных модулей. И, казалось, его стоит обойти стороной, так как ничего особенного в нем нет, но все же есть пару “изюминок”, ради которых стоит установить WP125. Это не только отображение статистики в администрировании баннера, но и отчетность. Инструмент сообщит вам, если с рекламой что-либо случилось. К примеру, если она неправильно отображается или ее показ полностью прекратился. Таким образом, вы сможете быстро решать возникшую проблему, а значит потеряете меньше денег. А пока вы будете решать неполадку, WP125 может установить на место отключенного баннера выбранную вами картинку.

Wp-Insert – сверхфункциональное дополнение для заработка на сайте WordPress

Речь идет не только о том, чтобы разместить баннер на сайт – Wp-Insert открывает гораздо большие возможности для веб-мастера. Вы сможете управлять RSS-каналами, легко подключить Гугл Аналитикс к сайту и даже заменить предустановленный редактор WordPress на более функциональный. А для работы с баннерами у плагина предусмотрено 10 рекламных блоков, функция отключения показа на выбранных вами страницах, автоматическое включение/выключение баннера по дате и времени.

Вывод

Приведенных выше модулей достаточно, чтобы завалить сайт WordPress рекламой по уши. Однако, знайте меру в этом.

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

Постарайтесь найти еще какие-нибудь методы. Ну, а если не получается, тогда напишите как можно больше SEO-постов для привлечения органического трафика на сайт WordPress.

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

Надежды угасают при первых же попытках и неудачных пробных установок баннеров. Начинаются поиски программ-кодировщиков, онлайн-сервисов по генерации кодов и так далее и тому подобное.

Если у Вас ресурс на WordPress, то по предлагаемому описанию редактирование кода баннера и установка его на свой сайт решается очень быстро.

В начале, перед тем, как сделать свой баннер, определитесь с его размерами. Формат разницы не имеет — ‘swf’ или ‘gif’, но вот ‘swf’ файл получается меньше по размеру и больше нравится своими дополнительными функциями пользователям.

Баннер по партнёрке уже готов к размещению, так ка имеет готовый код для вставки, а вот свой нужно подготовить.

Получить код баннера.

В качестве дополнительного плагина для редактора записей на WordPress мы установили на свой ресурс плагин Ultimate TinyMCE. Более удобного плагина нам пока не нужно, хотя, других подобных плагинов есть несколько. После его установки в опциях меню, кроме тех, которые нам потребовались мы активировали кнопку ‘Вставить/Редактировать медиафайл’. Данная опция редактора имеет большие возможности с редактированием медиафайлов, но остановимся на flesh.

Загружаем наш баннер(он у нас в swf формате) непосредственно в медиафайлы или в файловый раздел базы данных. Можно и на какой угодно сервер, главное, иметь на него действительную рабочую ссылку, по которой можно увидеть рабочий,запускающийся медиафайл.

После отображения кода в редакторе медиафайлов можно нажать на кнопку ‘Вставить’ и сохранить код на странице, которую оставите, как черновик. Можно обычным копированием сохранить код в блокноте у себя на компьютере, но удобным и быстрым редактированием с просмотром будет сохранённая в черновиках страница или запись с кодом баннера.

После того, как баннер заработал на сайте и когда Вы не ежечасно публикуете свои записи, плагин ‘Ultimate TinyMCE’ в админ панели администратора для некоторой разгрузки сайта спокойно можно деактивировать.