В этой статье сегодня я вам расскажу об очень полезном плагине для вашего WordPress блога, с помощью которого вы сможете выводить красиво выводить Javascript, HTML, PHP и другие коды в статье своего блога.

Нередко нужно бывает вебмастерам, особенно тем, кто плотно пишет статьи в теме создания сайтов, показывать читателям какие-то определённые код. Но дело в том, что в WordPress редакторе любой такой код вставить практически невозможно, точнее, можно, но он его почему-то пытается переделать в текст, даже если вы его ставите во вкладке HTML (или «Текст» если у вас обновлённый WordPress), в результате чего нарушается синтаксис и код выводится некорректно и становится неработоспособным.

Можно, конечно же, и попробовать просто тупо вставить во вкладку «Визуально», но смотреться оно как-то будет не очень, вот, например, так такой код в обычном виде:

<script id=»top100Counter» type=»text/javascript» src=»http://counter.rambler.ru/top100.jcn?2897346″></script>

и вот вариант красиво обработанный:

<script id="top100Counter" type="text/javascript" src="http://counter.rambler.ru/top100.jcn?2897346"></script>

Думаю, вы согласитесь, что этот вариант более приятный, красивый, и как-то выглядит даже лучше, потому что некоторые элементы подсвечиваются. И такое может сделать специальный плагин, о котором я сейчас расскажу.

WP-Syntax — плагин который создан специально для того, чтобы выводить различного вида коды в статье блога. Скачать вы можете плагин в интернете. Устанавливается он так же как и все остальные, так что просто следуйте стандартной установке плагинов wordpress и он загрузится без проблем. Далее, активируйте его и всё, в настройках он больше не нуждается.

Теперь для того, чтобы ваш код корректно отображался в статье, надо перейти во вкладку HTML (Текст) и окружить его вот таким кодом.

<pre lang=»LANGUAGE» line=»1″> тут ваш код </pre>

И теперь вы сможете вставлять всё что угодно и отображаться оно будет без проблем. Но встает другой вопрос. Неужели придется всё время — вот так всё делать вручную? Нет есть выход, потому как есть много полезных плагинов для wordpress.

Wp-syntax button — с его помощью добавляется специальная кнопка Code в визуальный редакторе.

Теперь для того, чтобы красиво вывести php, html или любой другой код, вам не нужно переходить специально во вкладку HTML (Текст) и окружать ваш код вышеприведённым. Нужно вставить код во вкладку «Визуально», выделяете его и нажимаете на кнопку Code. После чего откроется окно.

Где в поле Select Language Вам надо выбрать язык вашего кода, а в поле Line Number можно задать нумерацию строки, с которой будете начинать. Можете хоть с первой хоть с сотой, Например, я вставляю php код и хочу, чтобы эта строчка была под номером 12 — выбираю язык, ставлю в line Nuvder 12, жму Insert и вот что получилось.

<?php IF (function_exists('wp_corenavi')) wp_corenavi(); ?>

Таким образом, вы максимально автоматизируете этот процесс и упростите себе работу, что не может не радовать. Остается только сказать спасибо плагину Wp-syntax button, потому как действительно намного легче теперь писать статьи, где нужно вставлять что-то дополнительно. Есть, конечно, и другие плагины, но, как по мне, этот отлично делает свое дело.

Так что сегодня вы узнали об отличном инструменте, который помогает вывести любой код в статьи wordpress блога.