插件未添加自定义CSS

时间:2014-08-11 作者:ILikeTurtles

我正在尝试通过插件添加自定义css。我的头中确实调用了wp\\u head()。

我的代码是-

/**
* Enqueue plugin style-file
*/
function prefix_add_my_stylesheet() {
        wp_enqueue_script(\'style1\', plugins_url(\'style1.css\', __FILE__) );
}
add_action( \'wp_enqueue_scripts\', \'prefix_add_my_stylesheet\' );
我可以访问style1。css当我

echo plugins_url(\'style1.css\', __FILE__);
所以我知道它存在并且可用。我没有收到任何错误,样式表也没有显示。

我将上述代码放在mysite/wp-content/plugins/mycustomplug/plugin中。php

有人能告诉我为什么不能加载吗?没有错误,所以我假设我的语法是正确的。

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

好的,这里有两个问题。

首先,你将你的风格与wp_enqueue_script(), 这意味着要由脚本使用。您应该使用wp_enqueue_style

其次,您需要了解何时加载哪些函数。首先加载插件,其次加载子主题,最后加载父主题。因此,首先加载样式,然后加载主题的样式。这意味着,重复的css选择器会被主题样式覆盖。

要确保插件样式在主题样式之后加载,只需为操作添加优先级。有关参考,请参见add_action( $hook, $function_to_add, $priority, $accepted_args ). 确保使用非常低的优先级(非常高的数字)

您的代码应该是

/**
* Enqueue plugin style-file
*/
function prefix_add_my_stylesheet() {
        wp_enqueue_style(\'style1\', plugins_url(\'style1.css\', __FILE__) );
}
add_action( \'wp_enqueue_scripts\', \'prefix_add_my_stylesheet\', 999 );

结束

相关推荐

主题的默认样式将覆盖我的插件的自定义CSS

我创建了一个小插件,创建了一个我制作的小部件,基本上只是一个<ul> 要素不幸的是,所有默认的小部件样式都覆盖了我的自定义CSS,并添加了!important 由于不同的尺寸和颜色变化,某些款式正在打破一些东西。有办法解决这个问题吗?我只希望样式表适用于我制作的一个小部件,而不是从默认值加载。如有任何提示/建议,将不胜感激。