Верх страницы
Логотип Telegram
@Злой_Полицейский — авторский канал вашего покорного слуги в Telegram, где я пишу заметки о веб-разработке, программировании, PHP, инструментах и WordPress.
Обложка к записи Добавление своей темы для SyntaxHighlighter Evolved
Время для прочтения: 0 мин. 8 сек.

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

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()

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

  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 вашей темы.

Ссылки

Автор: Кобзарёв Михаил

Суровый русский разработчик. Жил в Магадане, в офисе московских веб студий и в Тульской деревне. Виртуозно знает WordPress, PHP, ООП, Vue.js и вот это вот все.

Ведет блог о разработке, дайджест в телеграмме и в ВК.

Комментарии
Подписаться
Уведомить о
guest

0 комментариев
Межтекстовые Отзывы
Посмотреть все комментарии

Михаил Кобзарёв (mihdan)

Авторский блог вашего покорного слуги в Telegram про web, программирование, алгоритмы, инструменты разработчика, WordPress, фильмы и сериалы