如何在Wordpress插件中加载多个CSS,JS和CDN

时间:2019-01-26 16:17:36

标签: javascript php html css wordpress

我试图了解如何在我的wordpress插件中包含多个CSS,JavaScript和CDN来创建仪表板。 我有一个名为index.html的文件,用于创建插件的仪表板。如果我在浏览器中运行该文件,则所有CSS,CDN和javascript均已加载。 现在,我想将此index.html用作wordpress中插件的UI。

我设法将html文件包含在插件(PHP)的主myplugin.php文件中。 现在,我想加载通常位于<head>的{​​{1}}中的所有CSS,CDN和javascript,如以下示例所示。我该怎么办?

index.html

1 个答案:

答案 0 :(得分:0)

将此添加到您的主插件文件中:

function add_my_plugin_script() {

  $plugin_url = plugin_dir_url( __FILE__ );

  // css
  wp_enqueue_style( 'plugin-style-1', $plugin_url. '/css/plugin-style-1.css' );

  // js
  wp_enqueue_script( 'plugin-script-1', $plugin_url. '/js/plugin-style-1.js' );

}
add_action('admin_enqueue_scripts', 'add_my_plugin_script');