WordPress 后台菜单添加气泡通知

WordPress 后台菜单添加气泡通知

作者 : 资源客 发布时间: 2019-12-8

wordpress 后台中,不论是 WordPress 更新,还是相关的主题或者插件有升级更新提醒后,都会在相关的管理菜单中以红色气泡数字的通知方式告知你,那么对于一个 WordPress 开发者来说,如果想要深度的定制一些功能或者同样实现一些提示信息该如何来实现呢?
这是因为子凡在前段时间做泪雪建站的提现功能开发时相当的,这样只要我们登录后台,只要有人申请了提现就能够一目了然的看到是否有待处理的信息,从而不会被动的点击二级菜单或者必须要进入到相关的页面才能够看到处理状态,大大的提高了工作效率和更加人性化的使用体验,所以子凡就趁 2019 年元旦节来分享给大家吧!直接看代码。

function fanly_menu_add_notification_demo() {
	$notification = 2; //提示信息
 
	add_menu_page(
		'测试菜单标题', //网页标题 title 名称
		$notification ? sprintf('菜单名称 <span class="awaiting-mod">%d</span>', $notification) : '菜单名称', //菜单名称
		'manage_options', //用户权限
		'fanly_menu', //菜单别名
		'fanly_menu_page' //菜单页面函数
	);
}

以上代码主要是一个添加后台菜单的功能,WordPress 开发者应该都了解其中的用处,当然你可能并不能直接使用该段代码,因为这仅仅只是子凡提供的一个示例代码,其中 add_menu_page 函数的第二个参数才是至关重要,因为我们平常使用最多的就是直接填写菜单名称,这样在 WordPress 后台就能看到对应的菜单名称,然而我们要添加气泡通知,则需要添加一个 span 内容,将气泡的提示添加进入才可以。

而至于这个气泡的内容,并没有限制具体的内容,只是大多数的使用情况都是数字类型,当然也可以包含使用字符串等等,但是为了确保 WordPress 后台菜单宽度的体验,建议大家竟可能的简短,或者更多推荐大家使用数字气泡内容作为提示。

当然除了可以给 add_menu_page 主菜单添加气泡通知,同样你还可以使用 add_submenu_page 函数是给 WordPress 后台的子菜单添加提示,同样还是给大家一个示例代码作为参考:

//WordPress 后台子菜单添加气泡通知参考代码
add_submenu_page( $parent_slug, $page_title, $menu_title, $capability, $menu_slug, $function );
 
//将 add_submenu_page 函数中的第三个参数$menu_title,替换为以下代码内容即可
$notification ? sprintf('菜单名称 <span class="awaiting-mod">%d</span>', $notification) : '菜单名称'
 
//parent_slug 父级菜单项的别名
//page_title 页面的 title 信息
//menu_title 菜单标题
//capability 权限
//menu_slug 别名
//function 执行函数

到这里子凡想要分享的所有内容也就该结束了,相信你也同样能够举一反三,依样画葫芦的对比使用即可,这会在你某些 WordPress 功能开发时提供更优秀的使用体验。

http://xzh.i3geek.com
1. 本站所有资源来源于用户上传和网络,如有侵权请邮件联系站长!
2. 分享目的仅供大家学习和交流,请不要用于商业用途及非法用途,否则后果自负!
3. 如果你也有好源码或者教程,可以到审核区发布,分享有金币奖励和额外收入!
4. 本站提供的源码、模板、插件等等其他资源,都不包含技术服务请大家谅解!
5. 如有链接无法下载、失效或广告,请联系管理员处理!
6. 本站资源售价只是赞助,收取费用仅维持本站的日常运营所需!
7. 如遇到加密压缩包,默认解压密码为"qq301.com",如遇到无法解压的请联系管理员!
资源客是一个优秀的分享资源站,本站资源均为各位友友分享而来,特殊原创会标明如有侵犯版权等可联系删除

资源客 » WordPress 后台菜单添加气泡通知