来源:https://www.solagirl.net/customize-your-own-wordpress-dashboard.html
WordPress的仪表盘(Dashboard),也就是登陆后台后第一个看见的页面,有人说这个界面很累赘,显示了很多没人感兴趣的信息,耗费内存,例如WordPress China博客新闻(如果你装的是中文版)、其它WordPress新闻等Widget。没关系,WordPress的设计者给我们提供了多种方式来打造自己的个性化WordPress仪表盘。
概述
1. 通过配置Widget选项修改后台显示的信息;
2. 通过程序移除不需要的Widget,添加自己喜欢的Widget。
配置后台Widget
就以“其他WordPress新闻Widget”为例,这个小工具其实是一个RSS阅读器,通过读取http://planet.wordpress.org的feed源向用户显示该网站最近更新的文章。说到这,答案很简单了。不想看这个新闻源,换一个就好。
鼠标移动到标题栏最右侧,会出现一个向下的箭头,箭头右侧有一个链接按钮”配置“。
点击箭头可以隐藏或者显示小工具的内容,点击配置就可以更改小工具的设置。
修改“其它WORDPRESS新”WIDGET的设置
将RSS地址更改成自己想订阅的网站,并输入新的标题,就可以和WordPress新闻说再见了。
例如,我将地址修改为自己网站的rss地址:https://www.solagirl.net/feed
标题更改为:Sola博客
保存以后效果如下
用同样的方法定制其它Widget,你的后台就不在是WordPress的天下,而是你自己的空间。
隐藏后台Widget
如果想隐藏Widget,也很简单,有两种方法。
方法一:万能的显示选项(Screen Options)
不管在后台任何地方,如果你注意一下屏幕右上角,90%的概率你会发现一个东西叫做“屏幕选项(ScreeOptions)”。
点击箭头打开显示选项,在仪表盘界面(登陆WordPress首先看到的界面),你将看到如下图所示的选项
这里列出当前页面所有可用的Widget,无论是否显示,打上勾的就会显示出来,不打钩的就是隐藏的。
隐藏不等于没有,例如选择隐藏WordPress China博客,这个Widget从屏幕上消失了,如果你查看源代码,会发现这个东西还是存在的,只是css的display属性设置为none。
方法二:用程序隐藏Widget
正如方法一结尾所说,从屏幕选项中去除只是表面上隐藏了,还是会占用网速、内存。如果想彻底移除,就用程序来做。方法如下:
打开当前主题的functions.php,在文件末尾加上一段代码,这段代码用移除钩子的方式去掉widget
下面是代码
1
2
3
4
5
6
7
8
9
10
11
12
13
14
|
function remove_dashboard_widgets() { global $wp_meta_boxes ; unset( $wp_meta_boxes [ 'dashboard' ][ 'side' ][ 'core' ][ 'dashboard_quick_press' ]); //快速发布 unset( $wp_meta_boxes [ 'dashboard' ][ 'side' ][ 'core' ][ 'dashboard_primary' ]); //WordPress China 博客 unset( $wp_meta_boxes [ 'dashboard' ][ 'side' ][ 'core' ][ 'dashboard_secondary' ]); //其它WordPress新闻 unset( $wp_meta_boxes [ 'dashboard' ][ 'side' ][ 'core' ][ 'dashboard_recent_drafts' ]); //近期草稿 unset( $wp_meta_boxes [ 'dashboard' ][ 'normal' ][ 'core' ][ 'dashboard_incoming_links' ]); //链入链接 unset( $wp_meta_boxes [ 'dashboard' ][ 'normal' ][ 'core' ][ 'dashboard_right_now' ]); //概况 unset( $wp_meta_boxes [ 'dashboard' ][ 'normal' ][ 'core' ][ 'dashboard_plugins' ]); //插件 unset( $wp_meta_boxes [ 'dashboard' ][ 'normal' ][ 'core' ][ 'dashboard_recent_comments' ]); //近期评论 } add_action( 'wp_dashboard_setup' , 'remove_dashboard_widgets' ); |
每一行unset()都是移除一个Widget,具体是什么看代码后面的注释,也可以参考下面的图片说明,每个Widget的ID在代码中的位置如下所示
unset($wp_meta_boxes[‘dashboard’][‘side’][‘core’][‘widget ID‘]);
Widget的HTML结构(通过Firebug获得)
重排Widgets
后台的Widget和前台的一样,都可以通过拖拽的方式重新排列顺序。
添加自定义后台Widget
在当前主题的functions.php中加入注册Widget的代码,主要用到了wp_add_dashboard_widget钩子,代码如下:
1
2
3
4
5
6
7
8
9
10
11
|
function example_dashboard_widget_function() { // 显示任何你想显示的内容 echo "Hello World, I'm a great Dashboard Widget" ; } // 创建钩子函数 function example_add_dashboard_widgets() { wp_add_dashboard_widget( 'example_dashboard_widget' , 'Example Dashboard Widget' , 'example_dashboard_widget_function' ); } // 将钩子函数挂到wp_dashboard_setup钩子上,注册新的Widget add_action( 'wp_dashboard_setup' , 'example_add_dashboard_widgets' ); |
添加帮助信息
在文章/页面的新建或编辑页面添加帮助信息(位于结尾)
1
2
3
4
5
6
7
8
9
10
|
add_action( 'admin_head-post.php' , 'sola0922_add_help' ); add_action( 'admin_head-post-new.php' , 'sola0922_add_help' ); function sola0922_add_help() { get_current_screen()->add_help_tab( array ( 'id' => 'my-help-tab' , 'title' => __( 'My Title' ), 'content' => __( '<h5>Title</h5><p>This tab is below the built in tab.</p>' ) ) ); } |
在文章/页面的新建或编辑页面添加帮助信息(位于开头)
1
2
3
4
5
6
7
8
9
|
add_action( 'load-page-new.php' , 'add_custom_help_page' ); add_action( 'load-page.php' , 'add_custom_help_page' ); function add_custom_help_page() { get_current_screen()->add_help_tab( array ( 'id' => 'my-help-tab' , 'title' => __( 'My Title' ), 'content' => __( '<h5>Title</h5><p>This tab is below the built in tab.</p>' ) ) ); } |