Все за типограф для Вордпресс|Бета-версия «ВП Типограф»

Хорошо выглядящий текст —
как „«конфетка» в красивой обертке“.

Вручную, конечно, обрабатывать текст перед публикацией — занятие не для слабонервных. Онлайновый типограф — тоже потеря времени. Да и в блогах редакторов, которые умеют не только заменить спецсимволы в тексте, но и правильно расставить переносы, неразрывные пробелы, исправить опечатки, обычно не бывает (сам блоггер же не обладает необходимыми знаниями). К тому же, стоит учитывать то, что верстка может быть «резиновой».

Поэтому самое простое решение — прикручивание к используемому движку автоматического типографа. Для Wordpress уже есть вариант от rmcreative, в составе которого есть плагин, выполняющий эту рутинную работу за автора.

Сложность тут в том, что, во-первых, слепое переложение правил «бумажной» типографики на экран может не только не повысить читаемость, но и ухудшить ее. Даже самый умный скрипт не умнее редактора — об этом я говорил и в одной и прошлых заметок о расстановке переносов при использовании justify. Вторая же проблема в том, что применение слишком большого количества правил обработки текста ухудшают производительность операции и увеличивают объем исходного кода (ведь для тех же неразрывных пробелов надо использовать html-entity неразрывного пробела, а в больших конструкциях пользоваться даже не <nobr>, который не валиден, а <span style="white-space: nowrap;">).

Так, или иначе, на основе уже упомянутого скрипта от Александра Макарова и Максима Оранского я сделал настраиваемую и более точную версию типографа, заточенного под Вордпресс. При обработке же вложенных кавычек использована часть скрипта от Дмитрия Смирнова.

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

Итак, ВП типограф ?

На страничке скачивания плагина достаточно подробно описана функциональность (пусть там не все так круто, как у typograf.ru). Так что здесь я объясню только основной принцип его работы.

Основная функциональность. Теперь все тире между словами и в диалогах — настоящие тире, а не утлый дефис. У цифр, соответственно, — минус, который выровнен по высоте цифр. Вокруг английских слов — английские кавычки, вокруг русских — елочки, вложенные кавычки — лапки. Также, для экономии кода сокращаются пустые последовательности, и кое-чего по мелочи. В заголовках, кстати, точка в конце обрезается — приятная такая мелочь.

Вторая важная вещь в основном функционале — то, что все предыдущие действия не касаются блоков текста внутри <pre>, <code>, <script>, а также псевдотегов самого Вордпресса. Более того, внутри <code> производится дополнительная обработка, замена угловых скобок на HTML-сущность, что позволяет легко вставлять код без потерь (и мучений) даже в режиме HTML. Также фиксится проблемы движка — например, с кавычками.

Остальные функции обработки — вставка спецсимволов (копирайты и пр.), неразрывные конструкции (запрет на перенос слов с дефисами, например) и исправления (ошибки в пунктуации, в основном) настраиваются раздельно для заголовков, основного текста и комментариев. Это сделано в первую очередь для того, чтобы избежать необоснованного количества операций над текстом.

Но не только — при применении все того же justify, разрывы получаются еще большими, чем есть. К тому же, не решена проблема с союзами, предлогами и короткими словами. В старом варианте применение этого правила приводило к слишком большим последовательностям неразрывных конструкций, так что сейчас союзы спокойно могут «повиснуть» на строке.

В общем, смело меняйте настройки по умолчанию.

Обработка «ё», акронимов, аббревиатур, списков — это тема других, отдельных плагинов, ВП Типограф такие задачи не решает.

Все остальные опции связаны с обработкой комментариев.

Помимо более правильной обработки абзацев, ссылки в комментариях теперь подсвечиваются, даже если нет вначале http://, а длинные — сокращаются, чтобы не рвать верстку.

Далее, есть три варианта работы с тегами в комментариях.

Во-первых, можно оставить все, как есть. Тогда комментаторы будут продолжать не пользоваться тегами, пытаться вставить пример кода и удивляться, почему это он не отображается.

Во-вторых, можно включить аналог Markdown. Теперь любой может выделить слово **жирным**, __курсивом__ (а если, скажем, в CSS прописано .comment p em{color:#F00}, то __irony__). Также возможно >цитировать текст (к сожалению, этот знак должен быть в каждой строчке) и вставлять {[код]} (или [{}]) такими вот простыми тегами. Обычные теги, правда, останутся.

Ну, а в-третьих, можно выбрать Да в опции Разрешить код, и тогда любой введенный тег будет обрабатываться, как в code (т.е. угловая скобка < будет заменяться на &lt;). При включенном Markdown и ссылках текст все же будет возможно форматировать. И будет легко вставлять любые примеры кода в комментариях, которые будут видны всем. К сожалению, типограф перестанет обрабатывать комментарии вообще, чтобы не напортачить с кавычками и дефисами.

Есть еще одна настройка, определяющая, когда обрабатывать комментарии. Даже если включено кеширование, при большом их количестве лучше включить «при отправке» — тогда комментарий будет типографироваться при занесении в базу данных, а не каждый раз при загрузке страницы.

В общем, я включил здесь второй режим и собираюсь вскорости сделать (и рассказать вам), как лучше всего делаются кнопки быстрой вставки у формы комментариев.

Также ВП Типограф не вполне корректно работает с плагинами Comment Toolbar и Subscribe to Comments (который, видимо, еще и перестал отправлять подписанным сообщения), что я и планирую исправить также в течении пары дней. Возможно, будет и простая версия этого плагина, только с основной функциональностью.

Жду багтреков от тех, кому этот плагин действительно нужен, а также думаю, насколько нужна поддержка исправлений опечаток, что предлагает Дмитрий Сергеев.