为wordpress后台添加菜单页面以并引入js

2019独角兽企业重金招聘Python工程师标准>>>

后台添加菜单页面菜单有两种

1. 顶级菜单——使用add_menu_page添加
2. 二级菜单——使用add_submenu_page添加

这两个函数的参数只有少许差别。

为页面引入js的函数为wp_enqueue_script
有两种方式可以为菜单项指定输出内容，而这两种方式引入js的方法是不一样的。

• 一种是指定function，由函数进行内容输出。

  $page = add_menu_page('页面标题','菜单标题 ','manage_options','unique_menu_slug','my_callback'); 
  add_action('admin_print_scripts-'.$page,'enqueue_script_mjs'); 
  
  function my_callback(){ 
  	echo '<h1>hello world</h1>'; 
  } 
  function enqueue_script_mjs(){ 
  	wp_enqueue_script('mjs',plugins_url("js/mjs.js",__FILE__),array('jquery'),'1.0.0',true); 
  } 
  

• 一种是不指定function，指定$menu_slug的值为php文件。
  例如你的插件目录为myplugin，里面有一个test.php。此时设置$menu_slug的值为myplugin/test.php

  add_menu_page('页面标题','菜单标题 ','manage_options','myplugin/test.php'); 
  add_action('admin_print_scripts-'.'myplugin/test.php','enqueue_script_mjs'); 
  
  function enqueue_script_mjs(){ 
  	wp_enqueue_script('mjs',plugins_url("js/mjs.js",__FILE__),array('jquery'),'1.0.0',true); 
  } 
  

  ------myplugin/test.php------

  <h1>hello world</h1> 
  

转载于:https://my.oschina.net/huanger/blog/290340