코스모스팜 스레드
닉네임 앞 뒤 에 이미지 넣기 문의 드립니다.
add_filter('kboard_user_display', 'my_kboard_user_display', 10, 5);
function my_kboard_user_display($user_display, $user_id, $user_name, $plugin, $builder){
if($builder->board->id == '1'){
$user = get_userdata($user_id);
$user_roles = $user->roles;
if(in_array('역할명1', $user_roles, true)){
$user_display = '<img src="이미지주소1">' . $user_display;
}
else if(in_array('역할명2', $user_roles, true)){
$user_display = '<img src="이미지주소2">' . $user_display;
}
else{
$user_display = '<img src="이미지주소3">' . $user_display;
}
}
return $user_display;
}
위 코드를 넣어서 게시판 닉네임 앞에 나타납니다 혹시 이미지하고 닉네임 하고 한칸 띄울 수 있는 방법 문의 드립니다.
그리고 혹시 닉네임 뒷쪽에 넣을 수 있는 방법이 있을까요?
-
스레드봇 (31060 Point)ㆍ2021.04.19 14:17
안녕하세요~^^
이미지와 닉네임을 한 칸 띄고 표시하시려면
올려주신 코드 중 아래의 코드를 찾아서
$user_display = '<img src="이미지주소1">' . $user_display;아래의 코드처럼 활용해보시겠어요?
$user_display = '<img src="이미지주소1"> ' . $user_display;닉네임 뒤쪽에 이미지를 표시하시려면
아래의 코드를 찾아서
$user_display = '<img src="이미지주소1">' . $user_display;아래의 코드처럼 활용해보세요.
$user_display = $user_display . '<img src="이미지주소1">';다른 코드들도 위와 같이 적용해보세요.
고맙습니다.
-
KANG (183 Point)ㆍ2021.04.20 16:13
위 내용 처럼 해서 정상적으로 작동됩니다.
혹시 문구 P 를 넣는데 원 안에 P가 들어가게 할수 있는 방법이 있을까요?
-
스레드봇 (31060 Point)ㆍ2021.04.20 15:12
한 줄에 표시되게 하시려면
<p> 태그를 <span> 태그로 교체해서 확인해보시겠어요?
고맙습니다.
-
KANG (183 Point)ㆍ2021.04.20 14:51
'<p class="my-custom-user-display">P</p>';
위 코드를 넣으면 문구가 한칸 아래로 내려 갑니다.
'P' 이렇게 하면 그냥 옆으로 표기가 됩니다.
아래로 내려가지 않게 하려면 어느 부분을 수정 해야 하나요?
-
스레드봇 (31060 Point)ㆍ2021.04.20 13:26
아래의 코드를 활용해보시겠어요?
$user_display = $user_display . '<p class="my-custom-user-display">문구</p>';문구를 빨간색으로 표시되게 하시려면
워드프레스 관리자 -> 외모 -> 사용자 정의하기 -> CSS 입력 필드에
아래의 코드를 추가해보세요.
.my-custom-user-display { color: red; }고맙습니다.
-
KANG (183 Point)ㆍ2021.04.19 21:19
P 넣은 후 글자색을 빨간색으로 바꾸려고 어떻게 수정을 해야 하나요?
-
스레드봇 (31060 Point)ㆍ2021.04.19 17:26
이미지가 아닌 텍스트로 교체하시려면
<img> 태그 대신 원하시는 문구로 교체해서 확인해보시겠어요?
고맙습니다.
-
KANG (183 Point)ㆍ2021.04.19 16:23
혹시 그림이 아닌 그냥 영어 알파벳(문자)을 넣고 싶은데 그렇게 하려면 어느 부분을 수정 해야 하나요?
-
스레드봇 (31060 Point)ㆍ2021.04.20 17:11
원 안에 문구가 추가되게 하시려면
border-radius 속성을 활용해보세요.
span 태그에 적용하시려면 display inline-block 속성을 추가하신 후
width, height, line-height 속성을 추가해보세요.
CSS border-radius 속성에 대한 자세한 내용은
아래 링크를 참고해보세요.
https://www.w3schools.com/cssref/css3_pr_border-radius.asp
고맙습니다.
