将CSS文件添加到我的插件

时间:2018-01-31 作者:Ginso89

我是wordpress的新手,我想知道如何将css文件添加到插件中。

我创建了一个名为my plugin的插件,并将以下内容写入了我的插件中。php:

<?php

/*
Plugin Name: my Plugin
Description: some description
Version: 1.0
Author: Ginso
*/



add_action(\'wp_enqueue_scripts\', \'callback_for_setting_up_scripts\');
function callback_for_setting_up_scripts() {
    wp_register_style( \'mein-plugin\', \'localhost/wordpress/wp-content/plugins/mein-plugin/style.css\' );
    wp_enqueue_style( \'mein-plugin\' );
}



function cssTest() {
    return \'<p class="myClass">some text</p>\'; 
}

add_shortcode("test", "cssTest");   

?>
这是我目前的风格。css:

.myClass{
    color:red;
}
现在我补充道[test] 并显示正确的文本,但不应用样式。我做错了什么?

1 个回复
SO网友:Jacob Peattie

不要在中放置文件的完整路径wp_register_style() 使用plugins_url() 要获取完整的url,只需使用plugins文件夹中的路径即可。

So更改:

\'localhost/wordpress/wp-content/plugins/mein-plugin/style.css\'
收件人:

plugins_url( \'style.css\', __FILE__ )

结束