Добавляем кнопки в wysiwyg редактор wordpress

TinyMCE WordPress добавление кнопок. Как я уже сказал во вступительном тексте, редактор по умолчанию содержит только необходимые элементы. Вы можете добавить функциональные возможности за счет добавления новых кнопок. Представляю ниже код добавления кнопки в редактор:

Вот ТУТ полный перечень всех кнопок. Добавьте код в вашу тему в файл function.php. Кнопка также может быть добавлен на 2-й или 3-й строке в следующим образом:

Создание пользовательских кнопок в редакторе TinyMCE:

Если вы используете shoortcode или классы для текста, изображения, кнопки, которые также могут быть созданы.

Здесь я собираюсь создать кнопку в третьем ряду, кнопка будет работать только в том случаи если пользователь имеет права на редактирование постов или страниц.

Добавить ниже код в function.php:


Создадим еще кнопочку которая берет выделенный текст в шорткод:

Функция добавления кнопки:

function add_button($buttons){ array_push($buttons,"blcss");return $buttons;}

Добавляем еще код который будет обращаться к редактору TinyMCE и WordPress:

Этот код просто указывает путь для конкретного файла JavaScript, customcodes.js, который сохраняется в папку scripts, в папке вашей темы. Вы можете жестко закодировать путь, но с использованием get_bloginfo метода у вас получится более гибкий код для переноса на другие сайты.
Выполните задачу, добавив следующий код в файл с именем customcodes.js . Сохраните его по определенному выше путеи.

Иконка «CSS.png» должна быть 20px Х 20px.

Скрываем ненужные кнопки при помощи параметров редактора TinyMCE

Если вы хотите удалить нежелательные кнопки в редакторе, то просто укажите следующий код:

Вы также можете задать специальный параметр и показывать только те элементы, которые вы хотите:

Также работать с кнопками редактора TinyMCE можно в файле wp-includes/js/quicktags.js но я бы не советовал, при обновлении движка ваши настройки просто слетят.


Статья была взята и переведена с сайта: sumtips.com

 

Благодарности и поправки можете отправлять в комментарии.
Постараюсь быстро ответить всем.
Этот код сам использую, так что добавление кнопок в редактор TinyMCE в WordPress должно работать идеально.

Постараюсь в ближайшее время выложить еще статью как добавлять кнопки в режиме редактирования кода в WordPress.


Читайте также:

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

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

Шаблоны для WordPress
Самый лучший хостинг в Украине
Стабильный хостинг для Drupal