ObjectOne > WordPress > quicktags — Добавить кнопку в админку WordPress
quicktags — Добавить кнопку в админку WordPress
Текстовые кнопки работают с помощью javascript-библиотеки Quicktags.
Вышеуказанный API означает, что у нас есть возможность добавить 2 типа кнопок:
- Простая текстовая кнопка
- Кнопка, при нажатии на которую вызывается некоторая javascript-функция (callback)
Как добавить простую кнопку в редактор WordPress
|
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 |
// Добавляем кнопки в текстовый html-редактор add_action( 'admin_print_footer_scripts', 'add_sheensay_quicktags' ); function add_sheensay_quicktags() { //Проверка, определен ли в wordpress скрипт quicktags if (wp_script_is('quicktags')) : ?> <script type="text/javascript"> if (QTags) { // QTags.addButton( id, display, arg1, arg2, access_key, title, priority, instance ); QTags.addButton( 'sheens_p', 'p', '<p>', '</p>', 'p', 'Параграф', 1 ); QTags.addButton( 'sheens_h2', 'h2', '<h2>', '</h2>', 'h2', 'Заголовок 2 уровня', 2 ); QTags.addButton( 'sheens_h3', 'h3', '<h3>', '</h3>', 'h3', 'Заголовок 3 уровня', 2 ); QTags.addButton( 'sheens_h4', 'h4', '<h4>', '</h4>', 'h4', 'Заголовок 4 уровня', 2 ); } </script> <?php endif; } |
Вы также можете добавить свои шорткоды вместо тегов, например, вот так
|
1 |
QTags.addButton( 'sheens_shortcode', 'shortcode', '[shortcode]', '[/shortcode]', '', 'Шорткод', 1 ); |
Описание QTags.addButton()
QTags.addButton( id, display, arg1, arg2, access_key, title, priority, instance );
- id — уникальный идентификатор. Вводите любое значение. Обязательный параметр
- display — название кнопки. Обязательный параметр
- arg1 — открывающий тег или название callback-функции (см. ниже). Обязательный параметр
- arg12 — закрывающий тег (если есть)
- access_key — горячая клавиша. Указывать не обязательно
- title — всплывающее описание кнопки. Указывать не обязательно
- priority — приоритет в списке кнопок. Чем выше число, тем левее будет располагаться кнопка
- instance — поместить кнопку в определённый экземпляр класса. По умолчанию добавляется в общий
Как добавить кнопку с callback-функцией в редактор WordPress
|
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 |
add_action( 'admin_print_footer_scripts', 'sheensay_add_quicktags_callback' ); function sheensay_add_quicktags_callback() { if ( wp_script_is('quicktags') ) : ?> <script type="text/javascript"> function sheensay_anchor() { // Вылезет окошко, в которое нужно ввести название анкора var a = prompt("Введите анкор"); // Вставит код в текст статьи if (a) QTags.insertContent('<a id="'+a+'" name="'+a+'"></a>'); } QTags.addButton( 'sheensay_anchor', 'anchor', sheensay_anchor, '', '', '', 30); </script> <?php endif; } |
Пример моей кнопки в админке
Пример добавленной кнопки в админке
Код записан в файл ObjectOne: Функции темы (functions.php)
|
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 |
add_action( 'admin_print_footer_scripts', 'sheensay_add_quicktags_callback' ); function sheensay_add_quicktags_callback() { if ( wp_script_is('quicktags') ) : ?> <script type="text/javascript"> function sheensay_anchor() { // Вылезет окошко, в которое нужно ввести название анкора var a = prompt("Введите ссылку"); // Вставит код в текст статьи if (a) QTags.insertContent('<a class="lookExample" href="'+a+'" target="_blank" rel="noopener">Посмотреть пример</a>'); } QTags.addButton( 'sheensay_anchor', 'Example', sheensay_anchor, '', '', '', 30); </script> <?php endif; } |
Количество просмотров: 1 129
| Категория: WordPress
