В штатном визуальном редакторе WordPress, панель WYSIWYG содержит достаточное количество функций для создания статей: форматирование текста, управление стилями, списками вставка текста без форматирования и текста из Mirosoft Word и прочие менее востребованные кнопки.
Часть пользователей жалуется на отсутствие возможности создавать таблицы, но для решения этого вопроса есть плагин TinyMCE Advanced, который позволяет добавлять недостающие функции в штатный редактор с помощью настраиваемой панели.
Скажу откровенно, в свое время я отказался от использования этого плагина — во-первых, он потребляет довольно ощутимое количество памяти, а во-вторых — 90% функций данного плагина мне не нужны, поскольку я предпочитаю большую часть HTML-кода писать вручную. Кроме того, все отлично знают, как WordPress умело расправляется с кодом в теле страниц.
Но при таком подходе возникает неудобство в постоянном набирании одних и тех же блоков кода, что, согласитесь, достаточно утомительно. Кроме того, в некоторых случаях требуется добавление нестандартных кодовых вставок (например, для оформления PHP- и CSS-кода).
Разбираться с дописыванием штатного редактора мне, честно говоря, не хотелось, поэтому я решил зайти с другой стороны — если уж я большую часть редактирования провожу в режиме HTML-редактора, то логично найти возможность добавить функции вставки элементов кода именно к нему.
Результатом моих изысканий стал плагин AddQuicktag — очень простое в управлении, не ресурсоемкое (по сравнению с TinyMCE Advanced) решение, которое позволяет добавлять в HTML-редактор WordPress любые необходимые кодовые вставки.
Установка AddQuicktag
Установка не несет в себе ничего примечательного — поставить плагин можно либо через сам WordPress, используя раздел «Добавить новый» в меню «Плагины», либо же закачав файлы плагина на сервер с помощью FTP-клиента и активировав его в панели плагинов. После этого находим в разделе «Параметры» строку AddQuicktag и попадаем на аскетичную страницу управления плагином.
Управление AddQuicktag
Давайте посмотрим на примере, как настроить вставку кнопок редактор с помощью AddQuicktag. Предположим, нам необходимо добавить кнопку, по которой в код статьи будет вставляться определенный стиль тега <p>, который мы используем для оформления цитат.
Для этого заполним поля следующим образом:
- «Название кнопки» — вводим название кнопки, которое будет отображаться на панели.
- «Атрибут заголовка» — вводим подсказку, которая будет отображаться при наведении на кнопку.
- «Начало тега (-ов)» — указываем открывающий тег и его параметры.
- «Конец тега (-ов)» — указываем закрывающий тег.
Интерфейс с подсказками — на скриншоте:
По абсолютно аналогичной схеме можно вставить и любые другие теги с любыми атрибутами. К примеру, нам нужно сделать кнопку для вставки оформления PHP-кода с помощью плагина SyntaxHighlighter.
Как видите, все крайне просто.
Обратите внимание, что на кнопку не обязательно вешать только теги — это может быть любой текст, ссылки на изображения и т.д. Вплоть до оформления целых блоков страницы. Например, если один блог ведет несколько авторов, то можно сделать по одному блоку информации об авторе для каждого участника и вставлять ее одной кнопкой в конце статьи.
Экспорт\Импорт настроек плагина AddQuicktag
Еще одним положительным моментом использования плагина, является возможность переносить настройки плагина между разными блогами. Для этого достаточно оформить всю панель настроек, затем экспортировать их в файл и импортировать этот же файл на неограниченном количестве своих блогов.
Кстати, помимо использования плагина TinyMCE Advanced, дополнительные кнопки в визуальный редактор WordPress можно добавить и с помощью редактирования файла functions.php темы блога. Об этом читайте в статье «Как добавить полезные кнопки в визуальном редакторе WordPress».
Но обратите внимание, как и в случае с плагином TinyMCE Advanced, кнопки будут предустановленными из готового набора редактора, в то время как с помощью AddQuicktag можно создавать произвольный набор и компоновку функций и «вешать» их на кнопки.
А вы используете дополнительные опции редактора при администрировании сайта?