Подсветка кода syntax highlighter evolved

Добрый день, уважаемые читатели блога Disseo.ru. В этой статье я подробно постараюсь рассказать, показать, установить и настроить WordPress плагин Syntax Highlighter Evolved, основной функцией которого является подсветка кода php в тексте статьи. Конечно, это не единственный плагин, который осуществляет подсветку кода в WordPress, но именно Syntax Highlighter Evolved является самым функциональным.

Подсветка кода php в WordPress – плагин Syntax Highlighter Evolved

В своих статьях на блоге я использую подсветку кода php с целью обратить внимание читателя на код, который необходимо будет использовать по назначению. Это очень упрощает дальнейшую работу с ним, так как необходимый фрагмент выделяется из всего текста. Осуществить все это можно с помощью плагина Syntax Highlighter Evolved, который устанавливается стандартным способом, то есть его нужно скачать с официального сайта и разместить на Хостинг в папку с плагинами:

Public_html/wp-content/plugins

Так как изначально этот плагин распространяется в англоязычной версии, то его можно руссифицировать, путем скачивания 2 файлов и копирования их в папку:

Public_html/wp-content/plugins/ SyntaxHighlighter/localization

Настройка плагина Syntax Highlighter Evolved

Здесь все достаточно просто. Пройдите в административную панель WordPress во вкладку “Параметры”“ Syntax Highlighter” и попадаем в настройки.

Подсветка php кода в WordPress

Перед нами представлены достаточно обширные настройки Syntax Highlighter Evolved, в которых я вам помогу разобраться.
Цвета – можно выбрать цветовую палитру, которую будем использовать для подсветки php кода.

  • 1. Показать номера строк – будет происходить нумерация каждой строки кода, если поставить галочку.
  • 2. Показывать панель инструментов – если навести курсором на подсвеченный php код, то появится панель с тремя кнопками, которые позволят скопировать скрипт в чистом виде, скопировать скрипт в буфер обмена, вывести его на печать.
  • 3. Автоматически делать URL “кликабельным” – если в подсвеченном php коде находятся ссылки, то их можно сделать активными.
  • 4. Сворачивать окно с кодом – если поставить галочку, то в статье будет отображаться только часть скрипта. Для того, чтобы его увидеть целиком необходимо щелкнуть по специальной ссылке. Если вы используете в статьях большие фрагменты скрипта, то следует эту опцию активировать.
  • 5. Wrap long lines – если активировать эту опцию, то длинная строка кода будет переносится на другую строку с указанием переноса.

В строке – “Номер начальной строки” – вы можете задать отсчет нумерации строк подсветки php кода. После всех настроек Syntax Highlighter Evolved, не забудьте сохранить внесенные вами изменения.
С настройками разобрались, теперь переходим, непосредственно, к рассмотрению того, как сделать подсветку кода в WordPress.

Как сделать подсветку кода php в WordPress

Если в тексте статьи вы намереваетесь разместить php код и подсветить его, для того чтобы акцентировать на нем внимание, необходимо его заключить в теги:

Подсветка php кода в Вордпресс

Результат:

скрипт, который необходимо выделить

Или

Syntax Highlighter Evolved для WordPressРезультат:

скрипт, который необходимо выделить

Это не единственные варианты подсветки кода php в Wordpress плагином Syntax Highlighter Evolved, остальные можно посмотреть в самом низу страницы «Настройки».

Подсветка php кода WordPress

А на этом, данный пост завершен. Подписывайтесь на обновление блога и получайте свежие статьи на E-mail.

С уважением, Дороднов Иван!

Поделиться в соц. сетях

0

Получайте свежие посты прямо на E-mail: