Создаем свои собственные подсказки в консоли WordPress

Администраторские подсказки были впервые добавлены в WordPress 3.3. Их миссия заключалась в том, чтобы помочь пользователям раскрыть для себя все новые возможности главных версий. К примеру, когда виджеты были добавлены к кастомайзеру, подсказка в панели администратора помогала акцентировать внимание на лайв-превью виджетов. Эта подсказка выводилась на странице тем.

new-feature-admin-pointer

Дружественные к пользователям подсказки при грамотном использовании способны привлечь внимание людей к важным элементам, а также помочь новым пользователям эффективнее перемещаться по панели администратора. Зачастую создание своих собственных подсказок требует некоторого кодирования. Однако, к счастью, возможность создания подсказок можно легко расширить, чем и не преминули воспользоваться разработчики плагинов.

Better Admin Pointers – плагин, который разрешает пользователям создавать произвольные подсказки и добавлять их к любому экрану в пределах панели администратора. Плагин сохраняет новые подсказки в виде произвольного типа записей. Подсказки отображаются до тех пор, пока они не будут закрыты пользователем.

Вот пример указателя, созданного для того, чтобы идентифицировать плагин, редактируемый в данный момент:

edit-plugin

Настройки подсказок

Better Admin Pointers позволяет вам настроить все аспекты ваших подсказок, включая:

  • Область основного контента
  • Id подсказки – уникальный id, который может быть отслежен в базе данных WP как закрытый
  • Экран – на какой странице будет выводиться подсказка
  • Целевой элемент – id или class в CSS, к которому будет прикреплена подсказка на экране
  • Позиция – какой край будет прилегать к целевому элементу (left, right, top или bottom)?
  • Выравнивание – как именно должна быть выровнена подсказка с выбранного края относительно целевого элемента? (top, bottom, left, right или middle)

Страница параметров плагина предлагает чекбокс «show current screen», который выведет значение ID экрана, требуемое для создания новой подсказки.

screen-id

WordPress Plugin API предлагает также удобное описание разных экранов администратора, где вы можете легко определить отдельные ID для разных страниц консоли.

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

При тестировании плагина я смог быстро создать и настроить нужные подсказки. Произвольный тип записей помогает легко завершить процесс создания подсказок, поскольку он предлагает советы, разъясняющие, какое значение ожидается для ввода в том или ином поле. Для обычного пользователя самый сложный шаг здесь – это определение целевого элемента. Если вы не знаете, как проинспектировать элементы в вашем браузере, то в таком случае вам будет тяжело грамотно определить правильный CSS класс или ID. Однако чаще всего плагином пользуются разработчики, которые не сталкиваются с такой проблемой – они могут легко настроить подсказки для клиентского сайта или для тех, кто плохо знаком с WordPress.

Я считаю, что подсказки очень полезны в том плане, что они помогают клиентам перемещаться по произвольным функциям, которые разработчик встроил в панель администратора. Better Admin Pointers – простой способ написать несколько дружественных к людям подсказок, которые будут выдаваться на новых или запутанных экранах. Скачать плагин бесплатно можно с сайта WordPress.org.

Источник: wptavern.com

Блог про WordPress
Комментарии: 4
  1. Артём

    А как это реализовать без плагина?

  2. Дмитрий

    Спасибо! А можно ли подсказку при просмотре поста (для пользователя ) вывести, а не только в админке?

    1. Дмитрий (автор)

      Данный плагин заточен именно под админку. Вывод подсказок для пользователей осуществляется уже с помощью других плагинов. К примеру: https://wordpress.org/plugins/single-post-message/. Или вот такой (для обновлений записи): https://wordpress.org/plugins/update-message/.

      1. Дмитрий

        спасибо за быстрый ответ.

Добавить комментарий

Получать новые комментарии по электронной почте.