Донецкий техникум промышленной автоматики

SEO Зоопарк »Віджет для розміщення банерів в сайдбарі WordPress

Антилопа гну і лопаються випрямляють

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

Традиційне відступ для початківців. Навіщо вам може знадобитися своя сітка блогів, я в майбутньому обов'язково розповім в рамках теми про пошуковому просуванні. Інше питання, чи потрібен вам всього один, але свій власний блог - на нього дайте відповідь собі самі. Про те, що таке WordPress, розповідати принципово не буду - для здавна подібних питань існують деякі особливі штуки, які ми тут вже півроку обговорюємо. Незважаючи на цей disclaimer, ясність викладу, зрозуміло, не постраждає.

Повернулися в клітку, продовжуємо. Для вас, звичайно, не буде новиною, що движок вордпресс підтримує віджети, що дозволяють всередині адмінки зручно тягати мишкою компоненти сайдбара, як-то "Рубрики", "Архіви", "Посилання" і т.п., - з метою розставити і перекомпонувати їх в сайдбарі на свій смак. Але ж непогано було б точно також, легко перетягуючи мишкою віджети, розставити на сайдбарі будь банери, погодьтеся?

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

Але ми, зрозуміло, код шаблону правити руками не будемо. Замість цього видану нам WPAds'ом рядок (точніше, тільки ідентифікатор - докладніше нижче) ми просто додамо в віджет ще одного плагіна Zoo Ads. Тобто, ваш банер тепер виявився "всередині" віджета. А останній ви можете тягати на сайдбарі як забажаєте. Власне кажучи, віджет-плагін Zoo Ads (Викачаний 3356 разів) я сьогодні із задоволенням вам і презентую.

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

Крок 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 , Відпишіть про нього у себе на блозі пару рядків, або поставте лінк цей пост - буду вдячний.

Наступного тижня буде абсолютно унікальний "спешіал оффер" для дейтерію, та й не тільки для них - не пропустіть!

Але ж непогано було б точно також, легко перетягуючи мишкою віджети, розставити на сайдбарі будь банери, погодьтеся?
Однак наявний віджет вже зайнятий першим банером, як же бути?