如何正确添加覆盖当前样式的样式

时间:2017-09-03 作者:3000

我有一个WP网站:在到处阅读文档之后,我制作了一个小小的个人插件,可以在一个页面上显示一个特定的应用程序,该应用程序是用VueJS制作的。

现在,这个网站的主题是商业主题。

我可以使用添加我的样式wp_enqueue_style: 我的想法是改写一些主题风格,但是in the docs 我发现wp\\u enqueue\\u样式:

Registers the style if source provided (does NOT overwrite) and enqueues.
因此,据我所知,我无法使用此方法覆盖网站的当前样式(默认主题)。

如何正确设置HTML的样式?考虑一件事:样式必须只应用于一个页面,我不需要它“全局”(它应该只在我的页面内设置我的应用程序的样式,就是这样)。

1 个回复
SO网友:cjbj

您需要构建child theme 以防止更新主题时覆盖您的更改。此子主题只需要包含functions.php 文件和样式表don\'t 名称style.css 防止自动加载。

在函数文件中,仅加载此特定页面的样式表,如下所示:

add_action (\'wp_enqueue_scripts\',\'wpse278950_add_my_style\');
function wpse278950_add_styles () {
  if is_single (\'slug-of-your-page\')
    wp_register_style (\'my-style\', get_stylesheet_directory_uri() . \'/my-style.css\');
  }
}
注意:我没有测试代码,它可能需要调试。

结束

相关推荐

将‘wp_enQueue_脚本’(Css)包括到多个模板

我的5个模板需要特定的Javascript。目前,下面的内容可以很好地将Javascript加载到页面模板A中。 add_action(\'wp_enqueue_scripts\',\'css-flags\'); function css-flags(){ if ( is_page_template(\'page-template-a.php\') ) { wp_enqueue_style(\'css-flags\', get_template_directory_u