15
Виджет для размещения баннеров в сайдбаре WordPress
Рубрика: WordPressАнтилопа гну и лопа выпрямляю
Сегодня об оптимизации говорить не будем, а взамен предложу вашему вниманию один полезный виджет для WordPress, применение которому, уверен, вы найдете сами. Подбирая компоненты WP для будущей сетки блогов, я столкнулся с проблемой, как быстро и удобно расставить баннеры на блоге? Причем так, чтобы для этого не приходилось вручную редактировать код. Именно эту задачку мы сегодня легко и изящно решим.
Традиционное отступление для начинающих. Зачем вам может понадобиться своя сетка блогов, я в будущем обязательно расскажу в рамках темы о поисковом продвижении. Другой вопрос, нужен ли вам всего один, но свой собственный блог – на него ответьте себе сами. О том, что такое WordPress, рассказывать принципиально не буду – для задавания подобных вопросов существуют кое-какие особенные штуки, которые мы здесь уже полгода обсуждаем. Несмотря на этот disclaimer, ясность изложения, разумеется, не пострадает.
Вернулись в клетку, продолжаем. Для вас, конечно, не будет новостью, что движок Вордпресса поддерживает виджеты, позволяющие внутри админки удобно таскать мышкой компоненты сайдбара, как-то “Рубрики”, “Архивы”, “Ссылки” и т.п., - с целью расставить и перекомпоновать их в сайдбаре по своему вкусу. А ведь неплохо было бы точно также, легко перетаскивая мышкой виджеты, расставить на сайдбаре любые баннеры, согласитесь?
Задача условно разбилась на 2 части: Первая – удобный плагин, поддерживающий работу с разноформатными баннерами в Вордпресс, вторая – засовывание каждого баннера в отдельный виджет. Первая часть задачи решилась с помощью плагина WPAds – он позволяет добавлять через админку любое число произвольных баннеров, имеет удобные настройки и счетчик показов. После добавления баннера плагин сообщает код, который необходимо вставить в то место шаблона блога, где вы хотите эту рекламу показывать.
Но мы, разумеется, код шаблона править руками не будем. Вместо этого выданную нам WPAds’ом строку (точнее, только идентификатор – подробнее ниже) мы просто добавим в виджет еще одного плагина Zoo Ads. То есть, ваш баннер теперь оказался “внутри” виджета. А последний вы можете таскать на сайдбаре как пожелаете. Собственно говоря, виджет-плагин Zoo Ads (скачан 724 раз) я сегодня с удовольствием вам и презентую.
Для наглядности давайте разберем весь процесс по шагам и с иллюстрациями. Для баннерных экспериментов было выбрано популярное женское лицо русскоязычной блогосферы )
Шаг 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 Умнег написал еще один маленький, да удаленький плагинчик - […]
[…] можно на сайте SEO Зоопарк, и там же скачать сам плагин Zoo Ads. Если он вам понравится, отпишитесь об этом на своем […]
для WP 2.6.3 работает только один zoo banner усди добавить 2,3, и т.д. то не открывается меню для вставки банерной зоны. Как бы это поправить???
Михаил, на WP версий 2.6.х плагин не тестировался, может работать неправильно. В обозримом будущем планирую доработать плагин с точки зрения совместимости с последними версиями WP.
На версии WP 2.6.5 не работает :((
Спасибо, на WP7 работает отлично!
mr.Wild, пожалуйста! - WP 2.7 только недавно вышел, а WP 7 ждем лет эдак через …дцать.
У меня глючит!
Не выезжает меню редактировать, в Активных виджетах!
WP от кактуса 2,7
Добрый вечер всем.
У меня проблема при нажатии на виджет после его добавления, тоесть при вписании зоны банера - он не открывается для внесения изменений.
SEO Умнег - пожалуйста если есть мысль по решению проблемы дайте подсказку (сам решить не как не смог, уже мозги закипают).
Umed, я сейчас в отпуске, смогу посмотреть позже, по возвращении.
SEO Умнег - хорошего вам -отдыха в отпуске.
Буду вас ждать.
Отличное решение!
Особенно хорошо, что рассчитано на WP 2.3.3. А то в последнее время многие пытаются приспособить современные версии WP для создания сетки блогов-сплогов, что на мой взгляд нерациональное расточительство ресурсов :]
Поисковый робот, да старые движки рулят, хотя новые версии WP более интересны по функционалу.
Umed, проверьте, что ваша версия WP совместима с плагином, а если с этим все в порядке, то попробуйте другой браузер - не исключено, что дело не в плагине, а просто неправильно работает AJAX в браузере.
Столкнулся с той же проблемой, про которую уже здесь писали. В активных виджетах не раскрывается возможность редактирования виджета. Umed уже писал про эту проблему, но я не нашел здесь ответа. Этот баг возможно исправить?
Иван, в моем предыдущем комменте рекомендации. Если не получается, то, как минимум, пишите конкретно какой версии у вас WP и браузер. На абстрактные вопросы могу давать только такие же ответы. И еще первое предупреждение за ссылочный спам.
Извините! У меня WP 2.7.1, плагин Ваш последней версии. Что можно зделать? Не открываются виджеты Вашего плагина.
Иван, плагин не адаптировался для этой версии вордпресса. Доработаю его в будущем.
[…] можно на сайте SEO Зоопарк, и там же скачать сам плагин Zoo Ads. Если он вам понравится, отпишитесь об этом на своем […]
Хотим ваш плагин для wordpress-2.7.1!
проблема с Вашим виджетом образовалась, он при вставке в сайдбар (в админке) на кликанья машкой по надписи EDIT не реагирует и меню своих настроек не показывает… шо делать? wp -2.7.1 Lecactus…
извените за ноезд )))) нашевелил в инете, какую то другую версию вашего Zoo Ads (а он ваш хоть? в том смысле что я всю ночь не спал, с шаблоном игрался, в текст уже не вчитываюсь, даже не в курсе вы ли создатель, или просто такой же юзер как и я)))), дак вот - скачал (там файлик побольшее будет, на немного килобайт, или байт… в общем - заработал, кажись… сорри за беспокойство ))))
vootshi, плагин мой. Если его кто-то адаптировал под старшие версии WP - я только рад. Ссылку в студию плз на то что вы нашли.
вот ссылку то я, как раз и не сохранил… но если надо, могу архив на мыло скинуть, мож в нём есть какой нить информационный след… Ваш оригинальный файл весит - 5 961, а этот 6 153 + отдельно перевод на русский язык, ну и как я уже говорил, ваш мне настройки виджетовские не показывал, а этот замечательно установился и отлично работает… WP - 2.7.1… Давайте мыло, скину на почту…
Vootshi, случайно не об этом речь? - http://blognoble.net/2008_09_03/plaginy-dlya-pokaza-reklamy-v-bloge.html
Если нет, то мыло в есть контактах.
ога, оно самое ))))
вот ещё один вопрос возник, а пользуясь этими плагинами, как нибудь возможно swf банеры в блог вставлять? я чота пробую, но не особо так получается…
Vootshi, просто код флеш-баннера вставляется в WPAds и все - у меня на блоге флеш показывает.