如何将bootstrap css添加到我的Wordpress插件

Question

我正在开发一个Wordpress插件。

我想知道如何将Bootstrap CSS文件集成到我的插件中？

Answer 1

在插件文件中创建一个函数

function add_scripts_and_css(){
  wp_enqueue_style('your-plugin-bootrtrap_css',  plugin_dir_url( __FILE__ ) . 'folderpath/bootstrap.css');
}

add_action('wp_enqueue_scripts', 'add_scripts_and_css');

这是添加wp_enqueue_style以添加css文件和wp_enqueue_script添加JavaScript .js文件的方法。

Answer 2

// load your plugin css into the website's front-end
function myplugin_enqueue_style() {
    wp_enqueue_style( 'myplugin-style', plugin_dir_url( __FILE__ )."css/bootstrap.css" ); 
}
add_action( 'wp_enqueue_scripts', 'myplugin_enqueue_style' );

在插件register_activation_hook中添加以上代码。