WordPress редактор – добавление кнопок

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

Видеоурок: WordPress редактор – добавление кнопок

[spoiler name=”Необходимые данныеДля открытия – нажмите“]

Добавление своих кнопок в HTML редактор wordpress

В интернете есть много решений данной проблемы. Как всегда от банального самого легкого способа установки плагина до добавления вручную данных кнопок вручную. Но данные реализация ручной правки плохи тем, что предлагают вносить имения в файлы самого движка wordpress. Из чего следует, что при обновление wordpress эти файлы все заменится и кнопки пропадут. А это не есть хорошо.

И по этому мы добавим свои кнопки в HTML редактор через функцию wordpress.

И так приступи к добавлению своих кнопок. Для этого нужно просто отредактировать файл functions.php вашей темы:

if( !function_exists('_add_my_quicktags') ){
function _add_my_quicktags()
{ ?>
<script type="text/javascript">
QTags.addButton( 'p', 'p', '<p>', '</p>' );
QTags.addButton( 'br', 'br', '<br>', '<br>' );
QTags.addButton( 'h3', 'H3', '<h3>', '</h3>' );
QTags.addButton( 'h4', 'H4', '<h4>', '</h4>' );
</script>
<?php }
add_action('admin_print_footer_scripts', '_add_my_quicktags');
}

Пример добавление кнопки
[crayon] QTags.addButton( ‘Название кнопки на латинице’, ‘Название кнопки в редакторе’,
‘Открывающая часть тэга’, ‘Закрывающая часть тэга’ );
[/crayon]

C такой легкостью можно добавлять свои кнопки в редактор wordpress.
 

БОНУС: Выводим скрытые кнопки в визуальный html редактор wordpress

В визуальном html редакторе WordPress, по умолчанию, присутствует минимальное необходимое количество кнопок, отвечающих за обработку введенного текста. Этот тот самый минимум, который необходим для простой обработки используемое чаще всего. Однако Вы можете, если вам понадобится немного большая функциональности и гибкости от визуального html редактора добавить скрытые кнопки встроенные уже редактор WYSIWYG.

 
Для этого так же открываем и добавляем код в файл functions.php вашей темы:
[crayon lang=’php’]function enable_more_buttons($buttons) {
$buttons[] = ‘hr’;
$buttons[] = ‘sub’;
$buttons[] = ‘sup’;
$buttons[] = ‘fontselect’;
$buttons[] = ‘fontsizeselect’;
$buttons[] = ‘cleanup’;
$buttons[] = ‘styleselect’;
return $buttons;
}
add_filter(“mce_buttons_3”, “enable_more_buttons”);[/crayon]

После этого у вас появится третий ряд кнопок на панели редактора WYSIWYG в WordPress

[/spoiler]
 

Надеюсь, вы найдете этот прием полезным, и он облегчит вам использование редактора WordPress!