프로필 이미지가 없는 경우 물음표(?)가 아닌 닉네임 앞자리 + 개별 배경색 표시

프로필 이미지가 없는 유저의 경우 프로필 이미지 출력 부분이  물음표로 출력이 되는것을 아래와 닉네임의 첫 글자 + 배경색으로 표시합니다.

아래와 같은 차이가 있습니다.

 

#기존

 

#변경후

 

적용 예 보기 :  https://xeplus.io/testboard_tp/57498 

 

1.배경 닉네임 데이터 업로드

다운로드 : nick_bg_color.phps

해당 파일을 XE 설치 경로에 업로드합니다.

 

2.게시판 스킨 수정 (스케치북 게시판 스킨 기준)

수정할 파일 : modules/board/skins/sketchbook5/_comment.html 

 

1)파일 제일 상단에 아래의 코드를 추가합니다.

{@
$nickBgPath = _XE_PATH_.'nick_bg_color.php';
include_once($nickBgPath);
$oNickBgUtil = new nickBgUtil();
}

 

2)프로필 이미지가 없는 작성자의 프로필 출력 부분 수정

21라인 (라인수는 스킨 커스터마이징 혹은 버전에 따라 다를수 있습니다)

변경전

<span cond="!$comment->getProfileImage()" class="profile img no_img">?</span>

 

변경후

{@ $fisrt_nick_str = mb_substr($comment->getNickName(),0,1)}
<span cond="!$comment->getProfileImage()" class="profile img no_img " style="background-color:{$oNickBgUtil->getNickBgColor($comment->getNickName())};color:white">{$fisrt_nick_str}</span>

 

다른 게시판 스킨은 위 코드를 참고하셔서 적용하시면 되겠습니다.

소스코드를 더 멋지게 개선하셨다면 다시 공유해주세요^^

 

[문하우스의 Tip]

색상대신 랜덤으로 이미지 아이콘이 출력되게 수정했습니다.

# 수정한 파일 - nick_bg_color.phps

다운받은 nick_bg_color.phps 파일을 nick_bg_color.php로 확장자를 바꾸어 주어야 합니다.

 

# 이미지 아이콘 30개 - icon_30.zip  

- /modules/board/skins/sketchbook5/img 폴더안에 풀어주시면 됩니다.

# _comment.html 파일 수정

{@ $second_nick_str = mb_substr($comment->getNickName(),0,2)}
<span cond="!$comment->getProfileImage()" class="profile img no_img " style="background:url('{$tpl_path}/img/{$oNickBgUtil->getNickBgColor($comment->getNickName())}') 2px 2px no-repeat; width:50px; height:50px; font-size:12px; color:#fff">{$second_nick_str}</span>

 

P.S 주의 사항

"1.배경 닉네임 데이터 업로드" 를 설치하지 않고 이 팁을 적용하면 게시판내용에 들어가 지질 않습니다,

이점 유의 하세요.