SyntaxHighlighter Evolved — является самым популярным WordPress-плагином для подсветки синтаксиса в постах и комментариях вашего блога. После его установки можно выбрать одну из семи стандартных цветовых тем.
Если они по какой-либо причине вас не устраивают (например, не подходят под цветовую гамму сайта), то можно сделать свою тему на основе любой имеющейся.
Создание темы
Для начала скопируем любую похожую цветовую схему в свою тему (или плагин), например в папку syntaxhighlighter
, и зарегистрируем этот CSS в WordPress:
function kobzarev_enqueue_scripts() { wp_register_style( 'syntaxhighlighter-theme-kobzarev', get_stylesheet_directory_uri() . '/syntaxhighlighter/kobzarev.css' ), ['syntaxhighlighter-core'], '1.1.1' ); } add_action( 'wp_enqueue_scripts', 'kobzarev_enqueue_scripts' );
Используйте wp_register_style()
не wp_enqueue_style()
Подробнее о параметрах
- Строка 2 — ID вашего CSS
- Строка 3 — путь до вашего CSS
- Строка 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
вашей темы.
Ссылки
Источник: https://www.kobzarev.com/programming/adding-a-new-theme-to-syntaxhighlighter-evolved/