样式加载不正确。不安全的内容

时间:2020-04-23 作者:VicentGN

我是为Wordpress开发插件的新手。

当我尝试将一种样式排队时,Wordpress显示以下错误:内容不安全。

我用于“附加”css文件的代码如下:

add_action(\'wp_enqueue_scripts\', \'callback_for_setting_up_scripts\');

function callback_for_setting_up_scripts(){
  wp_register_style(\'estilo\', __DIR__ . \'/assets/css/estilo.css\');
  wp_enqueue_style( \'estilo\' );
}
此代码位于/modules 主插件的文件夹,因为它是特定模块的样式。

我使用查询监视器插件作为调试器。

有什么想法吗?

提前感谢

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

__DIR__ 返回当前文件系统路径,而不是URL。因此,生成的样式表将不是有效的URL,并且https://, 导致内容不安全警告。

要获取插件中样式表的URL,需要使用plugins_url():

wp_register_style( \'estilo\', plugins_url( \'assets/css/estilo.css\', __FILE__ ) );
使用__FILE__ 以下是功能文档中的描述:

插件或mu插件中文件的完整路径。URL将相对于其目录。通常通过传递来完成__FILE__ 作为论据。

相关推荐

覆盖/忽略活动主题中的css,以免干扰我的自定义css

我正在编写一个简单的插件,在页面/帖子上显示一个具有自定义样式的表单,用于输入字段、复选框、按钮等。。。通过短代码。当用户在页面中编写短代码时,它会生成一些CSS、一些HTML和一些JavaScript,但由于活动主题CSS,结果并没有按我所想的那样呈现。事实上,如果我在一个简单的HTML文件中编写了相同的CSS、HTML和JavaScript组合,那么呈现效果是完美的,如果在WordPress中,我更改了主题,呈现效果就会改变。。。如何通过将控件呈现为插入简单的HTML页面,防止活动主题干扰插件?EDI