WordPress 基于評論者的用戶角色確定評論樣式

本文介紹如何按照Wordpress評論者的角色確定評論的顯示樣式，以及如何讓評論的class更干凈。

定義一個按照給定的用戶ID返回其角色的函數(shù)

/*
Retrieve a commentator's role by the user ID
*/
function cwp_get_user_role( $user_id=null ){
    if ( ! isset( $user_id ) ) return null;
    $user = new WP_User( $user_id );
    $wp_roles = new WP_Roles;
    $role_names    = $wp_roles->get_names();
    $user_role_array      = array ();
    foreach ( $user->roles as $role ){
        if ( isset ( $role_names[ $role ] ) )
            $user_role_array[ $role ] = $role_names[ $role ];
    }
    return key( $user_role_array );
}

為WORDPRESS的COMMENT_CLASS 添加過濾器

/*
Add filter to  comment_class for your WordPress
*/
function cwp_add_comment_author_roles_to_comment_class( $classes, $class, $comment_id, $post_id ){
    //Clean out the unnecessary classes for your comment list item.
    //if you want to use it,uncomment the following sentence.
    /*  $classes=cwp_clean_out_unnecessary_comment_classes($classes);*/
    $comment = get_comment( $comment_id );
    $user_id = (int)$comment->user_id;
    if ( 0 != $user_id ){
        $role = cwp_get_user_role( $user_id );
        if ( !isset( $role ) || empty( $role ) ) return $classes;
        $classes[] = $role;
    }
    return $classes;
}
add_filter( 'comment_class', 'cwp_add_comment_author_roles_to_comment_class', 10, 4 );

現(xiàn)在看看HTML輸出情況：

<li class="comment byuser comment-author-pw even thread-odd thread-alt depth-1 contributor" id="comment-18">
<!--此評論的內容部分-->
</li>

看到了吧，代表角色的”contributor“已經按照預想正確輸出了，但是comment_class默認輸出了很多classes，但是并不是都有用的，下面定義一個清理函數(shù)，讓清理過的classes僅保留comment:

/*
Clean out the unnecessary classes for your comment list item.
*/
function cwp_clean_out_unnecessary_comment_classes($classes){
    foreach( $classes as $key => $class ) {
        switch( $class ) {
            case 'comment':
                continue;
            default:
                unset( $classes[$key] );
                continue;
            break;
        }
    }
    unset($key,$class);
    return $classes;
}

添加了上述代碼后，再在’cwp_add_comment_author_roles_to_comment_class‘函數(shù)中按照說明將被注釋掉的那一句啟用，然后再看看輸出了什么：

<li class="comment contributor" id="comment-18">
<!--the comment item content is here-->
</li>

基于用戶角色決定評論樣式

剩下要做的事情就是根據上述輸出的代表角色的class來定義css了，這個，得你自己按照需要來做。