Блог Web-мастера

jQuery, php, CSS и немножко SEO


Плагин подсветки кода highlight.js.php

Когда писал пост о проверке паролей на javascript, думал состарюсь, пока сделаю подсветку кода вручную, решил найти плагин для wp, который сам подсвечивает код. Наткнулся на Highlight.js.

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

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

Мне очень понравилась идея плагина и реализация, что я даже сделал две темки оформления к ней :

brown paper

Тема оформления для Highlight.js "brown paper"

Тема оформления для Highlight.js "brown paper"

school book

school_book

Тема оформления для Highlight.js "school book"

Скачать темы оформления

Если возникнут вопросы - пишите.

Google Bookmarks Digg I.ua Linkstore Myscoop Communizm Ru-marks Webmarks Ruspace Linkomatic Kli.kz Web-zakladka Zakladok.net Reddit delicious Ma.gnolia Technorati Slashdot Yahoo My Web News2.ru БобрДобр.ru Ваау! Memori.ru rucity.com МоёМесто.ru Mister Wong

Похожие статьи

Если Вам понравилась эта статья,
подпишитесь на RSS !

Метки:

8 Комментариев к “Плагин подсветки кода highlight.js.php”

  1. 11 плагинов WP, которыми пользуюсь сам. | Блог Web-мастера написал:

    [...] Есть две темки оформления для плагина моего производства: brown paper и school book [...]

  2. Val написал:

    чёт не работает у меня плагин - я так понял что его нужно просто включить? он сам определяет блок и язык, но у меня ничего не изменилось… вп 2,8,6

  3. Yura goldblog написал:

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

    
    <pre>
    <code class="php">
    echo "hello world."; //код, который хотим подсветить
    </code>
    </pre>
  4. Val написал:

    Чёт он у меня php как css определяет - глянь плиз http://blojek.info/vtoraya-popytka-brosit-kurit-poslednyaya/

  5. Val написал:

    Дошло - меняем на
    ..

  6. Yura goldblog написал:

    Да, меняем на php. Мой бок)) Сначала хотел пример css кода показать, потом чета стрельнуло “hello world”, а на CODE не обратил внимания)) Извиняюсь за путанницу.

  7. Val написал:

    *** меняем class=”css” на class=”php”

  8. Кенжегалиев Камбар написал:

    Надеюсь, полезный блог, с первого раза понравился, подписался на RSS.

Оставить комментарий

Я не робот.