Разработчики WordPress позаботились о том, чтобы добавление и редактирование записей было простым как для людей владеющих знаниями html, так и для тех, у кого базовые знания в языке гипертекстовой разметки хромают или отсутствуют вовсе.
Поэтому было принято решение сделать в WordPress 2 редактора:
- Визуальный редактор – WYSIWYG (что вижу, то и пишу). Внешне очень напоминает MS Word.
- HTML редактор – редактор привычный для верстальщиков, сайтостроителей и т.д.
У визуального редактора WordPress есть как плюсы, так и минусы.
Из плюсов можно назвать разве что легкое освоение редактора и удобство пользования для начинающих юзеров.
А минусы:
- В нем отсутствуют достаточно полезные кнопки форматирования текста.
- Визуальный редактор WordPress иногда создает лишние html теги, что в свою очередь создает лишний код.
- Уверен, у многих возникали проблемы с нумерованными и маркированными списками, которые удавалось исправлять только в HTML редакторе.
И если с форматированием тегов и проблемами списков можно бороться только с помощью освоения HTML, то с добавлением кнопок редактирования можно разобраться с помощью плагина Ultimate TinyMCE.
Ultimate TinyMCE – расширяем функционал визуального редактора
С помощью этого практичного плагина можно добавить кнопки форматирования текста и значительно расширить возможность его стилизации.
Скачать и установить плагин для редактирования текста Ultimate TinyMCE можно либо из административной панели WordPress, либо же тут: http://wordpress.org/plugins/ultimate-tinymce/.
После установки, в админке WP появится раздел с настройками плагина, именно там можно отметить галочками необходимые кнопки и выбрать в каком ряду они будет расположены.
Рассмотрим, какие же именно кнопки редактирования могут быть добавлены средствами данного полезного плагина:
- Кнопка редактирования шрифтов – 17 штук в наличии.
- Изменение размера шрифта.
- Кнопка, позволяющая выбрать цвет фона текста.
- Кнопка, добавляющая горизонтальный разделитель.
- Верхний и нижний индекс. Особенно будет полезно статей, в которых присутствуют математические формулы.
- Кнопка найти, позволяет осуществить поиск по статье.
- Вставка даты, времени.
- Mailto – с помощью этого тега можно выделить электронный почтовый адрес, после чего он станет активной гиперссылкой.
- Новый слой – создает блок (div). Правда не совсем понятно, почему автоматом к нему прописывается position: absolute, его необходимо удалять для корректной работы.
- Перемещение объекта на передний или на задний план (z-index).
- Включение или отключение абсолютного позиционирование. Скорее всего предназначено для работы совместно с пунктом 9.
- Вставка тегов <span></span>.
- Кнопка для создания формул. Очень крутая штука для сайтов математической направленности.
- Шифрование и дешифрование текста. Не совсем понятно где это может пригодиться.
- Кнопки направления текста.
- Вставка изображения. Как по мне, то и стандартного WordPress медиа загрузчика хватает.
- Вставка параграфа с возможностью задать стиль, класс и id.
- Вставка тега обрыва строки (<br>).
- Можно добавить таблицу с достаточно большим количеством настроек: ширина, высота, выравнивание, количество строк и колонок и прочее.
- Добавление разнообразных смайликов.
- Кнопка аббревиатуры. При наведении будет высвечиваться расшифровка.
- Вставка акронима – то же самое что и аббревиатура.
- Вставка и редактирование атрибутов.
- Редактирование стилей – огромнейшее количество настроек, включая редактирование текста, бэкграунда, границ, списков и пр. К сожалению, на русский не переведено, но немного покопавшись можно разобраться.
- Расширенный редактор Html кода. Очень порадовала подсветка синтаксиса.
- Html5 теги. Для новичков абсолютно бесполезен, а вебмастера и без подобных штук прекрасно обходятся. Хотя, кому то это может и будет полезно.
- Кнопка вставки, редактирования медиафайлов (аудио, видео, iframe, flash и пр.).
- Добавление видео из Youtube.
- Вставка шорт кода – достаточно удобный инструмент.
- Добавление бесплатных клипартов. Очень большое количество рисунков, берется с сайта Clker.com.
- Расширенная кнопка добавления ссылки. Есть с чем поиграться.
- Добавление Div со свойством clear. Убирает обтекание объекта или текста.
- Разбивание статьи на страницы. Очень симпатично смотрится. Крайне полезно, если необходимо разбить большую статью.
Не понял, а где добавление своей кнопки в Текстовый редактор? С Визуальным-то всё понятно, а вот чтобы в текстовый редактор добавить еще кнопочку — какой плагин надо? Автор, выручай!