Какой плагин выбрать для WordPress, чтобы сделать вот такую кнопкуменю?

Ссылка скопирована
1 ответ

Всем привет.
Подскажите, какой плагин для Wordpress может помочь сделать вот такое менюкнопку?

Какой плагин выбрать для Wordpress, чтобы сделать вот такую кнопкуменю?

При нажатии на которую появляется текст

Какой плагин выбрать для Wordpress, чтобы сделать вот такую кнопкуменю?

Также на кнопке может быть цифры (1, 2, ...) в зависимости от новыхнепрочитанных сообщений, которые видны при нажатии на кнопку.

Дополнительно:

если на сайте не стоит визуального построителя типа брикс, елемнтор, то видать проще закодить хтмл+яваскрипт. Нет такого чтобы само решало эту задачу

Нужно решить такую задачу?

Опишите проблему, и специалист поможет с настройкой, исправлением ошибки или доработкой сайта. Подберём понятный план работ без лишней переписки.

Заказать помощь
Лучший ответ
1
Ирина WP Ответ

По описанию это не просто “кнопка меню”, а виджет уведомлений или floating action button: кнопка с бейджем количества новых сообщений, по клику открывается панель с текстом/сообщениями. Готовый плагин можно подобрать, но многое зависит от источника этих сообщений.

Если нужно просто показать статичный текст при клике, подойдут плагины popup/floating button: Popup Maker, Buttonizer, Float Menu, WP Notification Bell, WPFront Notification Bar. Но если цифра должна меняться по количеству непрочитанных сообщений, нужен источник данных: комментарии, заявки, личный кабинет, WooCommerce, кастомная таблица, внешний API.

Для простой реализации можно сделать кнопку самостоятельно. HTML:

<button class="notice-toggle" type="button">
  Сообщения <span class="notice-count">3</span>
</button>
<div class="notice-panel" hidden>
  <p>У Вас есть новые уведомления.</p>
</div>

<button class="notice-toggle" type="button"> Сообщения <span class="notice-count">3</span> </button> <div class="notice-panel" hidden> <p>У Вас есть новые уведомления.</p> </div>

JS:

document.addEventListener('click', function (event) {
  const button = event.target.closest('.notice-toggle');
  if (!button) return;
 
  const panel = document.querySelector('.notice-panel');
  panel.hidden = !panel.hidden;
});

document.addEventListener('click', function (event) { const button = event.target.closest('.notice-toggle'); if (!button) return; const panel = document.querySelector('.notice-panel'); panel.hidden = !panel.hidden; });

Если цифра зависит от WordPress, её лучше отдавать через REST API или AJAX. Например, количество новых комментариев, заявок или пользовательских уведомлений можно считать на сервере и подставлять в кнопку.

Не советую ставить тяжёлый pop-up builder только ради одной кнопки, если нужна кастомная логика с непрочитанными сообщениями. Плагин даст внешний вид, но не решит учёт “прочитано/не прочитано”. Для этого всё равно придётся хранить состояние пользователя: в user meta, cookie/localStorage или отдельной таблице.

Если задача — уведомления для всех посетителей, можно хранить состояние в localStorage. Если для авторизованных пользователей — лучше user meta. Если это коммерческий сайт и сообщения важные, делайте серверную логику, иначе пользователь очистит браузер и счётчик потеряется.

Другие ответы (0)

Пока нет других ответов. Будьте первым, кто поможет автору.

Ответить на вопрос

комментарий

Ваш адрес email не будет опубликован. Обязательные поля помечены *

Вам также может быть интересно