在wordpress插件中包含bootstrap

时间:2016-10-24 07:18:35

标签: jquery css wordpress

我正在开发一个wordpress插件,我需要在我的插件上添加bootstrap,所以我如何包含css,js文件。

我做过类似下面的事情,但是没有用

<?php
if( is_admin() ){
    wp_enqueue_script('admin_js_bootstrap',$plugin_url.'admin/js/bootstrap.min.js',false,'3.3.7',false);

    wp_enqueue_style('admin_css_bootstrap', $plugin_url.'admin/css/bootstrap.min.css',true,'3.3.7','all');
} ?>

3 个答案:

答案 0 :(得分:0)

你为此使用了正确的动作挂钩吗?

<?php
function my_plugin_scripts() {
    if( is_admin() ){
        wp_enqueue_script('admin_js_bootstrap',$plugin_url.'admin/js/bootstrap.min.js',false,'3.3.7',false);
        wp_enqueue_style('admin_css_bootstrap', $plugin_url.'admin/css/bootstrap.min.css',true,'3.3.7','all');
    }
}
add_action( 'wp_enqueue_scripts', 'my_plugin_scripts' );
?>

检查路径是否正确。使用浏览器的开发人员工具检查错误。

答案 1 :(得分:0)

public function enqueue_styles()
{
    wp_register_style('prefix_bootstrap', 'https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css');
    wp_enqueue_style('prefix_bootstrap');
}

add_action( 'wp_enqueue_scripts', 'enqueue_styles' );

答案 2 :(得分:0)

<?php
function mw_plugin_scripts() {
  if( is_admin() ){ 
    wp_enqueue_script('admin_js_bootstrap', plugins_url('admin/js/bootstrap.min.js', __FILE__ ),false,'3.3.7',false);
    wp_enqueue_style('admin_css_bootstrap', plugins_url('admin/css/bootstrap.min.css', __FILE__ ),true,'3.3.7','all'); 
  } 
}  

add_action('admin_enqueue_scripts', 'mw_plugin_scripts'); 
?>

admin_enqueue_scripts是连接到管理脚本操作的操作。

检查以下事项:

  1. 检查您的网址结果以及您的路径是否正确。
  2. 查看文件是否存在。
  3. 阅读更多:

    https://codex.wordpress.org/Function_Reference/plugins_url

    https://codex.wordpress.org/Plugin_API/Action_Reference/admin_enqueue_scripts