Syntax Highlighter ComPress, плагин для вставки кода в WordPress

Syntax Highlighter ComPress, плагин для вставки кода в WordPressУ всех пользователей движка WordPress рано или поздно возникает вопрос как вставить кусок кода в пост, да так, чтобы он правильно отобразился. К сожалению, стандартными средствами WordPress эту проблему решить нельзя, вот и повод для танца с бубном ))).

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

Пока я искала подходящий плагин, который решил бы мои проблемы со вставкой кода, перепробовала много разных. Среди них были и простые, и сложные, и с подсветкой и без, но что-то моя душа к ним не лежала. И вот таки мне попался хороший, но без танца, как вы понимаете не обошлось. Итак…

Syntax Highlighter ComPress и как заставить его работать

Скачать плагин Syntax Highlighter ComPress можно с сайта производителя alexgorbatchev.com или отсюда wordpress.org.

Установка и активация плагина – стандартные.

А теперь берем бубен в левую руку, а правой открываем для редактирования файл шаблона header.php.

Пояснение для тех кто не знает где его искать: сам файл лежит тут wp-content/ themes/название вашей темы/ header.php, но можно зайти через административную панель внешний вид/редактор/ header.php

Между тегами head вставляем такой код (не забудьте прописать адрес вашего сайта вместо yourdomen):

1
2
3
4
5
6
7
<link type="text/css" rel="stylesheet" href="http://yourdomen/wp-content/plugins/syntaxhighlighter/styles/shCore.css" />
<link type="text/css" rel="stylesheet" href="http://yourdomen/wp-content/plugins/syntaxhighlighter/styles/shThemeDefault.css" />
<script type="text/javascript" src="http://yourdomen/wp-content/plugins/syntaxhighlighter/scripts/shCore.js"></script>
<script type="text/javascript" src="http://yourdomen/wp-content/plugins/syntaxhighlighter/scripts/shBrushCpp.js"></script>
<script type="text/javascript">
SyntaxHighlighter.all();
</script>

Код выше выведен с помощью плагина WP-Syntax для WordPress. Почему я перешла на плагин WP-Syntax для отображения кода в постах я рассказала в соответствующей статье.

Syntax Highlighter ComPress, плагин для вставки кода в WordPress

Скриншот, иллюстрирующих работу SyntaxHighlighter

Чтобы увидеть такую красоту необходимо:

— чтобы в footer.php (искать там же где и header.php) была в наличии строка вызова функции wp_footer <?php wp_footer(); ?>, если ее там нет пропишите ее в самом конце перед закрывающим тегом body;

— чтобы код был оформлен в тег <pre class="brush: php"> и </pre> где вместо php можно подставить необходимый нам атрибут, например html, css, java.

Также анонсируется, что можно заключить в краткие теги [php] [/php], [css] [/css], [html] [/html] и так далее, но у меня эти теги не срабатывают.

Выбирайте вариант который удобен вам с учетом того что Syntax Highlighter поддерживает Bash/shell, C#, C++, CSS, Delphi, Diff, Groovy, JavaScript, Java, Perl, PHP, Plain Text, Python, Ruby, Scala, SQL, Visual Basic, XML.

1 Комментарий

  1. mihed 12.03.2013 / 19:56

    Спасибо автору, то что искал. Тоже веду блог — очень нужная штука

Комментарии к этой статье отключены.