Включить bootstrap в плагин WordPress

#jquery #css #wordpress

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

Комментарии:

1. кто-нибудь знает, пожалуйста, помогите?

Ответ №1:

Вы использовали правильный хук действия для этого?

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

И проверьте, указаны ли правильные пути. Используйте инструменты разработчика вашего браузера для проверки на наличие ошибок.

Ответ №2:

 <?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. Проверьте, чтобы увидеть результат вашего URL и правильный ли ваш путь.
  2. Посмотрите, существует ли файл.

Подробнее:

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

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

Ответ №3:

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