Wordpress:为特定插件管理页面加载自定义 CSS [英] Wordpress: Load custom CSS for specific plugin admin Page
本文介绍了Wordpress:为特定插件管理页面加载自定义 CSS的处理方法,对大家解决问题具有一定的参考价值,需要的朋友们下面随着小编来一起学习吧!
问题描述
我正在学习 Wordpress,我想为插件的特定管理页面加载自定义 CSS.我在 Wordpress Plugin API 上阅读并执行以下操作:
I am learning about Wordpress, and i want to load custom CSS for a specific admin page of my plugin. I read at Wordpress Plugin API and do something like this:
//I ADD MY OPTION PAGES
add_action( 'admin_menu', 'my_plugin_menu' );
function my_plugin_menu() {
add_menu_page( 'My option page', 'My plugin', 'manage_options', 'my-fist-slug', 'my_first_func', 'dashicons-star-empty');
add_submenu_page('my-fist-slug', 'General Setting', 'General', 'manage_options', 'my-fist-slug', 'my_first_func');
add_submenu_page('my-fist-slug'', 'Some else options', 'Some options', 'manage_options', 'my-second-slug', 'my_second_func');
}
我只想为我的选项页面加载我的 CSS,然后我这样做:
I just want to load my CSS only for my option pages, then i do this:
add_action('admin_enqueue_scripts', 'ln_reg_css_and_js');
function ln_reg_css_and_js($hook)
{
if($hook != 'my-first-slug'){
return;
}
wp_enqueue_style('boot_css', plugins_url('inc/bootstrap.css',__FILE__ ));
wp_enqueue_script('boot_js', plugins_url('inc/bootstrap.js',__FILE__ ));
wp_enqueue_script('ln_script', plugins_url('inc/main_script.js', __FILE__), ['jquery'], false, true);
}
这与 WP codex 具有相同的代码.但是,我不知道如何定义 $hook
,结果是我的自定义 css 没有加载.谁能教我怎么做?
This has same codes like the WP codex. But, i don't know how to define $hook
, and the result is my custom css was not loaded. Anyone can teaches me how to do this?
推荐答案
add_action('admin_enqueue_scripts', 'ln_reg_css_and_js');
function ln_reg_css_and_js($hook)
{
$current_screen = get_current_screen();
if ( strpos($current_screen->base, 'my-fist-slug') === false) {
return;
} else {
wp_enqueue_style('boot_css', plugins_url('inc/bootstrap.css',__FILE__ ));
wp_enqueue_script('boot_js', plugins_url('inc/bootstrap.js',__FILE__ ));
wp_enqueue_script('ln_script', plugins_url('inc/main_script.js', __FILE__), ['jquery'], false, true);
}
}
这篇关于Wordpress:为特定插件管理页面加载自定义 CSS的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持IT屋!
查看全文