WordPress에서 작성자의 의견을 강조하는 방법

최근 게시물 게시판 wordpress WordPress에서 작성자의 의견을 강조하는 방법

  • 웹 사이트의 WordPress 게시물에서 작성자의 의견을 강조하고 싶습니까?

    WordPress 블로그에서 작성자의 댓글을 강조 표시하면 참여도를 높일 수 있습니다. 사용자는 작성자가 토론에 적극적으로 참여하는 것을 볼 때 댓글을 남길 가능성이 높습니다.

    이 기사에서는 참여를 높이기 위해 WordPress에서 작성자의 댓글을 쉽게 강조 표시하는 방법을 보여줍니다.

    WordPress에서 작성자의 의견을 강조하는 이유는 무엇입니까?

    댓글은 웹 사이트에서 사용자 참여를 유도하는 좋은 방법입니다. 당신이 원한다면 당신의 기사에 더 많은 의견을 얻으십시오, 그러면 토론에 적극적으로 참여하여 장려 할 수 있습니다.

    에 대한 새로운 WordPress 블로그, 댓글 검토 중에 댓글에 쉽게 답변 할 수 있습니다. 실행하는 경우 다중 작성자 블로그, 그러면 작성자도 토론에 참여하도록 장려 할 수 있습니다.

    그러나 대부분의 WordPress 테마는 주석을 구분하지 않고 동일한 스타일을 사용하여 나열합니다.

    작성자 강조 표시가없는 일반 댓글 레이아웃

    평범한 독자는 토론에서 작성자가 제공 한 추가 콘텐츠를 깨닫지 못하고 댓글을 스크롤 할 수 있습니다.

    작성자의 댓글을 강조 표시하면이를 수정하는 데 도움이되고 작성자의 댓글이 눈에 띄고 눈에 잘 띄게됩니다.

    여기서 궁극적 인 목표는 새로운 사용자가 댓글에 참여하도록 장려하고 궁극적으로 뉴스 레터 구독 또는 고객이 되십시오.

    즉, WordPress에서 작성자 댓글을 쉽게 강조 표시하는 방법을 살펴 보겠습니다.

    WordPress에서 댓글 작성자 강조

    게시물 작성자의 댓글을 강조 표시하는 가장 쉬운 방법은 사용자 정의 CSS 추가 WordPress 테마에. 이를 통해 필요한 코드를 쉽게 추가하고 저장하지 않고도 웹 사이트에서 어떻게 보이는지 실시간 미리보기를 볼 수 있습니다.

    먼저 방문해야합니다 외관»사용자 정의 WordPress 관리 영역에서. 그러면 WordPress 테마 커 스터 마이저 상호 작용. 왼쪽 열과 웹 사이트의 실시간 미리보기에 다양한 옵션이 표시됩니다.

    WordPress의 테마 커 스터 마이저

    여기에서 추가 CSS 탭을 클릭해야합니다. 그러면 사용자 정의 CSS를 추가 할 텍스트 영역이 열립니다.

    추가 CSS 탭

    그러나 사용자 정의 CSS가 적용될 때 어떻게 보이는지보고 싶을 것입니다. 이렇게하려면 게시물 작성자의 댓글이 포함 된 블로그 게시물로 이동해야합니다.

    Theme Customizer에서 주석보기

    댓글 섹션까지 아래로 스크롤 한 다음 왼쪽의 맞춤 CSS 상자에 다음 맞춤 CSS를 추가합니다.

    .bypostauthor { 
    background-color: #e7f8fb;
    }
    

    입력 한 사용자 정의 CSS와 일치하는 작성자 주석 변경 사항을 즉시 확인할 수 있습니다.

    다른 배경색으로 강조 표시된 작성자의 댓글

    이 모든 것이 어떻게 작동합니까?

    WordPress가 기본 CSS 클래스 웹 사이트의 다른 영역에. 이러한 CSS 클래스는 사용중인 WordPress 테마에 관계없이 있습니다.

    이 샘플 코드에서 우리는 .bypostauthor 게시물 작성자가 추가 한 모든 댓글에 추가되는 CSS 클래스입니다.

    더 눈에 잘 띄도록 CSS 스타일을 더 추가해 보겠습니다. 다음은 게시물 작성자의 댓글에 작은 ‘작성자’레이블을 추가하고 작성자의 아바타 이미지 주위에 테두리를 추가하는 샘플 코드입니다.

    .bypostauthor:before { 
    content:"Author";
    float:right;
    background-color:#FF1100;
    padding:5px;
    font-size:small;
    font-weight:bold;
    color:#FFFFFF;
    }
    .bypostauthor .avatar {
    border:1px dotted #FF1100;
    }
    

    이것이 우리 테스트 웹 사이트에서 어떻게 보 였는지입니다.

    작성자 레이블로 강조 표시된 댓글 작성자

    WordPress에서 사용자 역할 별 주석 강조

    이제 많은 WordPress 블로그에는 댓글에 답변하는 팀원이 있습니다. 인기있는 웹 사이트에는 게시물 작성자, 관리자 및 중재자가 모두 댓글에 답하여 사용자 참여를 높일 수 있습니다.

    게시물의 실제 작성자가 아닌 직원이 추가 한 댓글을 어떻게 강조합니까?

    이를 달성하기위한 쉬운 해킹이 있습니다. 그러나 WordPress 웹 사이트에 사용자 지정 코드를 추가해야합니다. 이전에이 작업을 수행하지 않았다면 다음 기사를 참조하십시오. WordPress에서 사용자 지정 코드를 쉽게 추가하는 방법.

    먼저 다음 코드를 코드 스 니펫 플러그인 또는 테마의 functions.php 파일.

    if ( ! class_exists( 'WPB_Comment_Author_Role_Label' ) ) :
    class WPB_Comment_Author_Role_Label {
    public function __construct() {
    add_filter( 'get_comment_author', array( $this, 'wpb_get_comment_author_role' ), 10, 3 );
    add_filter( 'get_comment_author_link', array( $this, 'wpb_comment_author_role' ) );
    }
     
    // Get comment author role 
    function wpb_get_comment_author_role($author, $comment_id, $comment) { 
    $authoremail = get_comment_author_email( $comment); 
    // Check if user is registered
    if (email_exists($authoremail)) {
    $commet_user_role = get_user_by( 'email', $authoremail );
    $comment_user_role = $commet_user_role->roles[0];
    // HTML output to add next to comment author name
    $this->comment_user_role=" <span class="comment-author-label comment-author-label-".$comment_user_role.'">' . ucfirst($comment_user_role) . '</span>';
    } else { 
    $this->comment_user_role="";
    } 
    return $author;
    } 
     
    // Display comment author                   
    function wpb_comment_author_role($author) { 
    return $author .= $this->comment_user_role; 
    } 
    }
    new WPB_Comment_Author_Role_Label;
    endif;
    

    이 코드는 단순히 댓글 작성자의 이름 옆에 사용자 역할 레이블을 추가합니다. 이것이 사용자 지정 스타일이없는 모습입니다.

    댓글에 추가 된 사용자 역할 라벨

    커스텀 CSS를 추가하여 좀 더 예쁘게 만들어 보겠습니다. 이동 외관»사용자 정의 페이지를 열고 추가 CSS 탭으로 전환합니다.

    그 후 다음 CSS를 사용하여 주석에서 사용자 역할 레이블의 스타일을 지정할 수 있습니다.

    .comment-author-label {
        padding: 5px;
        font-size: 14px;
        border-radius: 3px;
    }
     
    .comment-author-label-editor {  
    background-color:#efefef;
    }
    .comment-author-label-author {
    background-color:#faeeee;
    }
     
    .comment-author-label-contributor {
    background-color:#f0faee;   
    }
    .comment-author-label-subscriber {
    background-color:#eef5fa;   
    }
     
    .comment-author-label-administrator { 
    background-color:#fde9ff;
    }
    

    이것이 우리 테스트 사이트에서 어떻게 보 였는지입니다. 테마의 색상과 스타일에 맞게 코드를 자유롭게 수정하십시오.

    강조 표시된 사용자 역할

    자세한 내용은 방법에 대한 기사를 읽어보십시오. WordPress 댓글에 사용자 역할 레이블 추가.

    이 기사가 WordPress에서 작성자 의견을 강조하는 방법을 배우는 데 도움이 되었기를 바랍니다. 사용자가 웹 사이트와 어떻게 상호 작용하는지 알고 싶으십니까? 튜토리얼보기 WordPress에서 사용자 참여를 추적하는 방법, 및 웹 푸시 알림을 추가하는 방법 WordPress 사이트에서 트래픽을 늘릴 수 있습니다.

    이 기사가 마음에 들면 구독하십시오. 유튜브 채널 WordPress 비디오 자습서 용. 당신은 또한 우리를 찾을 수 있습니다 트위터페이스 북.

    게시물 WordPress에서 작성자의 의견을 강조하는 방법 처음 등장 WPBeginner.

    Source link

    신고하기
  • 답변은 로그인 후 가능합니다.