Вордпресс        18 января 2017        545         0

Как расширить редактор Вордпресс.

Эта информация для тех, кто пользуется CMS WordPress для разработки сайтов.

Согласитесь, что в стандартном текстовом редакторе Wordpress, в отличии от редактора Microsoft Word не достаточно функций для работы с текстом. Расширить визуальный текстовый редактор можно двумя способами,- первый это плагин TinyMCE Advanced и второй — это добавление кода в файл functions.php. Сначала покажу первый способ, т.к. он самый быстрый и простой. Но не забывайте, что использование плагинов — это не только дополнительное место на хостинге, но и «лишний вес» в коде, что хоть немного, но отражается на скорости работы сайта.

По большому счету, больше всего времени мы проводим именно в текстовом редакторе Wordpress – публикуем и форматируем текст, добавляем изображения, иногда размещаем таблицы и т.д. и очень важно иметь функциональный инструмент наподобие Microsoft Word, к которому все привыкли. По умолчанию в системе WordPress есть свой редактор, вот как он выглядит в административной части WordPress inside:

расширение редактора вордпресс

1. Плагин TinyMCE Advanced

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

Его установка стандартная – «Плагины», «Добавить новый» и в поиск вставляем TinyMCE Advanced, далее активируем и после этого заходим в меню «Настройки» — «TinyMCE Advanced», где производим его настройку.

По описанию на официальном сайте он объединяет 15 плагинов той-же серии: Advanced HR, Advanced Image, Advanced Link, Context Menu, Emotions (Smilies), Date and Time, IESpell, Layer, Nonbreaking, Print, Search and Replace, Style, Table, Visual Characters и XHTML Extras и, соответственно, имеет самый полный функционал.

Настройка TinyMCE Advanced

-совершенно простая. На странице вы увидите добавление меню и 4 быстрых строки редактора. Настройка включает в себя функцию «Drag and drop», так что берете нужную кнопку и просто перетягиваете ее в удобное для вас место:

плагин TinyMCE Advanced

Также, есть смысл вкратце упомянуть о дополнительных плагинах, его младших собратьях:

  • TinyMce editor Font FIX.

  • C помощью этого плагина вы автоматически замените стандартный шрифт Arial на более красивый шрифт, отображаемый в визуальном редакторе.
  • TinyMCE Spellcheck

  • Этот плагин добавит всего одну кнопку в редактор — проверка орфографии.
  • Taxonomy TinyMCE

  • Этот плагин добавит редактор для окна описания вашей пользовательской таксономии.
  • Category TinyMCE

  • Тоже самое как и предыдущий плагин WordPress, только он добавит визуальный редактор для описания ваших рубрик. Удобно, когда вы хотите создать секцию на странице просмотра архивов ваших рубрик. Визуальный редактор поможет сделать текст более привлекательным, это будет удобно для тех, кто не знает HTML.
  • MCE Table Buttons

  • Если вам нужно расширить визуальный редактор только кнопками добавления таблиц — этот бесплатный плагин WordPress как раз для вас. Он вставит третий ряд визуального редактора с легко понятными кнопками вставки таблиц, строк и столбцов.

2.  Как расширить редактор Вордпресс без плагинов, с помощью добавления кода.

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

WordPress включает в себя TinyMCE — независимый Javascript HTML — WYSIWYG редактор. Именно в нем редактируется и форматируется текст для страниц и записей.

Добавьте такой код между тегами <?php…и…?> в functions.php вашей темы:

1 add_filter( ‘tiny_mce_before_init’, ‘myformatTinyMCE’ );
2
3 function myformatTinyMCE( $in ) {
4
5 $in[‘wordpress_adv_hidden’] = FALSE;
6
7 return $in;
8 }
9
10 function enable_more_buttons($buttons) {
11
12 $buttons[] = ‘fontselect’;
13 $buttons[] = ‘fontsizeselect’;
14 $buttons[] = ‘styleselect’;
15 $buttons[] = ‘backcolor’;
16 $buttons[] = ‘newdocument’;
17 $buttons[] = ‘cut’;
18 $buttons[] = ‘copy’;
19 $buttons[] = ‘charmap’;
20 $buttons[] = ‘hr’;
21 $buttons[] = ‘visualaid’;
22
23 return $buttons;
24 }
25 add_filter(‘mce_buttons_3’, ‘enable_more_buttons’);

Это не все кнопки, которые могут быть нужны, их намного больше. Вот их список:

hr — линия;
sub — нижний регистр;
sup — верхний регистр;
fontselect — шрифты;
fontsizeselect — размер текста;
cleanup — очистка;
styleselect — CSS стили;
anchor — якорь.

hr, justifyleft, justifycenter, justifyright, justifyfull, bullist, numlist, outdent, indent, cut, copy, paste, undo, redo, link, unlink, image, cleanup, help, code, bold, italic, underline, strikethrough, removeformat, formatselect, fontselect, fontsizeselect, styleselect, sub, sup, forecolor, visualaid, anchor, newdocument, backcolor, charmap, separator.

И так добавится ещё один ряд кнопок:

 

P.S. В общем, есть такой набор плагинов wordpress, который можно называть «must have» для каждого блоггера или создателя сайтов, что позволяет сделать работу с WordPress более продуктивной, функциональной и удобной для обеих сторон. Все их обзоры вы найдете на страницах этого блога.

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

Автор: Евгений Иверон.

  Метки:

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

Ваш e-mail не будет опубликован. Обязательные поля помечены *

ПОДПИШИТЕСЬ
НА НОВОСТИ

Ваше имя
Ваш email:

email рассылки СПАМ ЗАПРЕЩЁН

email рассылки


Регистрация в Stepium

error: Копирование запрещено!