독자 중 한 명이 각 WordPress 댓글 옆에 사용자의 역할을 강조 표시할 수 있는지 물었습니다. 사용자의 역할 레이블을 표시하면 귀하의 계정에 등록된 사용자가 작성한 댓글에 가중치를 부여합니다. 사이트 웹, 특히 저자, 발행인 및 관리자. 이 튜토리얼에서는 WordPress에서 주석 옆에 사용자 역할이 있는 레이블을 쉽게 추가하는 방법을 보여줍니다.
WordPress의 댓글 옆에 사용자 역할 레이블을 표시하는 이유는 무엇입니까?
귀하가 귀하의 사이트 웹 또는 당신이 실행하는 경우 사이트 웹 다중 작성자 WordPress에서는 사용자 레이블이 사용자 역할에 따라 사용자를 서로 소개할 수 있습니다.
예를 들어 '편집자'사용자 역할을 가진 사용자는 댓글의 이름 옆에 배지가 표시되어 다른 사용자에게이 댓글이 편집자에 의해 작성되었음을 알립니다.
사용자 신뢰를 구축하고 웹 사이트의 댓글에 대한 사용자 참여를 증가시킵니다.
많은 워드 프레스 테마 게시물 작성자가 작성한 댓글만 강조표시합니다. 등록된 사용자나 사이트 관리자가 다른 의견을 작성하더라도 다른 사용자 역할에 대한 레이블은 표시되지 않습니다.
즉, WordPress의 댓글 옆에 사용자 역할 태그를 쉽게 추가하는 방법을 살펴 보겠습니다.
댓글 옆에 사용자 역할 라벨 추가
이 자습서에서는 파일에 코드를 추가해야 합니다. 워드 프레스 테마. 이전에 이 작업을 수행하지 않은 경우 사용자 정의하는 방법을 살펴보십시오. 워드 프레스 테마 .
가장 먼저 할 일은 테마의 functions.php 파일이나 사이트의 활성 플러그인에 다음 코드를 추가하는 것입니다.
if (! class_exists ( 'BPC_Comment_Author_Role_Label')) : class BPC_Comment_Author_Role_Label {public function __construct () {add_filter ( 'get_comment_author', array ($ this, 'bpc_get_comment_author_role);), 10, add_filter ( 'get_comment_author_link', 배열 ($ this, 'bpc_comment_author_role')); } // 주석 작성자 역할 가져 오기 함수 bpc_get_comment_author_role ($ 작성자, $ comment_id, $ comment) {$ authoremail = get_comment_author_email ($ comment); // 사용자가 등록 된 경우 if (email_exists ($ authoremail)) {$ commet_user_role = get_user_by ( 'email', $ authoremail); $ comment_user_role = $ commet_user_role-> 역할 [3]; // 이름 옆에 추가 할 내용 $ this-> comment_user_role = ' '. ucfirst ($ comment_user_role). ' '; } else {$ this-> comment_user_role = ''; } return $ author; } // 주석 함수의 작성자 표시 bpc_comment_author_role ($ author) {return $ author. = $ This-> comment_user_role; }} 새로운 BPC_Comment_Author_Role_Label; endif;
위의 짧은 코드는 사용자 역할 레이블을 포함하기 위해 댓글 작성자의 이름을 표시하는 데 사용되는 WordPress 필터에 연결합니다.
이제 댓글이있는 게시물을 방문하여 실제 작업을 볼 수 있습니다. 등록 된 사용자가 작성한 댓글은 댓글 작성자 이름 옆에 사용자 역할이 표시됩니다. 등록되지 않은 사용자가 작성한 모든 댓글에는 댓글 작성자의 이름 만 표시됩니다.
이제 사용자 역할을 추가 했으므로 스타일을 지정하고 깔끔하게 만들 차례입니다.
코드에서 각 사용자 역할에 대한 CSS 클래스를 추가 했으므로 이러한 CSS 클래스를 사용하여 각 사용자 배지를 다르게 사용자 정의 할 수 있습니다 (예 : 다른 색상 사용 등).
다음 CSS 예제를 시작점으로 사용할 수 있습니다.
.comment-author-label {패딩 : 5px; 글꼴 크기 : 14px; border-radius : 3px; } .com-author-label-editor {배경색 : #efefef; } .com-author-label-author {배경색 : #faeeee; } .com-author-label-contributor {background-color : #f0faee; } .comment-author-label-subscriber {background-color : #eef5fa; } .com-author-label-administrator {background-color : #fde9ff; }
원하는대로 CSS를 자유롭게 조정하십시오. 데모 사이트는 다음과 같습니다.
이것이이 튜토리얼의 전부입니다. 직원들의 텍스트 옆에 배지를 추가 할 수 있기를 바랍니다.
