Wordpress dashboard小部件-使用wp_enqueue_样式/wp_enqueue_脚本会破坏仪表板

我正在制作一个wordpress仪表板小部件，我想使用bootstrap制作一个UI

这是我的代码：

    <?php


    add_action("wp_dashboard_setup","hlele_add_dashboard_widget");




    function hlele_enqueue_bootstrap(){
        // JS
        wp_enqueue_script('hlele_bootstrap_js' , 'https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js' );

        // CSS
        wp_enqueue_style('hlele_bootstrap_css' , 'https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css' );

    }



    function hlele_add_dashboard_widget(){
        hlele_enqueue_bootstrap();
        wp_add_dashboard_widget("hlele_sysinfo_dashboard","System Information","hlele_setSysInfo");
    }

    function hlele_setSysInfo(){
       echo '<a class="btn btn-danger">Test</a>';
    }





?>

当我运行这个时，仪表板似乎“坏了”（不确定发生了什么…）

---

仪表板文本的字体从默认字体更改为引导程序的默认字体，屏幕选项和帮助按钮似乎已停止工作。

创建新小部件时，无法使用

add_action

你必须加上

wp_enqueue_style

在

比如说

public function __construct() {
        $widget_id = 'contact_form';
        $widget_name = __('Formularz Kontaktowy', 'ContactForm');
        $widget_opt = array('description'=>'Ten widget wyświetla formularz kontaktowy.');

        parent::__construct($widget_id, $widget_name, $widget_opt);

      wp_enqueue_style( 'contact-form-style', get_theme_file_uri( '/widgets/css/contactform.css' ) );
     }

编辑： 我在WordPress中测试了代码，你的代码运行正常-

---

显示您的小部件文件。小部件文件在哪里？对不起，我只是WordPress插件的初学者。在functions.php中，您可能在其他地方遇到了问题。让我看看你的functions.php。

public function __construct() {
        $widget_id = 'contact_form';
        $widget_name = __('Formularz Kontaktowy', 'ContactForm');
        $widget_opt = array('description'=>'Ten widget wyświetla formularz kontaktowy.');

        parent::__construct($widget_id, $widget_name, $widget_opt);

      wp_enqueue_style( 'contact-form-style', get_theme_file_uri( '/widgets/css/contactform.css' ) );
     }