Подсветка html кода в wordpress блогах.

  • 7 Апрель 2011
  • Артем
  • 4 комментариев


Часто при публикации записей в на блоге требуется показать пример написания того или иного html кода. Вроде бы ничего сложного, написал и опубликовал. Но не так все просто. Установленный в wordpress визуальный редактор TinyMce имеет свой собственное мнение насчет того, что и как опубликовывать, то есть данный редактор попросту затрудняет нормальное отображение html кода в постах вашего wordpress блога.

Это конечно можно легко исправить просто меняя символы “< >” на соответствующие им эквиваленты ‘&It’ и ‘>’, при этом помещая пример нужного кода в блоки . Но, согласитесь, что это все довольно долго и муторно, да и к тому же если вам нужно будет оформить код красиво и упростить его восприятие, например, выделить комментарии или теги другим цветом, то у вам придется изрядно помучится.

Но, для того чтобы не выполнять всех этих кошмарных операций вручную нам необходим соответствующий плагин. И он конечно – же существует – это SyntaxHighlighter Plus, который сводит все бесполезные усилия по подсветке нужного html кода к минимуму и выдает красивый html код без каких – либо изменений. Если вы рассказываете своим читателям о том, как раскрутить блог на wordpress, то этот плагин вам обязательно понадобится.

Для того чтобы установить данный плагин нам необходимо выполнить несколько простых действий:

Стандартно устанавливаем плагин через админку блога или заливаем через ftp. Далее активируем и приступаем к ознакомлению. Плагин использует подсветку синтаксиса с помощью функции GeSHi. С помощью встроенных настроек выбираем необходимый стиль оформления. Например такой

<div id="content">

Чтобы код отобразился в такой удобной для восприятия рамке его необходимо заключить в [source='php']  ["/source"] (без внутренних кавычек).

Также данный плагин имеет очень полезные функции печати и быстрого просмотра, при котором вы сможете удобно скопировать пример нужного кода без каких – либо задержек и вставить в свою структуру. Это очень удобно, если вносить правки в код своих шаблонов, пользуясь чьими- либо рекомендациями.

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

Спасибо за добавление этой статьи в:

Комментариев: 4

    • overbag
    • Апрель 7 2011 в 16:03

    Пожалуй себе такой плагин установлю, должен пригодиться!

    Ответить

    Tramp5
    Апрель 8 2011 в 8:36

    Невостребованным не останется, это точно)

    Ответить

    • Ольга Ladyemansipe
    • Апрель 7 2011 в 17:55

    установлю обязательно, когда выучу html язык))))

    Ответить

    Tramp
    Апрель 11 2011 в 10:31

    Хотя бы азы нужно выучить обязательно)

    Ответить

Написать комментарий

  • rss
  • rss
  • rss
  • rss