닉네임에 아이콘을 달고싶습니다

안녕하세요. 혹시 도움을 주실 수 있는지 문의드립니다..

 

워드프레스 게시판 KBoard(케이보드) 사용중입니다.

사이트는 로그인 없이도 글을 쓸수 있도록 되어있습니다.

그런데 게시물을 작성하면 로그인한 사용자닉네임 앞에 아이콘이 달리도록 하고싶은데 어떻게 해야될지 모르겠네요 ㅜㅜ

아이콘은 Font Awesome을 사용해서 <i class="fa fa-check-circle" aria-hidden="true"></i> 이걸 사용하려고 합니다.

도움을 주실수 있나요?

워드프레스 에러 기술지원 서비스 전문가에게 맡기세요
좋은 정보와 인맥을 동시에, 워드프레스 사용자 단톡방 참여하기
  • 안녕하세요~^^

    KBoard(케이보드) 스킨은 사용자가 직접 수정하기가 비교적 쉽게 되어있습니다.

    상세한 내용은 아래 링크 참고해주세요.

    직접 수정해서 사용하시는 분들도 많으니 아래 내용과 부족한 부분은 커뮤니티를 검색해보시면 도움이 될 듯합니다.

    KBoard 스킨에 입력 필드 추가하기 강좌

    https://wallel.com/kboard-입력-필드-활용하기/

    복잡도는 구현 원하시는 기능에 따라 다르기 때문에 가장 수월하게 가능한 방법을 찾는게 좋을 듯합니다.

    그리고 파일을 수정할 땐 Notepad++ 같은 전문 에디터 프로그램을 사용해주시는게 좋습니다.

     

    스킨의 editor.php 파일에 셀렉트 박스 또는 라디오 버튼을 추가해서 글쓴이가 직접 선택할 수 있도록 해주세요.

    그리고 list.php 파일 혹은 document.php 파일에는 아래처럼 어떤 값이 입력되었는지 체크해서 아이콘 태그를 출력해주시면 될 듯합니다.

    (예제 이기 때문에 적절히 수정해주세요.)

    <?php if($content->option->icon == 'circle'):?><i class="fa fa-check-circle" aria-hidden="true"></i><?php endif?>
    <?php if($content->option->icon == 'circle2'):?><i class="fa fa-check-circle2" aria-hidden="true"></i><?php endif?>
    <?php if($content->option->icon == 'circle3'):?><i class="fa fa-check-circle3" aria-hidden="true"></i><?php endif?>

     

    고맙습니다.

  • 도움주셔서 감사합니다!

  • 조금만 더 물어봐도 되나요?

    아직 초보라 조금 어렵네요ㅜㅜ

    에디터에 라디오버튼을 추가하는것까진 했는데

    list.php과 document.php파일 어느줄에 저 코드를 넣어야되는지 모르겠습니다.

  • 안녕하세요.

    default 스킨을 기준으로 안내해드리겠습니다.

    사용자닉네임 앞에 아이콘이 달리도록이라고 하셨으니

    list.php 파일에서

    아래의 코드를 찾아서

    <?php echo apply_filters('kboard_user_display', $content->member_display, $content->member_uid, $content->member_display, 'kboard', $boardBuilder)?>

    아래의 코드로 모두 교체해보세요.

    <?php if($content->option->icon == 'circle'):?><i class="fa fa-check-circle" aria-hidden="true"></i><?php endif?>
    <?php if($content->option->icon == 'circle2'):?><i class="fa fa-check-circle2" aria-hidden="true"></i><?php endif?>
    <?php if($content->option->icon == 'circle3'):?><i class="fa fa-check-circle3" aria-hidden="true"></i><?php endif?>
    <?php echo apply_filters('kboard_user_display', $content->member_display, $content->member_uid, $content->member_display, 'kboard', $boardBuilder)?>

    document.php 파일에서

    아래의 코드를 찾아서

    <div class="detail-attr detail-writer">
    	<div class="detail-name"><?php echo __('Author', 'kboard')?></div>
    	<div class="detail-value"><?php echo apply_filters('kboard_user_display', $content->member_display, $content->member_uid, $content->member_display, 'kboard', $boardBuilder)?></div>
    </div>

    아래의 코드로 교체해보세요.

    <div class="detail-attr detail-writer">
    	<div class="detail-name"><?php echo __('Author', 'kboard')?></div>
    	<div class="detail-value">
    		<?php if($content->option->icon == 'circle'):?><i class="fa fa-check-circle" aria-hidden="true"></i><?php endif?>
    		<?php if($content->option->icon == 'circle2'):?><i class="fa fa-check-circle2" aria-hidden="true"></i><?php endif?>
    		<?php if($content->option->icon == 'circle3'):?><i class="fa fa-check-circle3" aria-hidden="true"></i><?php endif?>
    		<?php echo apply_filters('kboard_user_display', $content->member_display, $content->member_uid, $content->member_display, 'kboard', $boardBuilder)?>
    	</div>
    </div>

    고맙습니다.

워드프레스 에러 기술지원 서비스 전문가에게 맡기세요