질문/조언팁/리소스 공유

 

1. 페이스북의 위젯 또는 트위터의 팔로우 리스트, 네이버 블로그 이웃목록 같은 기능은 잘 아실 겁니다.

 

그것을 RXE에서 구현해 보는 팁입니다.

a25488c1241b0ca725c0d8e583204013.png스크린샷 2018-03-21 오후 10.44.14.png

 

 

 

필요한 자료는 아래 두가지를 다운로드 및 구매한 이후 추가 필수 파일을 다운로드 받으시길 바랍니다.

썸씽 : https://xetown.com/rxe_point/928309

구독 : https://xetown.com/index.php?mid=rxe_market&category=675319&document_srl=779784

필수 파일 : https://catenater.com/follow_help/27542

 

이후 아래의 구문을 글 읽기 서명란 하단등 본인 사이트의 적절한 곳에 아래 구문을 집어넣고 사용하시면 되겠습니다.

물론 아래 내용 그대로 사용하지 말고 각자 디자인은 본인 사이트에 맞게 손을 보셔야겠죠?

 

 

---

{@
$sargs=new stdClass;
$sargs->page = $page;
$sargs->list_count = 10; // 페이지당 출력할 회원 수
$sargs->page_count = 5; //표시될 페이지수 최대수
$sargs->member_srl=$oDocument->get('member_srl');
$mfOutput = executeQueryArray("memberfollow.getMemberMyFollowList",$sargs);
$oMemberModel = getModel('member');
}

<[email protected]($mfOutput ->data as $no => $fmember)-->
    {@ $fmemberInfo = $oMemberModel->arrangeMemberInfo($fmember, 0); }
    {$fmemberInfo ->nick_name}
    <[email protected]($fmemberInfo ->profile_image->src)-->
    <a href="/*이글의 방법대로:https://xe-something.com/board_support/183"/*><img src="{$fmemberInfo ->profile_image->src}" width="{$fmemberInfo ->profile_image->width}" height="{$fmemberInfo ->profile_image->height}"></a>
    <[email protected]>    <a href="/*이글의 방법대로:https://xe-something.com/board_support/183"/*><img src="/noimage.png" width="{$fmemberInfo ->profile_image->width}" height="{$fmemberInfo ->profile_image->height}"></a><[email protected]>
<br>
<[email protected]>

<[email protected]($mfOutput ->data)-->
{@
//페이징 처리 시작
$prev_page = max($page-1, 1);
$next_page = min($page+1, $page_navigation->last_page);
}
<a class="<[email protected]($page == $prev_page)-->disabeled<[email protected]> item st-angle"  href="<[email protected]($page == $prev_page)-->#<[email protected]>{getUrl('page',$prev_page)}<[email protected]>">
<
</a>
<[email protected]($page_no = $mfOutput->page_navigation->getNextPage())-->
<a class="<[email protected]($page == $page_no)-->active<[email protected]> item" href="<[email protected]($page == $page_no)-->#<[email protected]>{getUrl('page',$page_no)}<[email protected]>">{$page_no}</a>
<[email protected]>
<a class="<[email protected]($page == $next_page)-->disabeled<[email protected]> item st-angle"  href="<[email protected]($page == $next_page)-->#<[email protected]>{getUrl('page',$next_page,'module_srl','')}<[email protected]>">></a>
<[email protected]>

 

저는 아래와 같이 적용하였습니다. 저도 막 적용하고 올리는 글이라 디자인은 계속 손을 봐야겠죠? 

 

아무튼 이렇게 페이스북의 그것 처럼 본인의 글을 읽고 있는 사람들에게는

 

아래처럼 제 글의 하단에는 제가 구독(팔로우 =좋아하는 사람)들의 목록이 같이 출력이 됩니다.

 

그리고 프로필 이미지를 클릭을 하면 해당 유저의 활동 페이지 내역으로 접속이 되어

제 글을 읽는데서 끝나는 것이 아니라 회원들이 

계속해서 사이트 내에 머물며 글을 타고 이동을 하게 됩니다. 그리고 해당 유저의 친구 추가도 하고 말이죠. 

 

스크린샷 2018-03-21 오후 9.58.43.png

 

 

이제는 RXE 도 회원간에 그럴듯한 소셜라이징이 충분히 가능 합니다. :-)

 

ps. 디자인을 잘하시는 분들은 위 소스를 이용해 내 친구 목록을 더욱 이쁘게 만드실수 있겠죠^^ 이쁘게 잘 만드셨으면 저도 좀 알려주시고요~ 

 

 

2. 그리고 하나더 말씀 드려 보자면, 썸씽모듈은 활동내역을 보여주는것 뿐만 아니라 회원 개별 접속 주소를 제공 합니다. 

스크린샷 2018-03-21 오후 10.15.40.png

 

그러므로 운영자는 사이트 회원들이 능동적으로 위 개인별 계정을 활용 할수 있도록 해당 페이지가 

본인의 것이라고 알려주는 것이 중요합니다. 그것도 접속 가능한 페이지 주소도 함께 말이죠.

 

해서 예를 들면 제사이트에서는 닉네임 옆에는 늘 집 아이콘+dock이라고 늘 같이 출력 되게 만들었습니다.

스크린샷 2018-03-21 오후 10.13.07.png

 

그 것을 클릭을 하면 아래의 형태의 주소로 이동합니다.

http(s)://XEURL/@user

 

방법 참조 : https://xe-something.com/board_support/183

 

시간이 지나면 지날수록 사람들은

 

www.xe-something.com/?index.php&mid=wowtoolong 이런 주소를 공유하기 보다는 

본인 개별화된 페이지인 xe-somthing.com/@shorten 이런 주소를 공유 및 활용을 하고 다닐거라 기대할수 있을겁니다. 

뭐 이런거 저런거 다 떠나서 회원 닉네임 -> 우클릭 -> 작성글 보기 에서 해방 시켜 준다면 회원들에게 좋은거잖아요?

 

조금만 더 친절해 보시길~ :-)

 

감사합니다.

 

ps. 시간이 지나서 언젠가는 또 다른 능력자가 나오셔서 구 플래닛의 모듈의 그것 처럼

내가 구독한 친구의 최신글 현황 위젯도 개발되고 하면 더욱 좋겠습니다. 제이쿼리엔지가 나지 않는 그런 위젯 말이죠~

글쓴이 skyo

?
XE타운 관리자 입니다.
관리자 아닌것 같지만 제이쿼리 엔지가 없는게 매력인 관리자 입니다.
  • ?
    게시글 열었는데 너무 익숙한 프로필이 보여서 깜짝... 보니까 아는사람이 맞네요...