Перепробовав множество различных плагинов для вставки и подсветки кода в WordPress, прочитав ряд обзоров и сравнений, я пришел к выводу, что наиболее подходящий для этого плагин — Mivhak Syntax Highlighter. Он полностью повторяет функционал Crayon Syntax Highlighter, но при этом более легковесный.
К достоинствам также можно отнести:
- Поддержка широкого набора языков программирования (100+)
- Простота настройки
- Различные варианты цветового решения
- Удобство вставки и редактирования кода в записях
- Бесплатность.
Примеры использования:
Встроенный код: var foo = "bar" или font-family: monospace;.
Блок кода на Java:
class Human
{
/**
* The human's age.
*/
private int age;
public Human() { this.age = 0; }
public void birthday()
{
// Increment age by 1;
this.age++;
System.out.printf("Happy Birthday! you are now %i years old", this.age);
}
}Простой блок HTML без текста подписи:
<!DOCTYPE html>
<html>
<head></head>
<body>
<h1>Hello World!</h1>
<p>This is a paragraph</p>
</body>
</html>
WordPress имеет несколько встроенных методов для отображения фрагментов кода. Они не всегда красивые, но функциональные. Двумя базовыми методами являются тэги code и pre .
Не совсем верно, поскольку теги code и pre не имеют прямого отношения к wordpress. Они являются базовыми тегами html. Первый предназначен для отображения программного кода, а второй – любого предварительно отформатированного текста. Отличия между ними в том, что дополнительные пробелы и переносы строк не учитываются в теле блока code.
Wordpress всего лишь указывает стиль форматирования этих блоков. Между тем, отмеченный плагин (как и многие другие) как минимум обеспечивает подсветку кода.
В любом случае программный код продолжает располагаться внутри блока code или pre вне зависимости от того используется ли плагин или нет.