Как тему блоков кода, отформатированных prettify.js, встроенных в WP-Markdown?

Я нашел несколько тем для prettify.js, и я хочу использовать один из них в своем блоге. Как гласит галерея тем, я могу просто загрузить одну из тем, переименовать файл css в «prettify.css» и перезаписать оригинал, чтобы применить новую тему.

Однако, поскольку я использую WP-Markdown, блоки кода отформатированы встроенным prettify.js, и этот prettify.js загружается кодом подключаемого модуля, а каталог подключаемого модуля не содержит файла с именем prettify.css .

Использование prettify.js в prettify.js не похоже на то, что используется в google-code-prettify's .

Итак, как мне применить тему к этому prettify.js?

Таким образом, css, используемый плагином, на самом деле называется demo.css – см. Файл . (Я знаю, это началось с того, что у меня никогда не было возможности назвать это чем-то более подходящим). Плагин требует больше css, который только пригодится, например: например, для стиля окна предварительного просмотра, панели инструментов и т. Д. Таким образом, просто замена содержимого demo.css вашей prettify-темой не будет работать.

Но внутри demo.css есть две строки, которые содержат сжатую тему prettify. Вы должны быть в состоянии заменить это любой желаемой темой …

Однако вы никогда не должны редактировать подключаемые файлы напрямую. Хотя в этом случае маловероятно – это может иметь непреднамеренные последствия. Но что более важно, ваши изменения теряются при обновлении.

Итак, вот лучший способ заменить файл css плагина.

  1. Скопируйте файл css в свою тему (переименуйте его wp-markdown.css , скажите – потому что это имеет смысл).
  2. Внесите любые изменения в копию в теме.

  3. Отмените регистрацию CSS по умолчанию и перерегистрируйте свою собственную копию

Код:

  add_action( 'wp_enqueue_scripts', 'wpse82441_wpmarkdown_replacement_style', 20 ); function wpse82441_wpmarkdown_replacement_style(){ wp_deregister_style( 'md_style' ); //Deregister the style wp_enqueue_script( 'md_style', //Re-register the style get_template_directory_uri() . '/wp-markdown.css', //Point to the copy in your theme ); }