У всех пользователей движка WordPress рано или поздно возникает вопрос как вставить кусок кода в пост, да так, чтобы он правильно отобразился. К сожалению, стандартными средствами WordPress эту проблему решить нельзя, вот и повод для танца с бубном ))).
Вы наверное слышали, что существуют плагины, которые дают возможность добавлять код в сообщения, да еще и осуществляют подсветку кода самых популярных языков программирования. Слышали, да не видели. Так смотрите же.
Пока я искала подходящий плагин, который решил бы мои проблемы со вставкой кода, перепробовала много разных. Среди них были и простые, и сложные, и с подсветкой и без, но что-то моя душа к ним не лежала. И вот таки мне попался хороший, но без танца, как вы понимаете не обошлось. Итак…
Syntax Highlighter ComPress и как заставить его работать
Скачать плагин Syntax Highlighter ComPress можно с сайта производителя
Установка и активация плагина – стандартные.
А теперь берем бубен в левую руку, а правой открываем для редактирования файл шаблона 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 для отображения кода в постах я рассказала в соответствующей статье.
Чтобы увидеть такую красоту необходимо:
— чтобы в 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.
Спасибо автору, то что искал. Тоже веду блог — очень нужная штука