Maksym1.5K

Плагіни для підсвічування синтаксису у 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/

Схожі статті