我尝试为“未读”通知计数添加CSS类(颜色)

时间:2019-07-20 11:21:22

标签: colors notifications buddypress

我正在尝试为“新”未读通知使用不同的颜色,尽管我设法对通知进行整体样式设置,但在某种程度上,我还是无法为未读通知提供相同的颜色未读计数一个额外的CSS类。

已经在BP社区支持论坛中要求获得一些提示,但是社区似乎在空虚中挣扎。

有人可以在这里帮忙吗?

我在主题functions.php(WP)中的实际代码:

//notification alert
function my_nav_menu_notif_counter($menu) {      
        if (!is_user_logged_in())
                return $menu;
        else
                $notif = '<a class="notices" href="' . bp_get_notifications_unread_permalink() . '"><span class="noticecount"><i class="noticecounttitle">Notifications</i>'. bp_notifications_get_unread_notification_count( bp_loggedin_user_id() ) .'</span></a>';
                $menu = $menu . $notif;
                return $menu;
}
add_filter( 'wp_nav_menu_items', 'my_nav_menu_notif_counter' );

更新:非常感谢雷怒

1 个答案:

答案 0 :(得分:0)

//notification alerts for posts
function my_nav_menu_notif_counter($menu) {      
        if (!is_user_logged_in())
                return $menu;
        else
                $countntf = bp_notifications_get_unread_notification_count( bp_loggedin_user_id() );
                $notif = '<a class="notices" href="' . bp_get_notifications_unread_permalink() . '"><span class="noticecount'. (($countntf>0) ? ' NEW CLASS HERE':'') .'"><i class="noticecounttitle">Notifications</i>'. $countntf .'</span></a>';
                $menu = $menu . $notif;
                return $menu;
}

您的 bp_notifications_get_unread_notification_count(bp_loggedin_user_id()); 函数返回未读计数,您可以将其保留在 $ countntf 之类的变量中。

上面的示例检查返回的值是否大于0,它在span元素中打印您的类名称。您也可以将class元素的span更改为link元素,例如;

<a class="notices'. (($countntf>0) ? ' NEW CLASS HERE':'') .'"