详解WordPress开发中get_current_screen()函数的使用


Posted in Javascript onJanuary 11, 2016

get_current_screen() 函数是一个我们很少用到,但却超级实用的一个函数,如果你正着手于制作一个主题,却不知道文档应该放在哪里的话,那你应该看一下这个从 WordPress 3.0 才开始有的函数,该函数允许我们获得一个 WP_Screen 对象,并使用该对象的成员方法在后台里面加挂我们自定义的一个帮助菜单(该功能在,3.3版后得到完善)。

如果你不喜欢将 WordPress 研究的太透彻的话,那你现在就可以拿着酱油瓶,向前打酱油去了。

引言
首先,get_current_screen() 很简单,只是返回一个对象,所以本文主要讲述,获得对象后的操作。

描述

//使用起来很简单
$screen = get_current_screen();
// 此时 $screen 为实例化的对象

应用实例
我们来一个简单的例子,过程代码虽然可以显示但可能在时机应用中没有任何意义,只为举例。
虽然已经极具精简,但是还是很绕,噶的保佑您能看懂。

function xz_theme_options_add_page() {
 $theme_page = add_theme_page(
//如果成功,则返回hook标签,否则返回假到变量$theme_page。
  '主题设置',//页面Titlee
  '主题设置',// 在后台菜单中显示的名字
  'edit_theme_options',// 选项放置的位置
  'theme_options', // 别名,也就是get传送的参数
  'xz_theme_op_page' //显示内容调用的函数
 );
 if ( ! $theme_page )
 return;//建立失败则跳出函数
 add_action( "load-$theme_page", 'xz_help' );//在主题设置中挂帮助菜单
}
add_action( 'admin_menu', 'xz_theme_options_add_page' );
//在后台菜单加载时,加载xz_theme_options_add_page函数
 
function xz_theme_op_page (){//编辑页面显示函数
 echo "我是主题编辑页面";
}
 
function xz_help (){
 $help = '这里是帮助中间位置显示的内容
  <ol><li>A</li><li>B</li>
  <li>C</li><li>D</li></ol>';
 
 $sidebar = '这里是帮助右边栏显示的位置';
 
 $screen = get_current_screen();//第一主角,获得对象
 $screen->add_help_tab( array(//用成员方法注册帮助Tab
  'title' => '翔子主题帮助',//左边栏标签的名字
  'id' => 'theme-options-help',//不解释
  'content' => $help,//设定标签对应的内容
  )
 );
 $screen->set_help_sidebar( $sidebar );//方法只能使用一次,以最后一次调用为准。
}

效果
如果不出意外的话,经上面的折腾,你得主题就有了初步的帮助界面了。
点击下图的位置

详解WordPress开发中get_current_screen()函数的使用

自定义帮助按钮位置

点击后如下图

详解WordPress开发中get_current_screen()函数的使用

自定义帮助

总结
set_help_sidebar( )//方法只能使用一次,以最后一次调用为准。这里你可以添加一些你得api地址之类的或广告之类的东西。
add_help_tab() 方法可以多次使用,每使用一次标签会多一个,当然你还要设置对应的$help值。

Javascript 相关文章推荐
javascript编程起步(第七课)
Jan 10 Javascript
javascript attachEvent和addEventListener使用方法
Mar 19 Javascript
本地对象Array的原型扩展实现代码
Dec 04 Javascript
鼠标滚轮控制网页横向移动实现思路
Mar 22 Javascript
JavaScript针对网页节点的增删改查用法实例
Feb 02 Javascript
js实现类似于add(1)(2)(3)调用方式的方法
Mar 04 Javascript
JS实现鼠标框选效果完整实例
Jun 20 Javascript
浅谈JS的基础类型与引用类型
Sep 13 Javascript
JS中常用的消息框总结
Feb 24 Javascript
JS函数内部属性之arguments和this实例解析
Oct 07 Javascript
vue学习笔记之Vue中css动画原理简单示例
Feb 29 Javascript
javascript对象3个属性特征
Nov 17 Javascript
提升jQuery的性能需要做好七件事
Jan 11 #Javascript
jQuery 移动端artEditor富文本编辑器
Jan 11 #Javascript
AngularJs动态加载模块和依赖注入详解
Jan 11 #Javascript
jquery在ie7下选择器的问题导致append失效的解决方法
Jan 10 #Javascript
基于Node.js的强大爬虫 能直接发布抓取的文章哦
Jan 10 #Javascript
JavaScript基础知识及常用方法总结
Jan 10 #Javascript
jQuery实现的调整表格行tr上下顺序
Jan 10 #Javascript
You might like
虹吸式咖啡壶操作
2021/03/03 冲泡冲煮
php使用websocket示例详解
2014/03/12 PHP
PHP小教程之实现链表
2014/06/09 PHP
PHP+iFrame实现页面无需刷新的异步文件上传
2014/09/16 PHP
PHP实现找出链表中环的入口节点
2018/01/16 PHP
Javascript中的数学函数集合
2007/05/08 Javascript
jquery imgareaselect 使用利用js与程序结合实现图片剪切
2009/07/30 Javascript
一个轻量级的javascript库 pj介绍
2010/12/19 Javascript
JavaScript中两个感叹号的作用说明
2011/12/28 Javascript
JavaScript中函数声明优先于变量声明的实例分析
2012/03/01 Javascript
jQuery-Tools-overlay 使用介绍
2012/07/14 Javascript
JS+CSS实现美化的下拉列表框效果
2015/08/11 Javascript
JavaScript检测并限制复选框选中个数的方法
2015/08/12 Javascript
小巧强大的jquery layer弹窗弹层插件
2015/12/06 Javascript
JavaScript数据结构与算法之集合(Set)
2016/01/29 Javascript
深入理解选择框脚本[推荐]
2016/12/13 Javascript
JavaScript 动态三角函数实例详解
2017/01/08 Javascript
基于Bootstrap框架实现图片切换
2017/03/10 Javascript
利用JS实现简单的瀑布流加载图片效果
2017/04/22 Javascript
JQuery form表单提交前验证单选框是否选中、删除记录时验证经验总结(整理)
2017/06/09 jQuery
Vue项目路由刷新的实现代码
2019/04/17 Javascript
详解Vue项目引入CreateJS的方法(亲测可用)
2019/05/30 Javascript
Vue+Element UI+vue-quill-editor富文本编辑器及插入图片自定义
2019/08/20 Javascript
基于JavaScript获取base64图片大小
2019/10/18 Javascript
Python3 Click模块的使用方法详解
2020/02/12 Python
python Canny边缘检测算法的实现
2020/04/24 Python
python实现xml转json文件的示例代码
2020/12/30 Python
Sperry官网:帆船鞋创始品牌
2016/09/07 全球购物
房产委托公证书样本
2014/04/04 职场文书
保护环境倡议书300字
2014/05/19 职场文书
2015年董事长秘书工作总结
2015/07/23 职场文书
2016年“5.12”护士节慰问信
2015/11/30 职场文书
2016年先进班集体事迹材料
2016/02/26 职场文书
销区经理年终述职报告模板
2019/11/28 职场文书
canvas多重阴影发光效果实现
2021/04/20 Javascript
详解Python如何批量采集京东商品数据流程
2022/01/22 Python