转载:WordPress前端未审核留言提醒
这个实用的小功能找了很久,终于在[这里]2找到了答案。

他把提醒放到了标题里滚动显示了,我改成直接像多说一样显示,PHP代码如下:

// 返回网站中未审核留言数
function get_not_audit_comments(){
    if(is_home() && current_user_can('level_10')){    //只有在首页,并且管理员登录是才执行
        $awaiting_mod = wp_count_comments();
        $awaiting_mod = $awaiting_mod->moderated;
        if($awaiting_mod){
            //当存在未审核留言
            echo "<div id=\"awaiting_comments\"><a href=".admin_url( 'edit-comments.php' ).'><i class=\'fa fa-comments\'></i>你有'.$awaiting_mod.'条新回复</a></div>';
         }
    }
}
add_filter('wp_footer','get_not_audit_comments');

CSS代码如下:

#awaiting_comments{
    position:fixed;
    top: 65px;
    right: 24px;
    z-index:9999;
    max-width: 180px;
    _width:130px;
    display:block;
    float:none;
    padding: 5px 12px;
    background-color:#fff;
    -webkit-border-radius:5px;
    border-radius:5px;
    box-shadow:0 1px 1px rgba(0,0,0,0.25);
    border:1px solid #aaa;
}
 
#awaiting_comments i{
    margin-right: 7px;
}
 
#awaiting_comments a{
    line-height: 1;
    color:#d32;
    text-decoration:none;
}

在网站标题中加入未审核留言提醒

前两天看了一套wordpress主题,感觉其中的一个很小的功能很不错(你可以查看本文网页标题)。当网站有新的留言,管理员登录之后,在网站首页的标题上就可以看到消息提醒,很是方便。看了主题源码,没有找到相应的代码。之后通过查找网站后台的模板,才知道可以通过wp_count_comments()来得到相关的信息。 其它的,咱也不多说了,直接来说怎么做吧!把以下的代码复制到主题的functions.php文件中。

// 返回网站中未审核留言数
function get_not_audit_comments(){
    if(is_home() && current_user_can('level_10')){    //只有在首页,并且管理员登录是才执行
        $awaiting_mod = wp_count_comments();
        $awaiting_mod = $awaiting_mod->moderated;
        if($awaiting_mod){
            //当存在未审核留言
            echo "<div style=\"display:none;\" id=\"awaiting_mod\">【有".$awaiting_mod.'条未审核留言】-</div>';
            echo '<script type=\'text/javascript\' src=\'';
            bloginfo('stylesheet_directory');
            echo '/js/titlemove.js\'></script>';
         }
    }
}
add_filter('wp_footer','get_not_audit_comments');

接着,把下面的代码另存为titlemove.js,并放到当前主题的js文件夹中(如果不存在的话,你可以直接创建)。

function titlemove(){
    var msg =document.getElementById('awaiting_mod').textContent + window.document.title;
    setInterval(function(){
        msg = msg.substring(1,msg.length) + msg.substring(0,1);
        window.document.title = msg;
    },500);
}
jQuery(function(){
    titlemove();
});

由于以上代码,部分是依赖于jQuery库,所以请确保你已经加载了jQuery库。 完成以上操作,登录后返回到网站的首页,如果存在未审核留言的话,你应该就会看到类似本文标题连环滚动的样子了。

标签:WordPress

你的评论