Этот блог по тематике веб дизайн. Потому так или иначе будет затрагиваться тема программирования. Для того, чтобы в WordPress корректно отображался программный код, существует масса достойных плагинов. Рассмотрим, самые интересные на мой взгляд.
Очень часто у меня возникает желание вставить в пост программный код. Хорошо, чтоб это еще и выглядело эстетично.
Соединить все потребности нам помогут проверенные мной модули WordPress:
- Raw HTML,
- SyntaxHighlighter Plus,
- WP-Syntax.
Плагины для вставки программного кода в WP
- WP-Syntax :
Этот плагин сегодня обретает все большую популярность. Наверное, за его простоту и надежность. WP-Syntax обеспечивает чистую подсветку синтаксиса в WordPress, о чем и говорит его название. Использует разработки проэкта GeSHi, который начался, как идея подсветки синтаксиса для системы форума PhpBB. Плагин поддерживает широкий спектр популярных языков. Подсвечивает с нумерацией строк. Также поддерживает форматирование при копировании фрагментов кода из браузера.
Как же использовать плагин? Очень просто — после инсталляции активируйте его. Для подсветки код нужно обвернуть в теги:
<prelang="LANGUAGE"line="1"> ...наш код...</pre>,
где вместо «LANGUAGE» мы подставляем язык программирования, а line задает линию, с которой будет идти нумерация. Параметр line необязательный. - SyntaxHighlighter Plus.
Следующий плагин мне понравился больше всех. Лично я остановился на нем. Достаточно стильное, живое оформление, выглядит прилично. Добавка в название слова Plus означает улучшенную версию оригинала SyntaxHighlighter. С помощью него легко размещать код без потери корректности. Поддерживает практически все языки программирования. Для использования этого плагина просто поместите ваш код в теги:
[ sourcecode language=’css’]…ваш код…[/sourcecode]
Как вы уже догадались, в одинарных кавычках пишется язык программирования. - CodeColorer
Этот модуль совсем крутой, он позволяет не только корректно вставлять исходный код многочисленных языков программирования, но при этом еще и красиво его оформляет. От того и название у него такое веселое, цветной код.
Плагин так же основан на GeSHi библиотеке. Он один из самых функциональных. Взгляните только на его особенности:- Подсветка синтаксиса в RSS-каналы
- Подсветка синтаксиса одной строки кода (в строке)
- Подсветка синтаксиса кода в комментариях
- Номера строк
- Автоматические ссылки на документацию вставки
- Блок кода интеллектуального обнаружения (короткий код будет иметь короткий блок, в длинном высота будет фиксированной, появятся полосы прокрутки)
- Готовые цветовые темы (Слякоть и Маки, доска, Рассвет, Mac Classic, Twitlight, Vibrant)
- Синтаксис цветов настраивается в CSS файл
- Код защиты от искажения на WordPress (например, кавычки, двойные-тире, и другие)