Плагин SyntaxHighlighter Evolved — подсветка php кода в статье

121212В этом небольшом посте мне хочется рассказать вам о плагине SyntaxHighlighter Evolved, который я использую на данном блоге для подсветки PHP и HTML кода.

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

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

Итак, вот допустим, совсем недавно я писал пост о HTML и XML картах сайта, и там у меня возникла необходимость вывести в статье XHTML код, чтобы посетители увидели, из чего состоит файл sitemap.xml.

Если б я показал данный код без форматирования и специальной подсветки (которая делается с помощью плагина SyntaxHighlighter Evolved) все выглядело бы очень и очень грустно.

А так я использовал вышеуказанный плагин и получилось все достаточно не плохо вот смотрите сами:

1

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

Вот как раз и этим занимается плагин SyntaxHighlighter Evolved. Правда, прикольная штука? И как раз сейчас мы подробно рассмотрим, как устанавливается и настраивается данное расширение для wordpress. Ну что ж поехали!

Установка и настройка плагина SyntaxHighlighter Evolved

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

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

Идем, в админку wordpress в раздел «Плагины» -> «Добавить планиг» после чего выбираем вкладку «Загрузить файл» и соответственно загружаем архив плагина, используя специальную форму:

2

Ну и далее устанавливаем и активируем все это добро.

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

3

Так вот, эти файлы вам необходимо скопировать в специальную папку «localization», которая находится на хостинге в директории с плагинином SyntaxHighlighter.

Полный путь вот такой: «wp-content/plugins/syntaxhighlighter/localization.». Вот и вся русификация...

Подробно о настройках плагина SyntaxHighlighter

Чтобы ознакомится с настройками плагина, вам необходимо в админке wordpress выбирать раздел «Настройки» и далее перейти по ссылке «Подсветка синтаксиса».

4

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

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

Так что давайте вкратце пробежимся по некоторым из них:

« Highlighter Version » — позволяет выбрать версию плагина, рекомендую ставить 3x.

« Цвета » — здесь предоставляется возможность выбрать готовое цветовое решение для отображения кода.

5

«Показывать номера строк» — опция позволяющая указывать количество строк кода отображаемых в блоке (показывается слева от кода).

«Показывать панель инструментов» — опция, которая показывает небольшую панель в блоке с кодом при наведении на него мыши. Данная панель позволяет легко скопировать чистый код в буфет обмена, а также отправить код на печать.

«Автоматически делать URL «кликабельными»» — когда данная опция будет включена, все ссылки, которые будут находиться в блоке с кодом, станут кликабельными, то есть по ним можно будет переходить.

«Сворачивать окно с кодом» — позволяет сворачивать большие фрагменты с кодом.

«Использовать легкий режим — лучший выбор для однострочного кода» — активировав данный параметр, вы тем самим разгрузите однострочный код, так как в этом случаи не будет отображаться номер строки и панель для копирования кода.

«Wrap long lines (disabling this will make a scrollbar show instead)» — активировав данную опцию, вы тем самым позволите переноситься коду на другую строку в случаи, если он не умещается в блоке.

6

Когда вы произведете все необходимые вам настройки, не забудьте выполнить сохранение. После этого плагин будет полностью готов к работе.

Для того чтобы вставить в запись код вам необходимо воспользоваться специальным синтаксисом он выглядит так:

[рhр]Код, который вы хотите вставить в запись [/phр]

То есть все просто, вы открываете тег [рhр] вставляете код и закрываете тег [/рhр], вот и все!

Так что дорогие друзья, если у Вас нет этого плагина, обязательно ставьте его. Как видите, вещь действительно классная!

Это, в принципе, все что я хотел Вам сегодня рассказать.

Буду рад, если вы в комментариях поделитесь своим мнением по поводу данного плагина или может, расскажете о каких-либо других способах подсветки кода в статьях.

Оцените старания автора сатьи, поделитесь, пожалуйста, ей в социальных сетях со своими друзьями. Для этого нажмите одну из кнопок ниже.

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

Ваш e-mail не будет опубликован.