Время для прочтения: 0 мин. 47 сек.

Добавление своей темы для SyntaxHighlighter Evolved

SyntaxHighlighter Evolved - является самым популярным WordPress-плагином для подсветки синтаксиса в постах и комментариях вашего блога. После его установки можно выбрать одну из семи стандартных цветовых тем.

Если они по какой-либо причине вас не устраивают (например, не подходят под цветовую гамму сайта), то можно сделать свою тему на основе любой имеющейся.

Создание темы

Для начала скопируем любую похожую цветовую схему в свою тему (или плагин), например в папку syntaxhighlighter, и зарегистрируем этот CSS в WordPress:


wp_register_style(
	'syntaxhighlighter-theme-kobzarev',
	get_stylesheet_directory_uri() . '/syntaxhighlighter/kobzarev.css' ),
	['syntaxhighlighter-core'],
	'1.1.1'
);

Используйте wp_register_style() не wp_enqueue_style()

Подробнее о параметрах

  1. Строка 2 — ID вашего CSS
  2. Строка 3 — путь до вашего CSS
  3. Строка 4 — зависимости
  4. Строка 5 — версия вашего CSS (указывается для сброса кэша у юзера)

Добавление темы

После регистрации вашего CSS в WordPress необходимо рассказать о нём плагину SyntaxHighlighter Evolved, используя фильтр syntaxhighlighter_themes:


function kobzarev_syntaxhighlighter_themes( $themes ) {
    $themes['kobzarev'] = __( 'kobzarev', 'kobzarev' ); 
    return $themes;
}
add_filter( 'syntaxhighlighter_themes', 'kobzarev_syntaxhighlighter_themes' );

Этот кусок кода необходимо поместить в functions.php вашей темы.

Ссылки

Для вставки кода используйте HTML-теги
<pre><code class="php">ваш код</code></pre>