如何主题化由嵌入WP-Markdown的Beautify.js格式化的代码块?

时间:2013-01-21 作者:Dante WWWW

我找到了some themes 为了美化。js和我想在我的博客上使用其中一个。正如主题库所说,我可以下载其中一个主题,将css文件重命名为“prettify”。并覆盖原始主题,以应用新主题。

然而,由于我使用的是WP Markdown,因此代码块是由嵌入的prettify格式化的。js和这个美化。js由插件代码加载,插件目录不包含任何名为prettify.css.

这个prettify.js 插件使用的似乎与google-code-prettify\'s.

那么,我应该如何将一个主题应用于这一美化。js?

1 个回复
最合适的回答,由SO网友:Stephen Harris 整理而成

因此插件使用的css实际上被称为demo.css - see file. (我知道,一开始我从来没有抽出时间来称它为更合适的东西)。然而,插件需要更多的css来修饰:例如,设置预览框、工具栏等的样式,所以只需替换演示的内容即可。带有美化主题的css不起作用。

但在里面demo.csstwo lines 其中包含压缩的美化主题。你应该可以用任何你想要的主题来代替它。。。

但是,决不能直接编辑插件文件。虽然在这种情况下不太可能,但这样做可能会产生意想不到的后果。但更重要的是,您的更改在更新时丢失。

因此,这里有一种更好的方法来替换插件的css文件。

将css文件复制到主题中(重命名它wp-markdown.css, 说——因为这很有道理)

取消注册默认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
        );
   }

结束

相关推荐

必须在css样式表中更改css第二十一/侧边栏。左侧的侧边栏

我必须改变我的wordpress外观。侧边栏应放在左侧。我已经在寻找解决方案,但我发现的代码不适合我的。我不知道在哪里我必须改变它。我知道我可以在选项中更改它,但我需要在CSS样式表中更改它。谢谢你的帮助!二十一/二十一。44:样式表(style.css)body { padding: 0 2em; } #page { margin: 2em auto; max-width: 1000px; } #branding hgrou