TechBlogSD - Все для WordPress і WEB розробки
WEB і WordPress інструкції, новини, огляди тем та плагінів

Як додати верхню панель сповіщень у WordPress?

8

Багато блогерів писали довгі навчальні статті. Однак ефективність статті не в тривалості і залежить від результатів вашого заклику до дій. WordPress дозволяє вставляти розділи із закликом до дії різними способами. Найефективніший та найпривабливіший спосіб – додати верхню панель сповіщень. Якщо ви шукаєте, як додати верхню панель сповіщень у WordPress, ми пояснюємо кілька способів у цій статті.

Приклади верхньої панелі сповіщень

Перш ніж ми продовжимо, спершу покажемо вам деякі приклади найпопулярніших віджетів панелі сповіщень у WordPress. Перший приклад з популярного полегшеного сайту GeneratePress. Вони пропонують знижку на тему GeneratePress з двома кнопками заклику до дії на панелі.

Як додати верхню панель сповіщень у WordPress?

Найкращі приклади сповіщень GeneratePress

Другий приклад – ще один популярний веб -сайт теми Astra. Тут ви можете побачити текст спеціальної пропозиції з таймером зворотного відліку.

Як додати верхню панель сповіщень у WordPress?

Astra Top Notification

Ви можете побачити сотні таких прикладів у всьому Інтернеті, і створити власний на своєму веб -сайті – нескладне завдання.

Параметри додавання верхньої панелі сповіщень у WordPress

Ось деякі варіанти, які можна використовувати.

  • Спеціальний плагін панелі сповіщень
  • Багатоцільові плагіни
  • Використання параметрів тем з WordPress hook API
  • Використання вбудовань сторонніх розробників
  • Використовуйте власний власний CSS

1 Використання спеціальних плагінів панелі сповіщень

Ми рекомендуємо використовувати цей параметр, оскільки його легко контролювати та налаштовувати з мінімальними зусиллями. Крім того, ви можете отримати багато безкоштовних плагінів для цієї мети замість того, щоб шукати плагін преміум -класу, і тут ми пояснимо це за допомогою плагіна Easy Notification Bar. Плагін використовує wp_body_open hook API для вставлення сповіщення над частиною тіла вашого сайту. Тому він працюватиме з будь -якими темами, які використовують найновіші стандарти WordPress. Спочатку встановіть та активуйте плагін Easy Notification Bar.

Як додати верхню панель сповіщень у WordPress?

Встановіть панель легких сповіщень

Після цього перейдіть до розділу «Плагіни> Встановлені плагіни». Натисніть на посилання «Налаштування» під плагіном Easy Notification Bar.

Як додати верхню панель сповіщень у WordPress?

Налаштування панелі простих сповіщень

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

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

Ось варіанти, які можна налаштувати за допомогою плагіна.

  • Увімкнути панель сповіщень – увімкніть цей прапорець, щоб побачити попередній перегляд панелі сповіщень у режимі попереднього перегляду. Перевагою тут є те, що ви можете змінити вигляд на робочий стіл, планшет та мобільний, щоб підтвердити вигляд панелі, не публікуючи зміни.
  • Показувати значок закриття – якщо потрібно, щоб користувачі закрили панель, увімкніть це поле. В іншому випадку користувачі не зможуть закрити панель, і вона завжди буде у верхній частині ваших сторінок.
  • Піктограма закриття – виберіть звичайні або контурні значки для кнопки закриття.
  • Увімкнути липке – увімкніть, щоб зробити ваше сповіщення липким, коли користувачі прокручують область вмісту ваших сторінок.

Як додати верхню панель сповіщень у WordPress?

Налаштування панелі простих сповіщень у Customizer

  • Вимкнути лише на першій сторінці – позначте це, щоб вимкнути панель сповіщень лише на своїй домашній сторінці.
  • Повідомлення – плагін заповнить зразок повідомлення у вікні, видалить його та додасть власне повідомлення для відображення на панелі.
  • Колір фону / тексту – застосуйте колір тла та шрифту до панелі та тексту.
  • Вирівнювання тексту – вирівнювання тексту всередині панелі вліво, вправо або по центру.
  • Сімейство системних шрифтів – використовуйте цей параметр для завантаження системного шрифту для текстового вмісту на панелі сповіщень. В іншому випадку плагін також використовуватиме параметри вашої теми за замовчуванням для панелі сповіщень.
  • Розмір шрифту – введіть розмір шрифту, наприклад 18 пікселів, щоб мати різний розмір тексту порівняно з розділом вашого тіла.

Як додати верхню панель сповіщень у WordPress?

Налаштування панелі сповіщень

  • Текст кнопки та посилання – додайте текст та посилання для своєї кнопки
  • Параметри посилання – ви можете зробити посилання кнопки недоступним, спонсорованим і відкрити її у новому вікні.

Налаштувавши налаштування, натисніть кнопку «Опублікувати», щоб побачити верхню панель сповіщень у дії на вашому веб -сайті. Як ви можете бачити знімок екрана нижче, він буде виглядати подібно до прикладів професійних веб -сайтів, як описано вище.

Як додати верхню панель сповіщень у WordPress?

Опублікована панель сповіщень

Альтернативний варіант – FooBar

