«

»

Фев 20 2017

Расширяем возможности редактора WordPress

Маленький человек может сделать многое.




Расширяем возможности редактора wordpressЗдравствуйте, коллеги!

Часто на блоге не устраивает встроенный редактор в Wordpres. Хочется его изменить, улучшить, расширить и добавить функции.

Поэтому с помощью сегодняшней статьи расширяем возможности редактора WordPress.

Существует два способа:

1. Установка плагина
2. Установка кода в файл functions.php темы.

Если вы не сильны в познании кодов php, html и стилей css, то лучше использовать готовый плагин для расширения возможности редактора wordpress.

Расширяем возможности редактора WordPress плагином

Плагин Ultimate TinyMCE

Плагин Ultimate-tinyMCE

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

Меня не смущает и то, что он более двух лет не обновлялся. Работает прекрасно, не конфликтует с другими.
Нравился он тем, что в нем была опция, позволяющая вставлять текст на разном цветовом фоне. Но WordPress потребовал от владельца плагина убрать эту функцию.

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

Настройка плагина Ultimate TinyMCE

После активации плагина, в левой части консоли найдите вкладу «Настройки» и нажмите на «Ultimate TinyMCE».

Находим плагин ultimate-tinymce в меню консоли

Откроется длинная страница с различными кнопками, с помощью которых расширяем возможности редактора WordPress. На скриншоте только часть страницы.

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

(Нажмите на изображения, чтобы увеличить.)

Настройка плагина Ultimate-tinyMCE

Я не стал показывать всю страницу, посмотрите сами. Главное правильно сделать настройку. В столбце «Enable» поставьте галочку напротив нужной опции, а в столбце «Row Seleciton» укажите строку редактора. Визуальный редактор WordPress может иметь только четыре строки.

Поэкспериментируйте и подберите удобный для вас вариант расположения добавленных возможностей WordPress.

Если встроенный редактор по умолчанию выглядит так:

Встроенный редактор wordpress

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

Встроенный редактор wordpress после установки плагина Ultimate-tinyMCE




Плагин Tiny MCE Advanced

Плагин TinyMCE-Advanced

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

Установить его можно из админпанели сайта во вкладке «Плагины» ==>«Добавить новый».

Активируйте установленный плагин и в вкладке «Настройки» ==> «TinyMCE Advanced» перейдите к настройке редактора WordPress.

(Нажмите на изображения, чтобы увеличить.)

Настройка плагина TinyMCE-Advanced

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

Существуют другие плагины для улучшения встроенного визуального редактора WordPress:


Front-end Editor
ACF Front End Editor
Front-end Editor for WordPress
WP Quick FrontEnd Editor.

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

Расширяем возможности редактора WordPress без плагина

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


function add_more_buttons($buttons) {
$buttons[] = ‘fontselect’; // разные шрифты
$buttons[] = ‘fontsizeselect’; // размеры шрифтов
$buttons[] = ‘styleselect’; // стили
$buttons[] = ‘backcolor’; // цвет фона
$buttons[] = ‘sup’; // верхний индекс
$buttons[] = ‘sub’; // нижний индекс
$buttons[] = ‘anchor’; // якорь
$buttons[] = ‘hr’; // разделительная черта
return $buttons; }
add_filter(«mce_buttons_3», «add_more_buttons»);

и сохранить изменения.

Выражение «mce_buttons_3», показывает, что указанные кнопки будут установлены в третьем ряду редактора. Можно поменять, изменив цифру на «4».

Этим кодом активируется уже имеющийся функционал редактора, тем самым мы расширяем возможности редактора Wordpres без плагина.

На этом у меня все.

Пока.

До встречи в статье «Отключить ревизии и удалить старые редакции в WordPress».

С Вами был, Николай Иванов.




ВОПРОСЫ ПИШИТЕ В КОММЕНТАРИЯХ

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

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