Текстовый визуальный редактор WordPress — плагин TinyMCE Advanced и CKEditor.

Всем привет! На этой странице блога WebMasterMaksim.ru вы узнаете о двух плагинах которые должны войти в сборку WordPress у каждого вебмастера.

А именно я расскажу о продвинутом текстовом визуальном редакторе WordPress которые реализовываются при помощи  плагина TinyMCE Advanced или плагина CKEditor на ваш выбор.

Содержание статьи:

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

Текстовый визуальный редактор WordPress - плагин TinyMCE Advanced и CKEditor.
Текстовый визуальный редактор WordPress — плагин TinyMCE Advanced и CKEditor.

Каждый блогер именно в текстовом редакторе проводит больше всего времени, поэтому нужно стремиться сделать данную работу вебмастера наиболее удобнее и комфортнее.

Вот, для начала смотрим это видео, а потом читаем дальше:

Первый визуальный текстовый редактор WordPress о котором я расскажу называется TinyMCE Advanced.

Расширенный текстовый редактор WordPress TinyMCE Advanced — функционал, установка, настройка.

Скачать плагин TinyMCE Advanced вы можете внизу страницы, устанавливается он как и все плагины, как обычно разархивируете скаченный архив и закачиваете его на хостинг в папку wp-content/plugins или через админку WordPress — плагины > добавить плагин > загрузить с компьютера.

Теперь коротко расскажу о функционале текстового редактора TinyMCE Advanced:

  • Легкое и быстрое форматирование текста (жирным — тегом strong, наклонное выделение тегом em и подчеркивание с зачеркиванием), вы наверное знаете какое важное значение имеют эти теги для seo WordPress. Для такого форматирования выделяем нужный участок текста и жмем на кнопку которая вам нужна.
  • Создание нумерованных и обычных списков
  • Отступы между строк
  • Выделение цитат
  • Выравнивание текста по центру, по левому или правому краю.
  • Удобная вставка тега more (разделитель страницы для публикаций анонсов на главную или в rss)
  • Можно включить проверку орфографии
  • Кнопка вставки и редактирования изображений в статью
  • Активация полноэкранного режима для более удобной работы с текстом
  • Имеется выбор типа шрифта
  • Вставка текста из word
  • Простая вставка текста
  • Отмена действия (очень полезная функция плагина TinyMCE Advanced)
  • Выделение текста различным цветом
  • Выделение фона текста
  • Имеется кнопка для вставки медиафайла
  • Создание таблиц
  • Удобное проставление якорей
  • Режим переключение — визуально/HTML

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

Настройка TinyMCE Advanced.

Настройка плагина TinyMCE Advanced осуществляется в админке WordPress > настройки > TinyMCE Advanced

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

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

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

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

Продвинутый текстовый редактор WordPress CKEditor.

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

В редакторе WordPress CKEditor имеется кнопка «шаблон» которая уже содержит в себе готовый макет оформления текста, что очень экономит время.

настройки плагина wordpressCKEditor для создания шаблона оформления текста
настройки плагина wordpress CKEditor для создания шаблона оформления текста

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

Имеется кнопка выделить все, форма, флаг.

И функция создание блока (добавление кнопок в редактор wordpress)

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

Кто читает мои статьи, тот заметил что текст я частенько оформляю при помощи CSS:

вот пример выделения важного текстового блока

Я создал в файле стилей своего шаблона определенные свойства CSS, и чтобы выделить таким образом, кусок текста мне нужно поместить в контейнер div.

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

CKEditor предлагает очень простое решение, это добавление кнопок в редактор wordpress.

плагина wordpress CKEditor создание кнопки
плагина wordpress CKEditor создание кнопки
настройки плагина wordpress CKEditor- создание контейнера div
настройки плагина wordpress CKEditor- создание контейнера div

Все, теперь что-бы мне установить контейнер div, достаточно выделить нужный участок текста (оставаясь в режиме визуально) и нажать на кнопку.

Также плагин CKEditor обладает другими возможностями которых нет в других редакторах, но я ими не пользуюсь поэтому рассказывать о них не буду.

1 Звезда ХЕРНЯ!2 Звезды ЧИТАЛ И СПАЛ3 Звезды НУ МОЖНО ПОЧИТАТЬ4 Звезды НРАВИТСЯ!5 Звезд КРУТО! (4 оценок, среднее: 4,50 из 5)
Загрузка...Предыдущая
Создать блог WordPressКак установить wordpress на хостинг + видео.
Следующая
Создать блог WordPressWordPress загрузка изображений редактирование и вставка в запись.