Як випливає з назви, плагін Easy Notification Bar дозволяє створювати просту панель зверху без будь -яких інших параметрів. Наприклад, ви не можете вимкнути або ввімкнути лише на сторінках, де вам це потрібно. Якщо вам потрібна панель сповіщень для вашого сайту WordPress з додатковими параметрами, спробуйте плагін FooBar.

  • Після встановлення плагіна він дозволяє імпортувати демоверсії, які можна редагувати та використовувати повторно.

Як додати верхню панель сповіщень у WordPress?

Імпортувати демонстраційні панелі

  • Ви можете створювати сповіщення, повідомлення про файли cookie та заклик до дії за допомогою одного плагіна.

Як додати верхню панель сповіщень у WordPress?

Створіть нову панель сповіщень у FooBar

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

Як додати верхню панель сповіщень у WordPress?

Налаштуйте зовнішній вигляд за допомогою FooBar

2 багатофункціональні плагіни

Деякі плагіни виконують кілька завдань. Наприклад, ви можете використовувати плагін OptinMonster, щоб додати верхню панель сповіщень у WordPress, хоча основною метою плагіна є управління потенційними клієнтами. Аналогічно, ви можете використовувати плагін WP Review Pro, щоб додати віджет сповіщень зверху, хоча плагін призначений для створення оглядів. Тут ми пояснюємо це за допомогою WP Review Pro, і ви можете перевірити сховища плагінів у сховищі плагінів WordPress.

  • Після того, як на вашому сайті встановлена ​​професійна версія плагіна WP Review, створіть або відредагуйте сторінку.
  • Плагін додасть у вікні редактора метаполе перегляду та натисне на вкладку «Панель сповіщень».
  • Виберіть "Використовувати спеціальні параметри" проти "Увімкнути" та налаштуйте зовнішній вигляд панелі сповіщень.

Як додати верхню панель сповіщень у WordPress?

Налаштування WP Review Pro для панелі сповіщень

3 Використовуйте параметри теми

Багато тем WordPress пропонують простий спосіб вставити верхню панель сповіщень без будь -якого плагіна. Наприклад, наведені вище приклади, показані нами з GeneratePress та Astra, використовують як API для підключення WordPress, так і власні параметри макета. Ось як можна створити верхню панель сповіщень у темі GeneratePress без плагіна.

  • Спочатку підготуйте вміст HTML для панелі.
  • Перейдіть до розділу «Зовнішній вигляд> Віджети» та вставте HTML у елемент «Спеціальний HTML» у області віджетів «Верхня панель».

Як додати верхню панель сповіщень у WordPress?

Додайте користувацький HTML у віджет верхньої панелі

  • Збережіть зміни та перейдіть до розділу «Зовнішній вигляд> Налаштувати».
  • Перейдіть до розділу «Верхня панель» і відрегулюйте відступ, ширину та вирівнювання смуги.

Як додати верхню панель сповіщень у WordPress?

Налаштування верхньої панелі в GeneratePress

  • Попередньо перегляньте та опублікуйте свої зміни.

Як додати верхню панель сповіщень у WordPress?

Панель сповіщень з віджетом верхньої панелі GeneratePress

Зовнішній вигляд панелі залежить від вашого HTML -коду, і ви можете вставити кнопку та текст, щоб відобразити їх в одному рядку.

4 Використання вбудовань сторонніх виробників

Окрім тем та плагінів WordPress, у вас також є сторонні опції. Ви можете скористатися підпискою на електронну пошту від MailChimp або будь -якого іншого постачальника зверху вашого сайту. Це найкращий спосіб збирати електронну пошту від читачів, що відповідають GDPR та іншим місцевим законам. Аналогічно, ви можете використовувати Hello Bar або подібну службу, щоб додати верхню панель сповіщень, щоб залучити трафік на цільову сторінку.

5 Використання власного CSS

Ви можете просто додати фрагмент коду CSS над областю меню навігації у розділі заголовка. Однак це жорсткий варіант, і вам потрібно налаштувати панель для мобільного перегляду. Крім того, ви не можете змінити панель на різних сторінках залежно від вмісту. Тому ми не будемо детально пояснювати це.

Фактори, які слід враховувати, перш ніж вибирати плагін для панелей сповіщень

Хоча доступні різні варіанти, перед вибором підходящого для вас варіанту необхідно продумати мету.

  • З метою маркетингу електронною поштою обов’язково перевірте, чи дозволяє плагін інтегруватися з формами електронної пошти. Крім того, ви можете вибрати сторонніх постачальників послуг, таких як MailChimp.
  • Для демонстрації власних купонів на товари або партнерських купонів потрібні красиві кнопки з іконками.
  • Щоб привернути трафік на будь -яку цільову сторінку, у вас може бути проста панель.
  • Продукт або будь -які інші запуски потребують таймера на панелі.

Заключні слова

Як бачите, існує багато варіантів для вставлення верхньої панелі сповіщень на ваш сайт WordPress. ми рекомендуємо використовувати параметр теми, якщо він доступний, хоча вам потрібно витратити деякий час на створення HTML -коду. Безкоштовні плагіни прості у використанні, але з обмеженими можливостями. Найкращий варіант – використовувати плагіни преміум -класу, щоб мати повний контроль над панеллю сповіщень.

Джерело запису: webnots.com
Залиште відповідь

Цей веб -сайт використовує файли cookie, щоб покращити ваш досвід. Ми припустимо, що з цим все гаразд, але ви можете відмовитися, якщо захочете. Прийняти Читати далі