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

Расширяем функциональность редактора WordPress — визуальный редактор TinyMCE Advanced

WordPress визуальный редактор TinyMCE AdvancedУстановленный в WordPress визуальный редактор имеет несколько ограниченный функционал, расширить который поможет плагин TinyMCE Advanced, дающий больше возможностей для редактирования текста. Думаю очень полезными при создании текстов окажутся такие функции, как изменение размера и цвета шрифта, выбор другого шрифта, использование стилей, создание таблицы, вставка видео и изменение его параметров в редакторе и другие, которые предоставит плагин для редактирования текста wordpress.

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

Скачать плагин можно здесь http://wordpress.org/plugins/tinymce-advanced/installation/  устанавливаем и активируем.

TinyMCE Advanced плагин

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

После установки плагина в Параметрах админ панели появится вкладка TinyMCE Advanced, кликнув по которой переходим к настройкам плагина.

TinyMCE Advanced  настройка плагинаСобственно говоря настройки и настройками не назовешь. Нужно просто перетащить дополнительные кнопки в текстовый редактор WordPress. Выбираем кнопки необходимых нам функций редактора TinyMCE Advanced – настройка на этом завершена и новый WordPress визуальный редактор TinyMCE Advanced открывает дополнительные возможности при создании статей блога.

Редактор TynMCE Advanced

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

Выбор шрифта в редактореTynMCE Advanced

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

Изменить размер шрифта в TynMCE Advanced

А также изменить размер (гарнитуру) шрифта в TinyMCE Advanced

Цвет фона в записях можно выбрать из представленной палитры

Цвет фона в записях можно выбрать из представленной палитры.

Кнопка таблица в визуальном редакторе

Кнопка таблица в визуальном редакторе позволяет создать таблицу также как мы ее создаем в Word′е.

Создаем таблицу

Нажимаем значок Вставить таблицу и задаем параметры таблицы в расширенном редакторе.

Поиск в визуальном редакторе ускорит создание и редактирование записи Функции» Поиск и замена» в визуальном редакторе ускорят создание и редактирование записи выполняя поиск и замену по тексту.

Redaktor Css

В новом расширенном редакторе WordPress доступен редактор CSS.

Вставить и редактировать видео

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

Вставить видео

И во вкладке Дополнительно задать другие настройки видеофайла.

Это далеко не все дополнительные функции  и возможности, которые предоставляет плагин WordPress визуальный редактор TinyMCE Advanced. Но даже уже из этого перечня интересных функций видно какие открываются перспективы в редактировании записей на блоге.

Добавим функции в текстовый редактор WordPress кодом

Сейчас много и часто говорят о том, что плагины тормозят блог и не нужно ставить лишние плагины. Но если вам трудно отказаться от такой красоты и есть желание расширить визуальный редактор WordPress. Тогда предлагаю сделать это кодом. Специальный код, который нужно добавить в файл functions.php. Но, как обычно, рекомендую прежде чем вносить изменения в файлы блога сделайте бекап, резервное копирование вашего блога.

Итак, какой код и как вставить в код блога. Открываем редактором NotePad++ файл вашей темы functions.php и перед тегом ?> в самом конце файла нужно вставить этот код.

function add_more_buttons($buttons) {
 $buttons[] = 'fontsizeselect';
 $buttons[] = 'fontselect';
 $buttons[] = 'styleselect';
 $buttons[] = 'del';
 $buttons[] = 'sup';
 $buttons[] = 'sub';
 $buttons[] = 'hr';
 return $buttons;
 }
 add_filter("mce_buttons_3", "add_more_buttons");

После добавления кода нажимаем внизу обновить файл.

Вставить код в functions.php

Таким образом, расширится wordpress визуальный редактор.

Расширенный редактор WordPressДобавятся дополнительные функции Семейство шрифтов и размер (гарнитура) шрифтов, Стили, верхний индекс, нижний индекс, горизонтальная линия, анкор и кнопка привести код в порядок.

Выбор за вами расширить WordPress визуальный редактор TinyMCE Advanced плагином или добавлением кода в файл блога.

Желаю удачи!

Подписывайтесь на обновления блога, нажав на кнопку «Получать статьи на почту» Кнопка для сайта - Получать статьи на почту

PS. Хочу напомнить моим постоянным читателям, что Конкурс тысячный комментарий продолжается, вот-вот будет написан и опубликован 4000 комментарий, кто тот Счастливчик, кто получит приз за 4000 комментарий.

С первого ноября возобновляется Конкурс Топ комментаторов, условия проведения конкурсов и призы, читайте на странице Конкурсы или, нажав на аналогичную картинку в сайдбаре.

Подписывайтесь на обновления блога, нажав на кнопку "Получать статьи на почту" Кнопка для сайта - Получать статьи на почту Высказывайте ваши мнения и пожелания! Оставляйте свои комментарии - напишите свое мнение в комментариях ниже к этому посту! Кликните по кнопкам социальных сетей - поделитесь статьей с друзьями!

Читать похожие статьи

Оставить свой комментарий

Поиск по сайту
Яндекс — найдется всё
Статьи на почту

Введите Ваш электронный адрес и получайте новые статьи на почту:

Объявления
Поделитесь с друзьями
Участвуй! Получай призы!
ТОП-комментаторы
Пообщаемся
Читайте Топ 5 популярных статей

Яндекс кошелек регистрацияСоздать кроссворд онлайнСоздать блог бесплатноСоздать картинку с надписьюКак пользоваться FileZilla

Оформи подписку бесплатно
Оформи подписку на видео, нажми Подписаться
LiveInternet
Каталог сайтов Всего.RU
Яндекс.Метрика
Создать качественный видео ролик
© 2017    Интернет-time Свой бизнес в интернете. ВСЕ ПРАВА ЗАЩИЩЕНЫ.    //    Войти   //    Вверх