Добавление новых функций в стандартный визуальный редактор WordPress

Здравствуйте, уважаемые читатели моего блога!

В одной из своих статей, я писал о плагине FCKEditor For WordPress, который ранее использовался на моем блоге. Я его устанавливал, потому что стандартный визуальный редактор у меня не работал. Плагин FCKEditor заменял визуальный редактор на более удобный и функциональный.

Однако плагин очень тяжелый, и дабы не перегружать свой блог, я от него избавился.

В своей статье «ускорение WordPress блога» я писал о том, что не стоить ставить много плагинов, они влияют на скорость работы блога, и чем их меньше, тем лучше.

Сегодня стандартный визуальный редактор работает, но его функционал оставляет желать лучшего. Хотелось бы добавить некоторые полезные функции и кнопки в него. О том, как это сделать речь пойдет в этой статье, рекомендую Вам ее дочитать до конца.
Перед тем как продолжить, спешу поделиться с Вами новостями:

Новость №1

На блоге Али Аскерова стартовал классный конкурс, в котором могут принять участие практически все блоги! Задание на конкурс: написать и опубликовать на своем блоге статью, в которой рассказать о том, что изменилось в Вашей жизни, после того, как Вы стали блоггером.

Конкурс называется «Что изменилось в моей жизни после того, как я стал блоггером?».

Советую Вам принять в нем участие! Победителям достанутся хорошие призы! Подробности конкурса на этой странице.

Я бы и сам с удовольствием принял участие в конкурсе, но не могу, так как вхожу в состав жюри. 🙂

Новость №2

Сегодня на моем блоге был оставлен 1500-й комментарий. Автором комментария является Нина Вилисова, которой, согласно акции «Круглый комментарий» полагается приз в размере 100 рублей. Подробности всех акций и конкурсов моего блога, можете посмотреть на этой странице.

А теперь вернемся к теме поста.

Для публикации постов в блог можно воспользоваться сторонними программами, например, Windows Live Writer.

Я не пробовал работать в них, и публикую записи на свой блог при помощи стандартного визуального редактора из административной панели WordPress блога.

Сейчас я покажу Вам, как улучшить функционал стандартного визуального редактора WordPress, и добавить парочку полезных функций (кнопок).

Сразу хочу сказать, что постов на тему расширения функционала визуального редактора WordPress на моем блоге больше не будет.

Если я узнаю еще какие-либо функции, то обновлю этот пост, поэтому можете добавить его в закладки.

Стандартный редактор выглядит так:

На своем блоге я расширил его функционал и добавил некоторые кнопки:

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

1. Добавляем возможность изменения шрифтов в визуальном редакторе WordPress.

После добавления этой функции, при редактировании записей Вам можно будет изменять шрифт текста:

Для того, чтобы добавить такую кнопку, откройте для редактирования файл function.php, и добавьте туда следующую функцию:

add_filter('mce_buttons_2', 'add_fontselect_row_2' );
 function add_fontselect_row_2( $mce_buttons ) {
 $pastetext = array_search( 'pastetext', $mce_buttons );
 $pasteword = array_search( 'pasteword', $mce_buttons );
 $removeformat = array_search( 'removeformat', $mce_buttons );
 unset( $mce_buttons[ $pastetext ] );
 unset( $mce_buttons[ $pasteword ] );
 unset( $mce_buttons[ $removeformat ] );
 array_splice( $mce_buttons, $pastetext, 0, 'fontselect' );
 return $mce_buttons;
 }
 add_filter('tiny_mce_before_init', 'restrict_font_choices' );
 function restrict_font_choices( $initArray ) {
 $initArray['theme_advanced_fonts'] =
 'Andale Mono=andale mono,times;'.
 'Arial=arial,helvetica,sans-serif;'.
 'Arial Black=arial black,avant garde;'.
 'Book Antiqua=book antiqua,palatino;'.
 'Comic Sans MS=comic sans ms,sans-serif;'.
 'Courier New=courier new,courier;'.
 'Georgia=georgia,palatino;'.
 'Helvetica=helvetica;'.
 'Impact=impact,chicago;'.
 'Symbol=symbol;'.
 'Tahoma=tahoma,arial,helvetica,sans-serif;'.
 'Terminal=terminal,monaco;'.
 'Times New Roman=times new roman,times;'.
 'Trebuchet MS=trebuchet ms,geneva;'.
 'Verdana=verdana,geneva;'.
 'Webdings=webdings;'.
 'Wingdings=wingdings,zapf dingbats'.
 '';
 return $initArray;
 }

После того, как Вы сохраните файл function.php все будет работать.

Внимание! Перед редактированием файлов шаблона, рекомендую Вам сделать их резервную копию. Чтобы, в случае возникновения каких-либо ошибок, Вы могли вернуть все на место!

2. Добавляем кнопки в визуальный редактор.

Откройте для редактирования файл function.php, и вставьте туда следующую функцию:

function add_more_buttons($buttons) {
 $buttons[] = 'hr';
 $buttons[] = 'del';
 $buttons[] = 'sub';
 $buttons[] = 'sup';
 $buttons[] = 'fontselect';
 $buttons[] = 'fontsizeselect';
 $buttons[] = 'cleanup';
 $buttons[] = 'styleselect';
 return $buttons;
 }
 add_filter("mce_buttons_3", "add_more_buttons");

Теперь Вам станут доступны следующие возможности визуального редактора wordpress:

— добавление горизонтального разделителя;

— вставка нижнего и верхнего индексов;

— изменения размеров шрифта;

— изменение стилей.

На этом у меня все. Как Вам статья?

Впереди немало интересных статей. Советую Вам подписатся на свежие обновления моего блога.

С уважением, Александр Бобрин

Поделись с друзьями: