1. David Wu首页
  2. WordPress
  3. WordPress安装教程

WordPress 后台菜单添加气泡通知

WordPress 后台中,不论是 WordPress 更新,还是相关的主题或者插件有升级更新提醒后,都会在相关的管理菜单中以红色气泡数字的通知方式告知你,那么对于一个 WordPress 开发者来说,如果想要深度的定制一些功能或者同样实现一些提示信息该如何来实现呢?

WordPress 后台中,不论是 WordPress 更新,还是相关的主题或者插件有升级更新提醒后,都会在相关的管理菜单中以红色气泡数字的通知方式告知你,那么对于一个 WordPress 开发者来说,如果想要深度的定制一些功能或者同样实现一些提示信息该如何来实现呢?

WordPress 后台菜单添加气泡通知

这是因为子凡在前段时间做泪雪建站的提现功能开发时相当的,这样只要我们登录后台,只要有人申请了提现就能够一目了然的看到是否有待处理的信息,从而不会被动的点击二级菜单或者必须要进入到相关的页面才能够看到处理状态,大大的提高了工作效率和更加人性化的使用体验,所以子凡就趁 2019 年元旦节来分享给大家吧!直接看代码。

1
2
3
4
5
6
7
8
9
10
11
12
13
//WordPress 后台菜单添加气泡通知示例代码
add_action('admin_menu', 'fanly_menu_add_notification_demo');
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 后台的子菜单添加提示,同样还是给大家一个示例代码作为参考:

1
2
3
4
5
6
7
8
9
10
11
12
//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 功能开发时提供更优秀的使用体验。

更多关于 WordPress 优化及疑问可以添加 QQ 群:255308000

除非注明,否则均为泪雪博客原创文章,禁止任何形式转载

本文链接:https://zhangzifan.com/wordpress-admin-menu-add-notification-bubble.html

原创文章,作者:泪雪博客,如若转载,请注明出处:https://www.davidwu.net/archives/1676

服务项目 服务内容 收费标准(元)
开发定制 WordPress主题/插件开发定制 (以最终需求为准)
主题/插件汉化 汉化团队WordPress主题/插件,翻译率95% (以标的主题/插件的句子数量为准)
服务器环境配置 基于您现有服务器,搭建配置网站运行环境,结合我们多年来实战经验,可完美支持WordPress等PHP程序运行,并配置伪静态规则、优化目录权限等问题。服务器我们强烈推荐使用Linux系统。 100元/次
网站托管 若贵站目前尚无技术人员,无法完成服务器环境配置,可选择我们的网站托管服务,直接交付正常运行的WordPress站点,并且无需担心服务器的后续维护工作,一切都由我们来帮您完成。 标配套餐:1000元/年/站点 高配套餐:联系客服获取
网站加速优化 从服务器后端配置优化到WordPress数据库缓存、前端页面缓存、JS和CSS压缩合并,全方位优化网站加载速度,实现秒开。(此服务仅针对(云)服务器/VPS) 500元/次(仅站内优化200元/次)
主题配置 本站所有主题均支持,可快速实现,若有任何问题可以咨询客服解决,若您希望我们提供配置服务,可选购此服务。 英文主题安装 60元/次 汉化主题安装 30元/次
HTTPS配置 HTTPS已经不断普及,并且有着更高的安全性以及SEO上的优待。该服务收取的为服务费,SSL证书产生的费用请自行承担。 100元/次
网站搬家 迁移网站所有文件和数据库信息、网站相关配置的调整、以及迁移中的疑难问题故障排除。 标准收费:500元/次 若网站数据量大,需协商
网站运维 提供整站的运维服务,保证网站正常运行。包含:网站故障定位及排除、网站数据备份和恢复、网站攻击及木马等问题的处理等 标准收费:2000元/年 IP 5000以上需协商

发表评论

邮箱地址不会被公开。 必填项已用*标注