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

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

Поэтому было принято решение сделать в 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. Кнопка для создания формул. Очень крутая штука для сайтов математической направленности.редактор формул WP
  14. Шифрование и дешифрование текста. Не совсем понятно где это может пригодиться.
  15. Кнопки направления текста.
  16. Вставка изображения. Как по мне, то и стандартного WordPress медиа загрузчика хватает.
  17. Вставка параграфа с возможностью задать стиль, класс и id.
  18. Вставка тега обрыва строки (<br>).
  19. Можно добавить таблицу с достаточно большим количеством настроек: ширина, высота, выравнивание, количество строк и колонок и прочее.
  20. Добавление разнообразных смайликов.смайлики WordPress
  21. Кнопка аббревиатуры. При наведении будет высвечиваться расшифровка.
  22. Вставка акронима – то же самое что и аббревиатура.
  23. Вставка и редактирование атрибутов.
  24. Редактирование стилей – огромнейшее количество настроек, включая редактирование текста, бэкграунда, границ, списков и пр. К сожалению, на русский не переведено, но немного покопавшись можно разобраться.
  25. Расширенный редактор Html кода. Очень порадовала подсветка синтаксиса.
  26. Html5 теги. Для новичков абсолютно бесполезен, а вебмастера и без подобных штук прекрасно обходятся. Хотя, кому то это может и будет полезно.
  27. Кнопка вставки, редактирования медиафайлов (аудио, видео, iframe, flash и пр.).
  28. Добавление видео из Youtube.
  29. Вставка шорт кода – достаточно удобный инструмент.
  30. Добавление бесплатных клипартов. Очень большое количество рисунков, берется с сайта Clker.com.клипарты Вордпресс
  31. Расширенная кнопка добавления ссылки. Есть с чем поиграться.
  32. Добавление Div со свойством clear. Убирает обтекание объекта или текста.
  33. Разбивание статьи на страницы. Очень симпатично смотрится. Крайне полезно, если необходимо разбить большую статью.

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

  1. Не понял, а где добавление своей кнопки в Текстовый редактор? С Визуальным-то всё понятно, а вот чтобы в текстовый редактор добавить еще кнопочку — какой плагин надо? Автор, выручай!

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

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