Новости

Как правильно применять в JavaScript асинхронные функции: примеры работы с ES 2017
От автора: возможность писать на JavaScript асинхронные функции является важным обновлением в ES2017. Что такое асинхронные функции? Асинхронные функции — это функции, которые возвращают promise. Мы

WordPress JavaScript — как правильно подключить файл скрипта к шаблону сайта
Использование в шаблонах WordPress JavaScript скриптов давно стало обычным делом. Их подключение возможно несколькими способами, начиная с классического варианта с использование голого HTML. Но чтобы все

Как исправить JavaScript error "ВКонтакте"? Что делать при ошибках JavaScript в "ВКонтакте"?
"ВКонтакте" - это на сегодняшний день самый удобный русскоязычный ресурс, который является не только популярнейшей социальной сетью, но и сервисом для прослушивания аудиозаписей и просмотра видео. Здесь

Правильное использование Tor Browser
Tor Browser полностью анонимен – Миф или реальность? Многие считают, что Tor — это полностью анонимное и безопасное средство для интернет-серфинга, которое не дает никому возможность контролировать то,

Javascript error object is not a function вконтакте как исправить
"ВКонтакте" - это на сегодняшний день самый удобный русскоязычный ресурс, который является не только популярнейшей социальной сетью, но и сервисом для прослушивания аудиозаписей и просмотра видео. Здесь

Как исправить ошибку javascript error вконтакте
На сегодняшний день «Вконтакте» является наиболее удобным русскоязычным ресурсом, который представляет собой не только крупнейшую социальной сеть, но и сервис для просмотра видео и прослушивания аудиозаписей.

Что такое JavaScript и для чего он используется?
Подробности декабря 10, 2015 Просмотров: 20225 В интернете миллионы веб-страниц,

Практика javascript синтаксис написания
Javascript — это язык программирования, который активно используется для построения динамических веб страниц. Собственно с этой целью он и был изобретен. У нашего с вами языка еще есть такое интересное

JavaScript учебник
Код функций в JavaScript начинает выполнение после их вызова. Функции являются одним из наиболее важных строительных блоков кода в JavaScript. Функции состоят из набора команд и обычно выполняют

Рекомендации решившим начать изучать JavaScript
Если вы решили начать изучать JavaScript , то эта статья для вас. Надеюсь, что её прочтение избавит вас в будущем от множества ошибок и сделает его изучения более простым, быстрым и эффективным. В статье

Улучшить визуальный редактор Wordpress без плагинов

Опубликовано: 01.09.2018

видео Улучшить визуальный редактор Wordpress без плагинов

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

От автора

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


Хлебные крошки Wordpress без плагина - Константин Хмелев

Визуальный редактор TinyMCE

По умолчанию WordPress использует визуальный редактор TinyMCE. Причем, по умолчанию, визуальный редактор WordPress имеет ограниченный функционал по редактированию текстов статей. Чтобы расширить возможности редактора, есть несколько сторонних плагинов, устанавливающие новые визуальные редакторы (например, TinyMCE Advanced: https://ru.wordpress.org/plugins/tinymce-advanced/ ).


Редактирование страниц в Wordpress

Но можно улучшить визуальный редактор WordPress без плагинов. Для этого используются специальные теги шаблонов WordPress. Коды нужно добавить в файл «Функции темы (functions.php)».  Ниже следующие коды показывают принцип формирования дополнительных кнопок редактора.

Примечание

Рекомендую, чтобы избежать редактирования файла functions.php напрямую из редактора, используйте отличный плагин CodeSnippets: https://ru.wordpress.org/plugins/code-snippets/ ). Добавляя спиппет через этот плагин, не забываете его активировать или в настройках плагина объедините функции «сохранить» и «активировать».

Коды  улучшить визуальный редактор WordPress без плагинов

Чтобы добавить в редактор дополнительные функциональные кнопки, добавьте нижеследующий код в functions.php или создайте сниппет используя плагин CodeSnippets.

function enable_third_row_buttons($buttons) { $buttons[] = 'fontselect'; $buttons[] = 'backcolor'; $buttons[] = 'image'; $buttons[] = 'media'; $buttons[] = 'anchor'; $buttons[] = 'sub'; $buttons[] = 'sup'; $buttons[] = 'hr'; $buttons[] = 'wp_page'; $buttons[] = 'cut'; $buttons[] = 'copy'; $buttons[] = 'paste'; $buttons[] = 'newdocument'; $buttons[] = 'code'; $buttons[] = 'cleanup'; $buttons[] = 'styleselect'; return $buttons; } add_filter("mce_buttons_3", "enable_third_row_buttons");

Данный код добавит следующие кнопки в третий ряд визуального редактора TinyMCE, который установлен в WordPress по умолчанию:

Чтобы добавить дополнительные кнопки во второй ряд, код должен иметь следующий вид (пример для двух кнопок):

function enable_third_row_buttons($buttons) { $buttons[] = 'image'; $buttons[] = 'media'; return $buttons; } add_filter("mce_buttons_2", "enable_third_row_buttons");

Добавить эти же кнопки в третий ряд, нужен следующий код:

function enable_third_row_buttons($buttons) { $buttons[] = 'image'; $buttons[] = 'media'; return $buttons; } add_filter("mce_buttons_3", "enable_third_row_buttons");

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

©www.wordpress-abc.ru

Другие статьи раздела «WordPress без плагина»

Статьи связанные по теме:

rss