Установка и настройка плагина Ultimate TinyMCE. Расширяем возможности визуального редактора

Установка и настройка плагина Ultimate TinyMCE     Здравствуйте, дорогие друзья. Сегодня я хочу рассказать вам, о том, как можно расширить функциональные возможности визуального редактора WordPress. Вообще визуальный редактор который входит в состав WordPress, это отдельный скрипт и называется он TinyMCЕ. Для того чтобы расширить его возможности не обязательно изучать языки программирования и лезть в скрипты TinyMCЕ, чтобы что-то дописать или переделать, потратить кучу времени и сил, хотя данный вариант тоже имеет право на жизнь, но все гораздо проще. Как и прежде, для того чтобы расширить возможности CMS WordPress, мы воспользуемся плагином. Плагин, который расширяет возможности визуального редактора, называется «Ultimate TinyMCE«.

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

     Установить плагин «Ultimate TinyMCE», как в прочем и многие другие можно из репозитория WordPress, с официального сайта WordPress:

     После установки и активации плагина, необходимо настроить плагин. Для этого заходим на страницу настроек, через меню (Settings->Ultimate TinyMCE) панели администратора.

     Для того чтобы плагин начал работать так как задумано, необходимо настроить какие кнопки (функции), плагина необходимо добавить в панель визуального редактора. Для этого будем редактировать панель основных кнопок (Button Group 1) и панель дополнительных кнопок (Button Group 2), на странице настроек.

     Для того чтобы добавить какую-либо кнопку (функцию) в визуальный редактор достаточно включить кнопку(установить галочку в поле Enable) и указать на какой строчке будет отображаться кнопка, всего 4 строки(row1,row2,row3,row4)

     Страница настроек плагина Ultimate TinyMCE. Блок кнопок 1, шаг 1.

     Советую устанавливать кнопки равномерно, и начинать с 3 и 4 строки, так как если все кнопки расположить на 1 строке, панель инструментов визуального редактора растянется на ширину страницы и вам просто не удобно будет с ними работать. А вообще чтобы понять то, о чем я говорю, советую проверить на себе и вставить все кнопки в 1 строке.

     После того как вы отметите все необходимые вам кнопки, нажмите на кнопку «Update Buttons Group One Options» и сохраните настройки панели.

     Аналогично, произведите действия со второй панелью кнопок (Buttons Group 2).

     Результат работы плагина вы уже можете увидеть на странице создания новой страницы или записи.

     Плагин Ultimate TinyМСЕ. Панель административных настроек(Admin Options). Добавление QR-кода в пост и страницу.

     У плагина существует панель административных настроек, через которую можно настроить как сам плагин, так и добавить некоторые весьма полезные функции для блога, такие например как QR-code.

     Страница настроек плагина Ultimate TinyMCE. Блок административных настроек.

     Описывать каждый из пунктов не буду. Объясню как добавить QR-код в конце каждой записи и страницы.

     Enable QR (Quick Response) code on posts – включить вставку QR-кода в конец каждой записи;

     Enable QR (Quick Response) code on pages – включить вставку QR-кода в конец каждой страницы.

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

     Choose QR Text Color – укажите цвет текста;

     Choose QR Title Background Color – укажите цвет фона текста;

     Choose QR Main Background Color – укажите фоновый цвет QR-кода;

     Write QR Content Text – укажите текст который будет выводится возле QR-кода.

     Чтобы настроить фон визуального редактора и другие графические характеристики всей панели, настройте опции панели «Content Editor (Tinymce) Over-rides».

     Страница настроек плагина Ultimate TinyMCE. Блок графических настроек.

     Enable Over-Rides – применить графические настройки, описанные ниже, для панели настроек визуального редактора TinyMC.

     Tinymce Background Color – шестнадцатеричный код цвета фона.

     Tinymce Font Color – шестнадцатеричный код цвета шрифта.

     Tinymce Font Size – размер шрифта панели визуального редактора

     Для настроек Tinymce Default Font; Tinymce Line Height; Tinymce Text Direction; Tinymce Padding; Tinymce Margin; указано значение – Available in Ultimate Tinymce PRO Version(опция доступна только в PRO-версии, она кстати платная).

С Уважением, Сергей Курников

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

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