WP-Syntax
Несколько раз в комментариях меня спрашивали, что за плагин я использую для вставки кода в текст статей и комментариев. Так вот, отвечаю - это WP-Syntax. На самом деле плагинов для вставки кода не один десяток и какой именно из этих плагинов использовать решать только вам. Мне же понравился WP-Syntax тем, что он очень прост в использовании, поддерживает синтаксис кучи языков программирования, а также умеет исправлять испорченный визуальным редактором код, преобразовывая HTML-коды символов в сами символы.
Скачиваем плагин с его домашней страницы и устанавливаем его:
1. Распаковываем архив.
2. Копируем папку wp-syntax в /wp-content/plugins/.
3. Заходим в админку блога на вкладку "Плагины" и активируем плагин.
Никаких настроек в плагине нет и после активации плагина вы уже можете начать вставлять код в ваши статьи. Правильный синтаксис вставки кода выглядит так: <pre lang="LANGUAGE" line="1"> код </pre>, где LANGUAGE это обозначение языка программирования, а line="1" это необязательный параметр, указывающий плагину включить нумерацию строк кода с указанного номера. Список обозначения языков программирования вы можете посмотреть , но для большинства языков обозначение будет равно названию языку (php, java, css, perl, sql и др.). Примеры использования:
1. PHP, без нумерации строк.
<?php function foo() { echo "Hello World!\\n"; } ?>
2. JAVA, c нумерацией строк.
1 2 3 4 5 | public class Hello { public static void main(String[] args) { System.out.println("Hello World!"); } } |
3. Ruby, c нумерацией строк, начиная с 18 строки.
18 19 20 21 22 | class Example def example(arg1) return "Hello: " + arg1.to_s end end |
Одна из интересных особенностей плагина состоит в том, что он умеет преобразовать HTML-коды символов в сами символы. То есть с этой функцией вам не придется беспокоиться насчет того, что визуальный редактор испортит вам вставленный код (сами теги <pre lang="" line=""> и </pre> должны быть вставлены не в визуальном редакторе). Для этого надо использовать параметр escaped="true" и тогда код вида:
<pre lang="xml" escaped="true">
<xml>Hello</xml>
</pre>
превратится в:
<xml>Hello</xml>
Если честно, то про эту функцию с escaped="true" я узнал совсем недавно, а до этого мне приходилось хранить весь используемый код в отдельном текстовом файле и вставлять его лишь после полного написания статьи и перед нажатием кнопки "Опубликовать". После того, как я оценил удобство использования этой функции на другие плагины подсветки синтаксиса мне даже и смотреть не хочется :)
Единственная настройка, которую я сделал после установки плагина это исправление css стиля выводимого блока с кодом. Я подправил цвет рамки, цвет фона и отступы от текста абзацев. Вы тоже можете исправить эти вещи, отредактировав файл плагина wp-syntax.css.
Если вас не устраивают цвета подсветки для какого-либо языка, определенные проектом , то вы можете самостоятельно поменять цвета в .php файле нужного языка в папке /wp-syntax/geshi/geshi/.
Автор плагина:
Страница плагина:
Рассматриваемая версия: 0.9.8 от 16.06.2009
Совместимость с версией WordPress: 2.0 и выше.
Рекомендую также:
#16, 3 марта, 2010 в 19:59
добавьте в файл functions.php шаблона:
#17, 19 апреля, 2010 в 08:55
Класс, я давно этот плагин искал! СпасиБо автору!
#18, 18 мая, 2010 в 20:30
Плагин не радует!
Есть проблема!
Он отображает знаки "" как <
Что можно сделать?
#19, 18 октября, 2010 в 12:33
добавлять в синтаксис команду escaped="true", тогда перед выводом плагин их обратно отконвертирует. а вообще, плагин сам не преобразует ничего - как вы ввели текст, так как он и выводится плагином.
#20, 22 ноября, 2010 в 11:26
Огромное спасибо за пост! Я очень долго искала именно такое подробное объяснение на предмет вставкки плагина WP-Syntax
#21, 25 ноября, 2010 в 13:10
Давно искала, спасибо. Но на практике стали выползать косяки. Если установить плагин без изменений то у меня не отражает правая граница рамки. Если же в стилях изменить размер ширины то съедается окончание основного текста в статье. И как быть?
#22, 25 ноября, 2010 в 14:37
все косяки связаны с оформлением шаблона. тут я ничего подсказать не могу, не видя шаблона вживую.
#23, 2 декабря, 2010 в 17:12
Огромное спасибо, поиски плагина для кода окончились на этой странице :)
#24, 23 декабря, 2010 в 19:29
Кстати, благодаря этому блогу мне в кратчайшие сроки удалось постигнуть азы вордпресса =)
Очень большая коллекция плагинов, как говорится: на любой вкус =)
#25, 27 декабря, 2010 в 12:11
Но как его к коментам прикрутить к кнопке код и закрыть теги. и в редакторе тоже хотелось бы узнать
#26, 20 апреля, 2011 в 12:49
А как сделать чтобы была подсветка двух языков: например html + php?
#27, 17 мая, 2011 в 18:42
а есть подобный плагин, но который исправляет автоматом код уже у опубликованных постов?
#28, 9 августа, 2011 в 10:26
Здравствуйте!
Скажите, пожалуйста, почему после того, как я прописал код в HTML редакторе и перешел в визуальный редактор, код исчезает?