Текстовый редактор WordPress. Добавление кнопок.

Разработчики WordPress позаботились о том, чтобы добавление и редактирование записей было простым как для людей владеющих знаниями html, так и для тех, у кого базовые знания в языке гипертекстовой разметки хромают или отсутствуют вовсе.

Поэтому было принято решение сделать в WordPress 2 редактора:

1. Визуальный редактор – WYSIWYG (что вижу, то и пишу). Внешне очень напоминает MS Word.
2. HTML редактор – редактор привычный для верстальщиков, сайтостроителей и т.д.

У визуального редактора WordPress есть как плюсы, так и минусы.

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

А минусы:

1. В нем отсутствуют достаточно полезные кнопки форматирования текста.
2. Визуальный редактор WordPress иногда создает лишние html теги, что в свою очередь создает лишний код.
3. Уверен, у многих возникали проблемы с нумерованными и маркированными списками, которые удавалось исправлять только в HTML редакторе.

И если с форматированием тегов и проблемами списков можно бороться только с помощью освоения HTML, то с добавлением кнопок редактирования можно разобраться с помощью плагина Ultimate TinyMCE.

Ultimate TinyMCE – расширяем функционал визуального редактора

С помощью этого практичного плагина можно добавить кнопки форматирования текста и значительно расширить возможность его стилизации.

Скачать и установить плагин для редактирования текста Ultimate TinyMCE можно либо из административной панели WordPress, либо же тут: http://wordpress.org/plugins/ultimate-tinymce/.

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

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

1. Кнопка редактирования шрифтов – 17 штук в наличии.
2. Изменение размера шрифта.
3. Кнопка, позволяющая выбрать цвет фона текста.
4. Кнопка, добавляющая горизонтальный разделитель.
5. Верхний и нижний индекс. Особенно будет полезно статей, в которых присутствуют математические формулы.
6. Кнопка найти, позволяет осуществить поиск по статье.
7. Вставка даты, времени.
8. Mailto – с помощью этого тега можно выделить электронный почтовый адрес, после чего он станет активной гиперссылкой.
9. Новый слой – создает блок (div). Правда не совсем понятно, почему автоматом к нему прописывается position: absolute, его необходимо удалять для корректной работы.
10. Перемещение объекта на передний или на задний план (z-index).
11. Включение или отключение абсолютного позиционирование. Скорее всего предназначено для работы совместно с пунктом 9.
12. Вставка тегов <span></span>.
13. Кнопка для создания формул. Очень крутая штука для сайтов математической направленности.
14. Шифрование и дешифрование текста. Не совсем понятно где это может пригодиться.
15. Кнопки направления текста.
16. Вставка изображения. Как по мне, то и стандартного WordPress медиа загрузчика хватает.
17. Вставка параграфа с возможностью задать стиль, класс и id.
18. Вставка тега обрыва строки (<br>).
19. Можно добавить таблицу с достаточно большим количеством настроек: ширина, высота, выравнивание, количество строк и колонок и прочее.
20. Добавление разнообразных смайликов.
21. Кнопка аббревиатуры. При наведении будет высвечиваться расшифровка.
22. Вставка акронима – то же самое что и аббревиатура.
23. Вставка и редактирование атрибутов.
24. Редактирование стилей – огромнейшее количество настроек, включая редактирование текста, бэкграунда, границ, списков и пр. К сожалению, на русский не переведено, но немного покопавшись можно разобраться.
25. Расширенный редактор Html кода. Очень порадовала подсветка синтаксиса.
26. Html5 теги. Для новичков абсолютно бесполезен, а вебмастера и без подобных штук прекрасно обходятся. Хотя, кому то это может и будет полезно.
27. Кнопка вставки, редактирования медиафайлов (аудио, видео, iframe, flash и пр.).
28. Добавление видео из Youtube.
29. Вставка шорт кода – достаточно удобный инструмент.
30. Добавление бесплатных клипартов. Очень большое количество рисунков, берется с сайта Clker.com.
31. Расширенная кнопка добавления ссылки. Есть с чем поиграться.
32. Добавление Div со свойством clear. Убирает обтекание объекта или текста.
33. Разбивание статьи на страницы. Очень симпатично смотрится. Крайне полезно, если необходимо разбить большую статью.