Вставляем программный код в пост WordPress

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

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

Соединить все потребности нам помогут проверенные мной модули WordPress:

  • Raw HTML,
  • SyntaxHighlighter Plus,
  • WP-Syntax.

Плагины для вставки программного кода в WP

  1. WP-Syntax :
    Этот плагин сегодня обретает все большую популярность. Наверное,  за его простоту и надежность. WP-Syntax обеспечивает чистую подсветку синтаксиса в WordPress, о чем и говорит его название. Использует разработки проэкта GeSHi, который начался, как идея подсветки синтаксиса для системы форума PhpBB. Плагин поддерживает широкий спектр популярных языков. Подсвечивает с нумерацией строк. Также поддерживает форматирование при копировании фрагментов кода из браузера.
    Как же использовать плагин? Очень просто —  после инсталляции активируйте его. Для подсветки код нужно обвернуть в теги:
    <pre lang="LANGUAGE" line="1"> ...наш код...</pre>,
    где вместо «LANGUAGE» мы подставляем язык программирования, а line задает линию, с которой будет идти нумерация. Параметр line необязательный.
  2. SyntaxHighlighter Plus.
    Следующий плагин мне понравился больше всех. Лично я остановился на нем. Достаточно стильное, живое оформление, выглядит прилично. Добавка в название слова Plus означает улучшенную версию оригинала SyntaxHighlighter. С помощью него легко размещать код без потери корректности. Поддерживает практически все языки программирования. Для использования этого плагина просто поместите ваш код в теги:
    [ sourcecode language=’css’]…ваш код…[/sourcecode]
    Как вы уже догадались, в одинарных кавычках пишется язык программирования.
  3. CodeColorer
    Этот модуль совсем крутой, он позволяет не только корректно вставлять исходный код многочисленных языков программирования, но при этом еще и красиво его оформляет. От того и название у него такое веселое, цветной код.
    Плагин так же основан на GeSHi библиотеке. Он один из самых функциональных. Взгляните только на его особенности:

    • Подсветка синтаксиса в RSS-каналы
    • Подсветка синтаксиса одной строки кода (в строке)
    • Подсветка синтаксиса кода в комментариях
    • Номера строк
    • Автоматические ссылки на документацию вставки
    • Блок кода интеллектуального обнаружения (короткий код будет иметь короткий блок, в длинном высота будет фиксированной, появятся полосы прокрутки)
    • Готовые цветовые темы (Слякоть и Маки, доска, Рассвет, Mac Classic, Twitlight, Vibrant)
    • Синтаксис цветов настраивается в CSS файл
    • Код защиты от искажения на WordPress (например, кавычки, двойные-тире, и другие)

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

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