15
Виджет для размещения баннеров в сайдбаре WordPress
Рубрика: WordPressАнтилопа гну и лопа выпрямляю
Сегодня об оптимизации говорить не будем, а взамен предложу вашему вниманию один полезный виджет для WordPress, применение которому, уверен, вы найдете сами. Подбирая компоненты WP для будущей сетки блогов, я столкнулся с проблемой, как быстро и удобно расставить баннеры на блоге? Причем так, чтобы для этого не приходилось вручную редактировать код. Именно эту задачку мы сегодня легко и изящно решим.
Традиционное отступление для начинающих. Зачем вам может понадобиться своя сетка блогов, я в будущем обязательно расскажу в рамках темы о поисковом продвижении. Другой вопрос, нужен ли вам всего один, но свой собственный блог – на него ответьте себе сами. О том, что такое WordPress, рассказывать принципиально не буду – для задавания подобных вопросов существуют кое-какие особенные штуки, которые мы здесь уже полгода обсуждаем. Несмотря на этот disclaimer, ясность изложения, разумеется, не пострадает.
Вернулись в клетку, продолжаем. Для вас, конечно, не будет новостью, что движок Вордпресса поддерживает виджеты, позволяющие внутри админки удобно таскать мышкой компоненты сайдбара, как-то "Рубрики", "Архивы", "Ссылки" и т.п., - с целью расставить и перекомпоновать их в сайдбаре по своему вкусу. А ведь неплохо было бы точно также, легко перетаскивая мышкой виджеты, расставить на сайдбаре любые баннеры, согласитесь?
Задача условно разбилась на 2 части: Первая – удобный плагин, поддерживающий работу с разноформатными баннерами в Вордпресс, вторая – засовывание каждого баннера в отдельный виджет. Первая часть задачи решилась с помощью плагина WPAds – он позволяет добавлять через админку любое число произвольных баннеров, имеет удобные настройки и счетчик показов. После добавления баннера плагин сообщает код, который необходимо вставить в то место шаблона блога, где вы хотите эту рекламу показывать.
Но мы, разумеется, код шаблона править руками не будем. Вместо этого выданную нам WPAds'ом строку (точнее, только идентификатор – подробнее ниже) мы просто добавим в виджет еще одного плагина Zoo Ads. То есть, ваш баннер теперь оказался "внутри" виджета. А последний вы можете таскать на сайдбаре как пожелаете. Собственно говоря, виджет-плагин Zoo Ads (скачан 200 раз) я сегодня с удовольствием вам и презентую.
Для наглядности давайте разберем весь процесс по шагам и с иллюстрациями. Для баннерных экспериментов было выбрано популярное женское лицо русскоязычной блогосферы )
Шаг 1. Закачиваем оба плагина в папку плагинов WordPress. Плагин WPAds ставим как рекомендует его разработчик, т.е. в папку /plugin/wpads. Плагин Zoo Ads кладем непосредственно в папку /plugin. Активируем оба плагина (в любой последовательности).
Шаг 2. Идем в "Настройки->WPAds", жмем "Add new banner". Заполняем поля:
- Description – Это название вашего баннера, как оно показывается внутри админки
- HTML Code – соответственно, html-код баннера
- Zones – идентификаторы зон, в которых будет показываться баннер, через запятую. Чтобы не усложнять, зададим пока одну зону, назовем ее "mybanner1"
- Описание прочих параметров см. в документации на плагин
Вот как мы задали все параметры, пример:
Сохраняем результат. Плагин сообщает "Banner added", показывает список добавленных баннеров и коды для вставки в шаблон или в посты. Это все нас сейчас интересует только для информации.
Шаг 3. Идем во "Внешний вид->Виджеты", находим в списке доступных виджетов "Zoo Banner 1" и тащим его на сайдбар, куда нам хочется. Теперь настраиваем виджет:
- Title – заголовок блока на сайдбаре
- WPAds ZoneID – идентификатор зоны, который мы задали на шаге 2, т.е. "mybanner1"
- Align To и Horizontal Centered – выравнивание баннера, подробнее см. в документации на плагин
Пример настройки:
Сохраняем изменения. Вордпресс сообщает "Сайдбар обновлен" и предлагает посмотреть сайт. Смотрим, что получилось:
Добавление новых баннеров делаем по аналогии, только задаем другой идентификатор зоны. Однако имеющийся виджет уже занят первым баннером, как же быть? Просто добавляем новые виджеты под баннеры, сколько нам нужно, вот так:
Еще пример посложнее: Добавляем три разных баннера, создаем три виджета, в каждый виджет кладем по баннеру. Вот так настроили виджеты (скомбинировано 3 скриншота на рисунке):
И вот что в результате получили:
Обратите внимание на использование заголовков и выравниваний в этом примере. То есть выровнять картинку в ту или иную сторону проблемы не представляет. Манипулируя наличием/отсутствием заголовка, можно располагать несколько баннеров подряд под общей шапкой. Размеры баннеров ограничены только используемым шаблоном и габаритами сайдбара.
Если вам понравился плагин Zoo Ads, отпишите про него у себя на блоге пару строк, или поставьте линк этот пост – буду благодарен.
На следующей неделе будет совершенно уникальный "спешиал оффер" для дейтеров, да и не только для них – не пропустите!
[…] Читать […]
По описанию отличный плагин! Разберусь и отпишусь на блоге =) Молодец
О, спасибо за эти виджеты. Очень полезными в деле окажутся. )
Спасибо за плагин :)Блин, кучу шаблонов сменил. Если бы раньше нашел этот плагин сколько времени бы с экономил :(. Пытался раньше зайти на эту страницу из своей RSS, она почему то не грузилась… Если плагин будет работать то с меня ссылка обязательно
Олег, плагин просто обязан работать, он стоит на этом блоге. Если будут вопросы - стучитесь в аську.
[…] Источник […]
все сделал вроде как положено, плагин виден нормально, но в панели управления виджетами он нормально добавляется в сайдбар - но после того как нажимаю “сохранить изменения” - он пропадает из сайдбара. Не могли , бы вы мне что-нибудь посоветовать. адрес сайта где это происходит - http://odnokom.com
Владимир, пропадает из сайдбара именно внутри админки или баннер после добавления не виден на блоге снаружи?
именно в админке. нажимаю “сохранить изменения” - страница перегружается уже без этого виджета
Владимир, скорее всего потому что на вашем сайте стоит Вордпресс 2.5.х. Плагин тестировался и работоспособен на движке 2.3.х. При случае адаптирую плагин под WP 2.5.х, но со сроками сейчас ничего конкретного сказать не могу, к сожалению.
Спасибо, протестируем…
Спасибо. Скоро понадобится.
Просто супер вещь! Даже при моём хилом знании сайтого хозяйства заработало за пять минут с версией 2.6!
Большое спасибо автору!
Если бы еще можно было сделать так что ссылка размещалась только на титулке вообще бы цены не было
Роман, вы имели в виду чтобы баннер был только на морде сайта? Так движок вордпресса устроен так, что сайдбар отображается на ВСЕХ страницах..
[…] Виджет для размещения баннеров в сайдбаре WordPress Для вас, конечно, не будет новостью, что движок Вордпресса поддерживает виджеты, позволяющие внутри админки удобно таскать мышкой компоненты сайдбара, как-то “Рубрики”, “Архивы”, “Ссылки” и т.п., - с целью расставить и перекомпоновать их в сайдбаре по своему вкусу. А ведь неплохо было бы точно также, легко перетаскивая мышкой виджеты, расставить на сайдбаре любые баннеры, согласитесь? […]
А если я хочу, чтобы ссылки в сайдбаре отображались только на определенной странице? Это можно как нить реализовать?
webgor, см. двумя комментами выше.
А вот что сделал! Взял виджет который исполняет PHP код (их несколько так, что можно выбирать) и вставил код который вызывает список ссылок из самого движка только на морду! Вот код:
< ?php get_links(); ?>< ?php if ( (is_home()) ) { ?>
< ?php } ?>
Данный код выводит ссылки,которые добавляются в панели управления WP, на морду. Но если менять параметр “is home” во второй строке, то можно
выводить и на других страницах!
Затем добавляем ссылки в панели управлении Wordpress, и все ссылки только на морде, а если еще поколдавать с этим кодом можно добавлять на любую страницу сайта!
Добавляем ссылки в панели управления Wordpress и любуемся результатом! А если немного переделать код, то можно выводить ссылки на определенной странице, категории и т.д.
webgor, спасибо за подсказку - уверен, что многим пригодится.
Жаль, русского нет нормального.
Хотя и этот плагин можно перевести. Свое как-то ближе к телу.
[…] легкостью располагать рекламу в любом месте сайдбара, SEO Умнег написал еще один маленький, да удаленький плагинчик - […]