de:branding - як забрендувати ваш сайт на WordPress за допомогою рекламної картинки або шаблону

Напевно, ви неодноразово потрапляли на сайти, на яких замість білого фону розташоване велике рекламне зображення на всю ширину екрану. Цей рекламний блок обрамляє основну область сторінки великою літерою П, коли зверху, ліворуч і праворуч знаходиться рекламна картинка, а в центрі — контент сайту. Така сторінка називається забрендованою в контексті рекламного маркетингу, і такий підхід має свої плюси.

Хороша новина для користувачів WordPress — ви можете зробити зі своїм сайтом те саме, причому дуже легко і швидко за допомогою безкоштовного плагіна de:branding.

У цьому пості ми покажемо, як забрендувати ваш сайт на WordPress рекламним шаблоном за допомогою безкоштовного плагіну de:branding.

Дивіться також:

• Поради щодо розміщення реклами в блозі на WordPressдеко
• De:comments — мабуть, найкращий плагін для коментарів WordPress
• Mistape – безкоштовний плагін WordPress для виправлення помилок у тексті через Ctrl+Enter
• deAdblocker - як попросити відвідувачів відключити AdBlock для вашого WordPress сайту
• Як додати підпис чи рекламу в кінці запису WordPress

de:branding

Завантажте та встановіть безкоштовний плагін de:branding з каталогу плагінів WordPress.

Відразу після активації плагіна вам буде запропоновано перейти до сторінки налаштувань, але ви можете зробити це пізніше, перейшовши в меню Зовнішній вигляд → de:branding.

Налаштування плагіна

Сторінка налаштувань виглядає так:

Усі налаштування розбиті на 2 групи: Основні налаштування (Загальні налаштування) та Налаштування фону (Налаштування фону).

Давайте для прикладу спробуємо забрендувати наш тестовий блог, який спочатку виглядає так:

Як бачите, основна область сайту зосереджена в центрі сторінки, а довкола багато порожнього сірого фону. У нашому прикладі ми використовуємо це порожнє тло і замінимо його на рекламний шаблон. З зрозумілих причин, ми не будемо використовувати реальну рекламу, а просто заповнимо фон тестовою картинкою.

Загальні настройки

Поставте галочку навпроти Enable site skin advertising. Цим ви включаєте плагін у роботу, без цієї галочки всі інші налаштування не мають сенсу.

Нижче встановіть ширину вашої основної області сайту та його колір. Тобто, якщо ширина вашого сайту за умовчанням 1200 px, то цією настройкою ви можете звузити її до 1000 px, щоб помістився ваш рекламний шаблон.

Також ви можете задати додатковий відступ (Add padding) та використовувати свій клас стилів (Use wrapper class).

Налаштування фону

• Background position — виберіть, чи прокручуватиметься ваша реклама разом із самим сайтом, чи буде нерухома.
• Background align — розташування фону за промовчанням вибрано по центру.
• Розмір фону — розмір фонового зображення, за промовчанням вибрано Auto.
• Site skin advertising type — тут можна задати додатковий відступ для шапки над рекламним фоном або вимкнути шапку.

Тепер завантажимо нашу картинку для тестового рекламного фону. Натисніть Завантажити зображення та завантажте будь-яку картинку через звичайний завантажувач файлів WordPress. Ми вибрали малюнок з мозаїкою шириною 1920 px. Також ви можете вибрати колір заливки фону та поставити галочку Повторюватищоб картинка повторювалася.

У самому низу налаштувань ви можете задати посилання для вашого рекламного фону та висоту клікабельної області у пікселях.

Збережіть ваші налаштування та натисніть кнопку зберегти зміни.

Тепер наш тестовий блог виглядатиме так:

Як бачите, порожній сірий фон замінився зображення, яке ви вказали. І як тільки курсор мишки потрапить на область цього фону, ви зможете перейти за вказаним посиланням в налаштуваннях.

Підсумки

Як бачите, за допомогою безкоштовного плагіна de:branding можна дуже швидко та просто забрендувати вашу сторінку рекламним фоновим зображенням. Для цього не потрібно розбиратися з кодом та прописувати додаткові стилі у CSS. Все робиться кількома клацаннями мишки в налаштуваннях плагіна.

Джерело: wordpress.org

Олексій Шевченко

редактор wpcafe

Вивчає сайтобудування з 2008 року. Практикуючий вебмайстер, що спеціалізується на створенні сайтів WordPress. Задати питання Олексію можна на https://profiles.wordpress.org/wpthemeus/