ワードプレスダッシュボードウィジェット - wp_enqueue_style/wp_enqueue_scriptを使用するとダッシュボードが破損します

Question

私はワードプレスダッシュボードウィジェットを作っています。私は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 

を使用することはできません

Answer 1

新しいウィジェットを作成するには、例えば

public function __construct 

に

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')); 
    } 

を

wp_enqueue_style 

を追加する必要があります

EDIT： 私は私のワードプレスでコードをテストし、あなたのコードが動作する - Show me the result