Задача. Необходимо вывести свои кнопки в HTML-редакторе админ панели WordPress, которые будут вставлять шорткоды или вставлять заготовку тегов с определенными классами. Условно говоря, например, нужно, чтобы при редактировании поста, можно было выделить текст и нажатием кнопки обернуть текст в span с классом «green». Соответственно в стилях задать этому классу зеленый цвет.
Решение 1. Простой и быстрый, но не экономичный способ – это установить любой из плагинов:
- AddQuicktag (Frank Bültge)
- Ultimate TinyMCE (Josh Lobe)
- Advanced Editor Tools (Automattic)
Решение 2. Добавить код в файл темы – function.php. В WordPress есть javascript-библиотека Quicktags, которую и нужно использовать. Проверить ее наличие можно по адресу yoursite.net/wp-includes/js/quicktags.js. В файл function.php вставляем следующий код:
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
|
// Добавление кнопок в html-редактор админ панели
add_action( 'admin_print_footer_scripts', 'add_mybutton_quicktags' );
function add_mybutton_quicktags() {
//Проверка, определен ли в WP скрипт quicktags
if (wp_script_is('quicktags')) :
?>
="text/javascript">
if (QTags) {
// QTags.addButton( id, display, arg1, arg2, access_key, title, priority, instance );
QTags.addButton( 'example_block', 'Пример', '
', '
', '', 'div class="example-block"', 4 );
QTags.addButton( 'block_info', 'Инфо', '
', '
', '', 'div class="block-info"', 5 );
QTags.addButton( 'block_links', 'Ссылки', '
', '
', '', 'div class="block-links"', 6 );
QTags.addButton( 'block_explanation', 'Пояснения', '
', '
', '', 'div class="block-explanation"', 7 );
}
endif;
}
|