코스모스팜 스레드

Avatar 스킨에서 아바타와 작성자 영역 구분

안녕하세요 ㅎㅎ....

이번에는 제가 Avatar 스킨을 사용하고 있는 중인데

Avatar 스킨을 사용하면 게시판 목록에 아바타가 표시되잖아요.

그게 작성자 이름이 길어서 두줄로 표시되는 경우에는 그 두번째 줄이 아바타 밑으로 내려가더군요

혹시 아바타 밑으로 작성자가 내려가지 않고 따로 영역을 구분할 방법이 없을까요?

주소는 http://smdrma1004.cafe24.com/?page_id=732 입니다

이 페이지의 내용이 유익하시나요? 혹은 더 많은 답변을 받길 원하시면 이 페이지를 공유 해보시는건 어떨까요?

내 홈페이지에 소셜 공유 버튼 추가하기

코스모스팜 회원관리
코스모스팜 회원관리
  • 안녕하세요~^^

    영역을 구분한다는 말이 이해가 가지 않습니다.

    작성자 이름이 길어질 경우 모든 글자를 표시하시려면

    작성자 영역의 width 값을 늘려야 합니다.

    작성자의 영역이 늘어날 경우 제목 부분이 줄어들기 때문에

    오른쪽 사이드바를 사용하지 않는다면

    테마의 설정으로 게시판이 설치된 페이지를 Full width로 설정하는 것도 하나의 방법일 듯합니다.

    고맙습니다.

  • 닉네임이 길어지면

    (아바타) 닉네

    임입니다

    식으로 표시되는데 이 부분을

    (아바타) 닉네임

                      입니다

    식으로 영역을 나눌 수 있나 해서 질문드렸어요.

  • 안녕하세요~^^

    kboard_user_display 필터를 이용하시면 아바타와 작성자 표시하는 곳을 수정하실 수 있습니다.

    1. 워드프레스 관리자 -> 외모 -> 테마편집기 페이지에서 functions.php 파일 하단에

    아래의 코드를 추가해보시겠어요?

    add_filter('kboard_user_display', 'my_kboard_user_display', 10, 5);
    function my_kboard_user_display($avatar, $member_uid, $member_display, $kboard, $boardBuilder){
    	$avatar = '<div class="avatar_test">' . get_avatar($member_uid, 24, '', $member_display) . '</div><div class="member_display_test">' . $member_display . '</div>';
    	return $avatar;
    }

     

    2. 워드프레스 관리자 -> 외모 -> 사용자 정의하기 -> CSS 입력 필드에

    아래의 코드를 사이트에 맞게 적절히 수정하신 후에 적용해보세요.

    .avatar_test { float: left; width: 30%; }
    .member_display_test { float: left; width: 70%; text-align: left; }

    고맙습니다.

  • 감사합니다! 완벽하네요!

코스모스팜 회원관리