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

Posted

技术标签:

【中文标题】如何将引导 css 添加到我的 Wordpress 插件【英文标题】:How to add bootstrap css to my Wordpress plugin 【发布时间】:2016-10-30 07:44:37 【问题描述】:

我正在开发一个 Wordpress 插件。

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

【问题讨论】:

【参考方案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 文件的方式。

【讨论】:

您在代码中遗漏了'。而是. 'folderpath/bootstrap.css');……请更新您的答案。 感谢您通知我我编辑代码的错误。【参考方案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中添加以上代码。

【讨论】:

以上是关于如何将引导 css 添加到我的 Wordpress 插件的主要内容,如果未能解决你的问题,请参考以下文章

Wordpress:如何将 url GET 参数添加到我的主菜单项

Bootstrap 不适用于 wordpress 插件

如何将此 jQuery 脚本添加到我的 Wordpress

我如何将 wordpress 帖子添加到我的 html 网站中,该博客位于 myurl.com/blog

如何将引导图像响应类添加到主滑块插件 wordpress

如何在wordpress中添加单选按钮到我的网站