Wordpress 대시 보드 위젯 - wp_enqueue_style/wp_enqueue_script를 사용하면 대시 보드가 깨집니다.

Question

저는 WordPress 대시 보드 위젯을 만들고 있는데, 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>'; 
    } 





?> 

는 대시 보드에 '휴식'보인다 (무슨 일이 일어나고 있는지 확실하지 ...)

에서 대시 보드 텍스트 변경 글꼴 :

이

내 코드입니다 부트 스트랩의 기본 글꼴에 대한 기본 글꼴과 Screen Options 및 Help 버튼이 작동을 멈춘 것처럼 보입니다. 새로운 위젯을 만들 때

Answer 1

당신은 당신은 예를 들어

public function __construct 

에

wp_enqueue_style 

을 추가해야합니다

add_action 

을 사용할 수 없습니다

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

편집

: 나는 나의 워드 프레스에 코드를 테스트하고 코드가 작동 - Show me the result