Виджет для размещения баннеров в сайдбаре WordPress

Рубрики: (Прочее) Автор: SEO Умнег 15-05-2008

Теги : , , , ,

Антилопа гну и лопа выпрямляю

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

Традиционное отступление для начинающих. Зачем вам может понадобиться своя сетка блогов, я в будущем обязательно расскажу в рамках темы о поисковом продвижении. Другой вопрос, нужен ли вам всего один, но свой собственный блог – на него ответьте себе сами. О том, что такое WordPress, рассказывать принципиально не буду – для задавания подобных вопросов существуют кое-какие особенные штуки, которые мы здесь уже полгода обсуждаем. Несмотря на этот disclaimer, ясность изложения, разумеется, не пострадает.

Вернулись в клетку, продолжаем. Для вас, конечно, не будет новостью, что движок Вордпресса поддерживает виджеты, позволяющие внутри админки удобно таскать мышкой компоненты сайдбара, как-то “Рубрики”, “Архивы”, “Ссылки” и т.п., - с целью расставить и перекомпоновать их в сайдбаре по своему вкусу. А ведь неплохо было бы точно также, легко перетаскивая мышкой виджеты, расставить на сайдбаре любые баннеры, согласитесь?

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

Но мы, разумеется, код шаблона править руками не будем. Вместо этого выданную нам WPAds’ом строку (точнее, только идентификатор – подробнее ниже) мы просто добавим в виджет еще одного плагина Zoo Ads. То есть, ваш баннер теперь оказался “внутри” виджета. А последний вы можете таскать на сайдбаре как пожелаете. Собственно говоря, виджет-плагин Zoo Ads (скачан 2267 раз) я сегодня с удовольствием вам и презентую.

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

Шаг 1. Закачиваем оба плагина в папку плагинов WordPress. Плагин WPAds ставим как рекомендует его разработчик, т.е. в папку /plugin/wpads. Плагин Zoo Ads кладем непосредственно в папку /plugin. Активируем оба плагина (в любой последовательности).

Шаг 2. Идем в “Настройки->WPAds”, жмем “Add new banner”. Заполняем поля:

  • Description – Это название вашего баннера, как оно показывается внутри админки
  • HTML Code – соответственно, html-код баннера
  • Zones – идентификаторы зон, в которых будет показываться баннер, через запятую. Чтобы не усложнять, зададим пока одну зону, назовем ее “mybanner1″
  • Описание прочих параметров см. в документации на плагин

Вот как мы задали все параметры, пример:

Zoo Ads Step #2 Installation

Сохраняем результат. Плагин сообщает “Banner added”, показывает список добавленных баннеров и коды для вставки в шаблон или в посты. Это все нас сейчас интересует только для информации.

Шаг 3. Идем во “Внешний вид->Виджеты”, находим в списке доступных виджетов “Zoo Banner 1″ и тащим его на сайдбар, куда нам хочется. Теперь настраиваем виджет:

  • Title – заголовок блока на сайдбаре
  • WPAds ZoneID – идентификатор зоны, который мы задали на шаге 2, т.е. “mybanner1″
  • Align To и Horizontal Centered – выравнивание баннера, подробнее см. в документации на плагин

Пример настройки:

Zoo Ads Step #3 Installation

Сохраняем изменения. Вордпресс сообщает “Сайдбар обновлен” и предлагает посмотреть сайт. Смотрим, что получилось:

Zoo Ads Result #1

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

Zoo Ads Example #1

Еще пример посложнее: Добавляем три разных баннера, создаем три виджета, в каждый виджет кладем по баннеру. Вот так настроили виджеты (скомбинировано 3 скриншота на рисунке):

Zoo Ads Example #2

И вот что в результате получили:

Zoo Ads Result #2

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

Если вам понравился плагин Zoo Ads, отпишите про него у себя на блоге пару строк, или поставьте линк этот пост – буду благодарен.

На следующей неделе будет совершенно уникальный “спешиал оффер” для дейтеров, да и не только для них – не пропустите!

Комментарии:

Всего отзывов: 59 на Виджет для размещения баннеров в сайдбаре WordPress