Всем привет!
Если вы пишите плагин для движка WordPress, то сегодняшняя статья вам расскажет, как вывести уведомление об ошибке, об успешном сохранении или же просто оставить администраторские уведомления и сообщения.
Администраторское уведомление – это белый блок с цветной полосой слева, в котором помещено текстовое уведомление.
Для уведомления используется три цвета с уже готовыми CSS классами:
- зеленый - для успешных операций (updated),
- оранжевый - для предупреждений (notice-warning),
- красный - для ошибок (error).
Кстати, об этом я писал вот в этой статье «Как оформить уведомление на WordPress».
Вот так выглядит код с уведомлением:
<div class="updated notice"> <p>Все ОК!!!</p> </div> <div class="error notice"> <p>Ошибка</p> </div> <div class="update-nag notice"> <p>Рад вас видеть на BlogGood.ru</p> </div>
Вот такой будет вид:
Если нужна возможность закрыть уведомление, тогда следует добавить еще один класс перед закрывающим тегом </div>:
<button ENGINE="button" class="notice-dismiss"><span class="screen-reader-text">Скрыть это уведомление.</span></button>
И добавьте вот такой класс к <div> «is-dismissible»:
<div class="updated notice is-dismissible">
Вот так:
<div class="updated notice is-dismissible"> <p>Все ОК!!!</p> <button type="button" class="notice-dismiss"><span class="screen-reader-text">Скрыть это уведомление.</span></button> </div> <div class="error notice is-dismissible"> <p>Ошибка</p> <button type="button" class="notice-dismiss"><span class="screen-reader-text">Скрыть это уведомление.</span></button> </div> <div class="update-nag notice is-dismissible"> <p>Рад вас видеть на BlogGood.ru</p> <button type="button" class="notice-dismiss"><span class="screen-reader-text">Скрыть это уведомление.</span></button> </div>
Вот такой будет вид:
Теперь к практике.
Откройте файл «functions.php» и добавьте вот такой код после тега «<?php»:
function my_notice() { ?> <div id="message" class="updated notice is-dismissible"><p>С НОВЫМ ГОДОМ!!!</p><button type="button" class="notice-dismiss"><span class="screen-reader-text">Скрыть это уведомление.</span></button></div> <?php } add_action( 'admin_notices', 'my_notice' );
В результате у вас появится в админ-панели вот такое уведомление:
Если вы пишите плагин или специальную возможность для темы, например, настройки, тогда, чтобы вылетали соответствующие уведомления об успешном сохранении или об ошибке, используйте конструкцию php if else.
Если получилось у меня, то получится и у вас! Удачи!
Понравился пост? Помоги другим узнать об этой статье, кликни на кнопку социальных сетей ↓↓↓
Последние новости категории:
Похожие статьи
Популярные статьи:
-
Как узнать id компьютера
Дата: 29 марта 2013
Прокомментировано:90
просмотров: 330346 -
Размеры форматов листов А0 – А7
Дата: 23 января 2013
Прокомментировано:3
просмотров: 274701 -
Смешные логические загадки с подвохом, отгадки прилагаются
Дата: 12 ноября 2014
Прокомментировано:5
просмотров: 222535 -
Готовые макеты блоков для веб-страниц на HTML и CSS
Дата: 25 июня 2014
Прокомментировано:23
просмотров: 187747 -
Установка windows 7 на ноутбук
Дата: 18 декабря 2012
Прокомментировано:169
просмотров: 186564
2 Ответов на комментарий - Как добавить уведомления и сообщения администратора
Добавить комментарий
Метки: wordpress, без плагинов
А я буквально вчера, наоборот, боролся с тем, как убрать оповещения в премиум-темах, которые они в админке выдают – активировать и прочее.
и как, Юрий, справились?
Расскажите, может применяли различные хитрости в коде, чтобы убрать оповещение?
Или вы просто влезли в код, нашли и удалили?
Расскажите, Юрий, может кто-то нуждается в Вашем ответе.
Спасибо за комментарий!