将自定义 CSS 添加到简码

Question

我正在开发一个 wordpress 插件。这个插件将使用简码来显示 HTML 的大块 Bootstrap 3 样式。但是，我不能依赖主题是否启用了 bootstrap 3。有没有办法从我的插件中确保 bootstrap 3 个库被添加到页面？

我已经查看了文档，但似乎还不够清楚。我感觉它与 wp_enqueue_script 有关，但不确定我需要使用哪些钩子来连接主 page/post pages/theme 上的 CSS/JS header，等等

Answer 1

总结就是，当你的插件被加载时，你应该注册 bootstrap :

add_action( 'wp_enqueue_scripts', 'my_plugin_register_scripts' );
function my_plugin_register_scripts(){
     wp_register_script('bootstrap','//maxcdn.bootstrapcdn.com/bootstrap/3.3.2/js/bootstrap.min.js',array('jquery'),'3.3.2',true);
     wp_register_style('bootstrap','//maxcdn.bootstrapcdn.com/bootstrap/3.3.2/css/bootstrap.min.css', array(), '3.3.2');
}

然后，当您的短代码被调用时，您将 bootstrap 入队：

wp_enqueue_script('bootstrap');
wp_enqueue_style('bootstrap');

将自定义 CSS 添加到简码

Add custom CSS to shortcodes

wordpress