Плагины для подсветки синтаксиса в WordPress — єто специальные плагины, которые помогут вам настроить код, который вы добавляете к вашей статьи или веб-сайте так, чтобы он не выглядел как куча неразборчивого текста усложняя анализ и исследования. Для данного сайта я использовал SyntaxHighlighter Evolved плагин. Установить его не трудно, для этого нужно зайти на страницу добавления плагинов и найти по названию указанном выше.

и в результате код будет смотреться вот так:

#button { 
    font-weight: bold; 
    border: 2px solid #fff; 
}

Параметр «language» определяет язык и правила подсветки синтаксиса. Поддерживаются следующие значения:

  • actionscript3
  • bash
  • coldfusion
  • cpp
  • csharp
  • css
  • delphi
  • erlang
  • fsharp
  • diff
  • groovy
  • html
  • javascript
  • java
  • javafx
  • matlab
  • objc
  • perl
  • php
  • text
  • powershell
  • python
  • r
  • ruby
  • scala
  • sql
  • vb
  • xml

Плагин содержит множество дополнительных настроек. Их список приводится ниже:

  • lang or language — Указывает язык на котором написан пример кода.
  • autolinks — Выключает или включает кликабельность ссылок.
  • classname —Добавляет новый CSS класс для блока кода.
  • collapse —Добавляет возможность сворачивать код. Полезный для больших примеров кода.
  • firstline —Целое числовое значение, номер первой строки кода.
  • gutter — Скрывает или показывает нумерацию строк.
  • highlight —Список номеров строк разделенных запятыми, для выделения можно использовать диапазон. К примеру: 2,5-10,12.
  • htmlscript — Переключение выделения каких-либо дополнительных HTML / XML частей. Полезно при смешивании HTML / XML с другим языком, например, наличие PHP внутри веб-страницы HTML. Это работает только с некоторыми языками.
  • light —Выключает одновременно нумерацию строк и панель инструментов.
  • padlinenumbers —Контролирует число ведущих нулей. Принимает значение: false (Нет нулей), true (автоматически) или целочисленное значение.
  • title (v3 only) — Устанавливает указанный текст перед кодом — заголовок. Очень полезно при комбинации с collapse параметром.
  • toolbar —Отображать или нет панель инструментов (для версии 2).
  • wraplines (v2 only) —Включает или отключает перенос строк.

Пример использования тегов с параметрами:

Результат:


p.serif {
    font-family: "Times New Roman", Times, serif;
}

p.sansserif {
    font-family: Arial, Helvetica, sans-serif;
}

Еще добавлю видео с подробными объяснениями работы и настройки.

Ссылка на официальный сайт плагина: http://alexgorbatchev.com/SyntaxHighlighter/

Если вы нашли ошибку, пожалуйста, выделите фрагмент текста и нажмите Ctrl+Enter.

Добавить комментарий

Ваш e-mail не будет опубликован. Обязательные поля помечены *