Содержание
TinyMCE и WordPress: текущее состояние
Если вы какое-то время использовали WordPress, вы, вероятно, знаете о визуальном / HTML-редакторе — о том, как он выглядит и работает, и многом другом. По умолчанию WP использует TinyMCE в качестве редактора. Редактор простой, абсолютно удобный, и для его использования не нужно быть экспертом. Короче говоря, он хорошо служит своим пользователям.
Тем не менее, хороший сегмент пользовательской базы WordPress часто недоволен редактором. Общие обиды? Ну, во-первых, вы не можете легко вставлять таблицы. Двигаясь вперед, редактор также не проявляет особой любви при работе с тегами и . Кроме того, полноэкранный режим не заставит вас плакать от радости.
Другими словами, причин быть недовольным визуальным редактором WordPress много. Продвинутые пользователи часто считают TinyMCE слишком простым для их целей. В результате иногда требуются специальные меры, чтобы вывести редактор WP на новый уровень совершенства!
Вывод редактора на новый уровень
1. Сочетания клавиш
Сочетания клавиш значительно экономят время и повышают производительность, независимо от используемой вами платформы. Будь то просмотр веб-страниц, обработка текстов или, в данном случае, редактор WP, сочетания клавиш могут быть очень полезными, как только вы с ними познакомитесь. В редакторе WordPress есть множество ярлыков, которые облегчат вам жизнь. Например, взгляните на список, приведенный ниже:
Полный список поддерживаемых сочетаний клавиш можно посмотреть здесь.
2. Кухонная раковина
На всякий случай, если вы еще не знаете об этом, панель инструментов редактора в WordPress имеет мощное дополнение (гм… вроде того). После того, как вы нажмете кнопку в крайнем правом углу верхней панели инструментов редактора, вы увидите вторую строку кнопок, также известную как «Раковина».
Kitchen Sink предлагает несколько полезных кнопок для форматирования, таких как стиль текста, цвет шрифта, подчеркивание, выравнивание, отмена, повтор и некоторые другие удобные кнопки.
3. Несколько дополнительных кнопок
Однако, независимо от кухонной раковины, часто текущий список кнопок оказывается недостаточно полезным для максимально эффективного использования редактора. В этом случае мы можем использовать определенные настройки кода, чтобы добавить дополнительные кнопки на панели инструментов.
Какие дополнительные кнопки — спросите вы! Вот полный список: justifyleft, justifycenter, оправдать право, оправдать, образ, очистка, помогите, код, час, удалить формат, выбор формата, выбор шрифта, выбор размера шрифта, выбор стиля, саб, суп, передний цвет, задний цвет, шармап, визуальная помощь, закреплять, новый документ и разделитель. Кроме того, есть кнопки, которые присутствуют по умолчанию, такие как смелый и подчеркнуть.
По сути, вам нужно начать с копирования следующего кода, а затем поместить его в файл functions.php, находящийся в каталоге темы:
функция enable_more_buttons($buttons)
{
$кнопки[ ] = ‘выбор шрифта’;
вернуть $кнопки;
}
add_filter(«mce_buttons», «enable_more_buttons»);
Приведенный выше код добавит кнопку «выбор шрифта» на первую панель инструментов. Если вы хотите добавить кнопку на вторую (или третью) панель инструментов, передайте хук фильтра как «mce_buttons_2» или «mce_buttons_3» и так далее.
4. Письмо без отвлекающих факторов
Много было сказано о редакторе без отвлечений (DFE) в WordPress. Не так давно я помню, как один из моих коллег неоднократно спрашивал меня, почему я предпочитаю Хабари для ведения своего блога (хотя это уже не так). Одной из основных причин, по которой я выбрал Habari в качестве CMS для ведения блога, был ее редактор: абсолютно не отвлекающий, минимальный и шустрый! Когда WP выпустил свой DFE, разумеется, я был готов вернуться обратно.
Хотя DFE уже довольно функционален, вы можете дополнительно настроить его, добавив эти строки кода в файл functions.php:
add_action(‘after_setup_theme’, ‘wptuts_theme_setup’);
функция wptuts_theme_setup()
{
set_user_setting(‘dfw_width’, 1000);
add_editor_style (массив (‘css/мой-первый-стиль.css’, ‘css/мой-второй-стиль.css’));
}
По сути, приведенный выше код регулирует ширину и форматирование DFE. 1000 становится шириной (вы можете изменить ее в соответствии с вашими требованиями), а переменная add_editor_style содержит массив, указывающий на таблицу стилей вашей темы. Это гарантирует, что сам DFE действует как предварительный просмотр сообщения в реальном времени, как оно будет отображаться в вашем блоге, тем самым устраняя необходимость отдельного предварительного просмотра сообщения после его обновления.
Выход за пределы TinyMCE
Итак, вы освоили TinyMCE в его текущей реализации WP и хотели бы сделать с ним еще немного, верно? Как всегда, к вашим услугам репозиторий плагинов!
1. WP-уценка
В прошлом месяце мы с Дитером обсуждали возможность использования Markdown в редакторе WP. WP-Markdown — один из таких плагинов, который позволяет использовать синтаксис Markdown при редактировании сообщений и страниц в WP.
Ключевая идея здесь заключается в том, чтобы преобразовать синтаксис Markdown в HTML перед сохранением поста (и когда вы повторно открываете пост для редактирования, плагин обрабатывает HTML обратно в Markdown). Вы даже можете использовать плагин на форумах bbPress, если хотите. Зачем мне это, спросите вы. Причина проста. Markdown гораздо более удобен для чтения, чем HTML, когда дело доходит до таких задач, как вычитка или редактирование в целом в команде, состоящей из более чем одного человека.
2. CKEditor
Искренне недовольны TinyMCE? Если да, то этот плагин может вам подойти. Он заменяет редактор WordPress по умолчанию на CKEditor, который является еще одним WYSIWYG-редактором. Редактор хорошо интегрируется с функциями WP, такими как мультимедийные кнопки, и может служить вашей цели, если вы ищете серьезный WYSIWYG-редактор.
Вы можете проверить рабочую демонстрацию плагина здесь.
3. Окончательный TinyMCE
Ultimate TinyMCE позволяет вам делать больше с вашим текущим редактором WP: он добавляет в редактор множество новых кнопок, тем самым позволяя вам изменять шрифт, цвет шрифта и стиль текста, даже не прикасаясь к HTML или CSS. Вы можете посмотреть это видео, если хотите узнать больше об этом.
Плагин поставляется со своими шорткодами и контекстной справкой, а также имеет PRO-версию. Однако, если вы хорошо разбираетесь в WordPress, вы можете использовать трюк с дополнительными кнопками, о котором я упоминал выше, чтобы фактически получить большинство функций, которые может предложить бесплатная версия этого плагина.
4. Расширенный TinyMCE
TinyMCE Advanced добавляет некоторые улучшения в TinyMCE, такие как «Найти и заменить», «Таблицы», «Контекстные меню», «Дата и время», «Визуальные символы», а также XHTML Extras.
Если вы хотите сделать больше с TinyMCE, но у вас нет времени на настройку и эксперименты с кодом, TinyMCE Advanced может вам помочь.
5. Необработанный HTML
Вы устали от таких функций, как типографские апострофы, смайлики, умные кавычки и автоматические абзацы? Если да, то Raw HTML может стать для вас идеальным плагином!
Как только вы активируете плагин, любая часть текста, которую вы заключаете в [raw] и [/raw] теги предотвратят автоматическое волшебство WordPress (например, преобразование новых строк в абзацы HTML). Имейте в виду, что бесплатная версия будет работать только с редактором HTML. Если вы хотите использовать плагин с визуальным редактором, есть обновление PRO.
Заключение
Как платформа, которая способствует созданию контента, редактор является одной из наиболее важных частей WordPress как программного обеспечения. Что вы думаете об этих настройках и плагинах? У вас есть собственные идеи? Поделитесь ими с нами в комментариях ниже!
(дпе)