📌  相关文章
📜  在自定义帖子类型子菜单或子自定义帖子类型中添加通知气泡 (1)

📅  最后修改于: 2023-12-03 14:51:33.219000             🧑  作者: Mango

在自定义帖子类型子菜单或子自定义帖子类型中添加通知气泡

在WordPress中,可以使用自定义帖子类型来添加新的帖子类型,例如,你可以创建一个自定义帖子类型来管理你的产品、作品集、团队成员等等。而且,自定义帖子类型也提供了自定义子菜单和子自定义帖子类型的功能,使得我们可以将自定义帖子类型更好地组织起来,使得整个后台更加友好。

在这个项目中,我们需要在自定义子菜单或子自定义帖子类型中添加通知气泡功能,以使得管理员或用户可以清晰地知道有多少未读的消息或任务等待处理。

步骤
第一步:判断是否有未读通知

我们首先需要在代码中判断是否有未读通知,可以使用WordPress提供的get_terms()函数来获取指定自定义帖子类型下未读的通知,例如:

function get_unread_notification_count() {
  $args = array(
    'taxonomy' => 'notification',
    'hide_empty' => false,
    'meta_query' => array(
      array(
        'key' => 'is_unread',
        'value' => true,
      )
    )
  );
  $notifications = get_terms($args);
  return count($notifications);
}

这个函数返回未读通知的数量,可以用于后面的操作。

第二步:添加通知气泡

我们可以使用jQuery来实现添加通知气泡的功能,具体步骤如下:

  1. 在菜单或帖子类型的HTML标记中添加一个<span>元素作为通知气泡,并设置一个样式类,例如:
<ul class="subsubsub">
  <li class="all"><a href="edit.php?post_type=product">全部</a></li>
  <li class="publish"><a href="edit.php?post_status=publish&amp;post_type=product" class="current" aria-current="page">已发布 <span class="count">7</span></a> |</li>
  <li class="draft"><a href="edit.php?post_status=draft&amp;post_type=product">草稿 <span class="count">2</span></a></li>
</ul>
  1. 使用JavaScript/jQuery来获取未读通知的数量并插入到相应的<span>元素中,例如:
jQuery(document).ready(function() {
  var unreadCount = get_unread_notification_count();
  jQuery('.notification-count').html(unreadCount);
});

这样,当用户进入到菜单或帖子类型页面时,就会显示未读通知的数量了。

总结

以上就是在自定义帖子类型子菜单或子自定义帖子类型中添加通知气泡的方法,这样我们就可以方便地提醒管理员或用户有多少未读通知或任务需要处理了。