내정보

Guest 님
보유포인트
0
  • 재구매 할인
    30%
  • 컨텐츠 환불
    100%
  • 평점 포인트
    10%
  • 포인트 자동책정
    0%
콘텐츠 수 251

멤버 소개 위젯

최초 등록일: 2018.07.19 조회수 : 378

무료

5.0점 / 총 6명 참여
  • 구매자 28
  • 소개 지정한 회원그룹의 회원 목록을 출력하는 위젯입니다. 캐시를 적용하면 회원그룹 링크와 페이지 내비게이션이 출력되지 않으므로 주의하세요. 
  • 설치경로 /widgets/ap_member_intro 
  • 지원환경 XpressEngine,Rhymix 
  • 라이선스 XPM License (재배포 금지) 
  • 분류 위젯
  • 제작자 윤삼
  • 다운로드
    ap_member_intro.0.3.1.zip 28.01KB (잔여일 : -, 잔여횟수 : -)
    ap_member_intro.0.4.0.zip 30.54KB (잔여일 : -, 잔여횟수 : -)

 

베타버전으로 공개했던 위젯을 정식 버전으로 공개합니다.

베타버전 히스토리 : https://xetown.com/resources/1019561 https://xetown.com/rxe_file/1020511 https://xetown.com/board/1021565

 


 

0.4.0 업데이트(2018-07-23)

- 팔로우/팔로워 항목은 구름이님의 구독 모듈을 사용할 경우 구독 팔로우/팔로워로 표시되며, 그렇지 않을 경우 커뮤니케이션 모듈의 친구 팔로우/팔로워로 표시됩니다. (구름이님께서 직접 코드와 DB 쿼리를 제공해주셨습니다!)

- 팔로우/팔로워의 출력 개수를 설정할 수 있게 했습니다.

- 팔로우/팔로워의 출력 순서는 무작위(랜덤)으로 설정했습니다.

- 개인정보 노출을 최소화하기 위해 불러오는 변수를 최적화했습니다.

- 위젯 클래스 파일의 소스를 최대한 간략하게 정리를 해봤습니다.

- 아, 그리고 최근글/댓글 불러올 때 비밀글과 임시저장글, 그리고 비밀댓글은 불러오지 않게 했습니다. (달콤한인생님)

 


 

회원그룹을 선택해서 선택된 그룹의 회원과 약간의 동향을 소개해주는 위젯입니다.

위젯 설정을 중심으로 자료 소개를 드리겠습니다.

 

0. 스킨 및 캐시 설정

0.png

- 스킨 : 현재 위젯에는 ap_list라는 제목의 기본 스킨이 포함되어 있습니다. 별도의 스킨을 제작하셔서 사용 및 공유하시면 좋습니다.

- 캐시 : 캐시 값을 0 이상으로 설정하시면 위젯 활용에 일정 정도 제약이 있을 수 있습니다(이와 관련해서는 아래 부분에서 언급하도록 하겠습니다). 다만 사이트 속도를 감안하면 캐시 설정을 하시는 게 좋습니다. 개인적으로는 사이트 이용자들이 자주 방문하는 페이지에서는 캐시를 설정해서 쾌적하게 운영하고, 별도의 페이지로 회원을 소개하고자 하는 경우에는 캐시 값을 0으로 해서 다양한 기능을 제공해주는 게 좋다고 생각하고 있습니다.

 

 

1. 헤더 설정

1.png

- 헤더 설정을 하면 별도의 위젯 스타일 없이 위젯에 관한 설명을 시도할 수 있습니다. 두 항목에 아무 것도 입력하지 않으면 기본 스킨에서는 헤더 부분을 노출하지 않도록 되어 있습니다.

- 기본 스킨을 기준으로 위 그림과 같이 입력하면 다음과 같은 결과로 출력됩니다.

2.png

 

 

2. 목록 설정

3.png

- 출력 대상 회원 그룹 : 사이트 내에서 어떤 그룹을 불러들일 것인지 선택합니다. 기본 스킨에서는 여기서 선택한 그룹들이 아래 그림과 같이 탭 메뉴 형식으로 출력됩니다. 단, 캐시 값이 설정되어 있으면 탭 메뉴는 출력되지 않으므로 유의하셔야 합니다.

4.png

- 목록수 : 한 화면에 몇 명의 회원을 보여줄 것인지 결정할 수 있습니다.

- 페이지수 : 목록수보다 불러들인 회원수가 많으면 페이지 내비게이션이 작동합니다. 이때 페이지수에 입력한 값에 따라 페이지 링크의 개수를 조절할 수 있습니다. 기본 스킨에서는 아래 그림과 같이 페이지 내비게이션을 제공하고 있습니다. 단, 이때도 캐시값이 설정되어 있으면 페이지 내비게이션이 출력되지 않으므로 유의하셔야 합니다.

5.png

- 정렬 방법 : 수집한 회원 리스트를 어떤 방식으로 정렬할지 결정합니다. 제공되는 옵션으로는 이름, 가입일, 최근 로그인 일자, 무작위(랜덤) 등이 있습니다.

- 이름 유형 : 정렬 방법으로 '이름'을 선택했다면, 이 이름의 유형을 닉네임, ID, 사용자 이름 중 하나로 골라야 합니다. 이 세 가지 항목은 개인정보 문제도 있고 기능상 중복적이므로 사이트 운영자가 원하는 것 중 하나만 택해서 출력하도록 제한을 뒀습니다.

- 정렬 순서 : '정렬 방법'에서 리스트 정렬의 기준을 잡았다면 여기서는 이를 오름차순으로 할 것인지 내림차순으로 할 것인지 결정합니다.

 

 

3. 출력 및 작동

6.png

- 회원그룹 탭 메뉴 보기 : 스킨 상단의 그룹별 탭 메뉴의 출력을 강제적으로 제어할 수 있습니다. 그러나 캐시 값이 설정되어 있으면 이 옵션과 무관하게 탭 메뉴는 출력되지 않습니다.

- 페이지 내비게이션 보기 : 스킨 하단의 페이지 내비게이션의 출력을 강제적으로 제어할 수 있습니다. 그러나 캐시 값이 설정되어 있으면 이 옵션과 무관하게 페이지 내비게이션은 출력되지 않습니다.

- 표시 항목 및 순서 : 회원 리스트에서 출력할 항목의 옵션과 그 순서를 지정할 수 있습니다. 현재 프로필 이미지, 이름(닉네임, ID, 사용자이름 중 하나), 최근 글, 최근 댓글, 이메일 주소, 홈페이지, 블로그, 생일, 회원가입일, 최근 로그인 날짜, 소속된 회원 그룹, 기타 사용자정의 회원 확장 정보, 회원 서명, 팔로우(해당 회원이 지정한 친구), 팔로워(해당 회원을 친구로 지정한 회원) 등이 제공됩니다. - 참고로 최근 글과 최근 댓글은 가장 최신의 1건만 골라서 출력하도록 되어 있습니다. 또한 팔로우, 팔로워 기능은 향후 구름이님의 구독모듈과 연계할 방법을 찾고 있습니다.

- 프로필 이미지 가로/세로 최대 크기 : 프로필 이미지의 최대 크기(max-width, max-height)를 지정할 수 있습니다. 아무것도 입력하지 않으면 관리자 페이지에서 지정한 프로필 이미지의 최대 크기로 제한됩니다. 참고로 프로필 이미지가 없는 경우 기본 스킨에서는 다음과 같이 메트로섹슈얼한 범용 이미지를 출력하도록 되어 있습니다.

no_profile.png

- 최근 문서 섬네일 출력, 섬네일 이미지 가로/세로 크기 : '표시 항목 및 순서'에서 '최근 글'을 표시 항목으로 뒀을 경우, 해당 문서의 섬네일을 출력할 수 있습니다. 섬네일 이미지의 크기에 제한을 둘 수 있으며, 제한을 두지 않으면 기본값 80px로 제한됩니다.

- 출력할 회원 확장정보 : 이 위젯에서는 회원의 사용자정의 확장 정보도 출력이 가능합니다. 사이트에서 설정되어 있는 확장변수 중 어느 것을 출력할지 선택할 수 있습니다. 확장변수의 id를 쉼표 단위로 입력하면 됩니다.

- AJAX 사용 : 이 기능을 사용하면 회원그룹 탭 메뉴와 페이지 내비게이션의 페이지 링크를 클릭했을 때 페이지 전체를 새로고침하지 않고 위젯 영역만 내용을 바꿔줍니다. 물론 위젯에 캐시 값을 설정했다면 ajax 호출은 되지 않습니다.

 

 

0. 미리보기

- 별 내용은 없지만 참고용으로 둘러보시면 좋을 것 같습니다.

- https://bit.ly/2NqifM5

 

이 콘텐츠가 마음에 드셨다면 커피 한잔 (후원)

닫기
작가에게 커피 한잔(후원)을 사주세요.
profile 아픈 몸이
아프지 않을 때까지 가자

댓글 '31'

프로필 사진 profile
달콤한인생 2018.07.19 09:28 댓글 별점
감사히 사용하겠습니다. 호옥시 회원을 랜덤으로 출력하는 옵션은 안될,, 물론 지금도 너무너무 좋습니다!ㅋㅋㅋ
프로필 사진 profile
윤삼 2018.07.19 09:40 댓글 별점
정렬 방법을 '무작위(랜덤)'로 해보세요~
프로필 사진 profile
달콤한인생 2018.07.19 09:46 댓글 별점
네. 감사합니다.
프로필 사진 profile
이상열 2018.07.19 11:04 댓글 별점
와,,,감사합니다. 정말 필요한 기능인데, 고맙습니다. ^^
프로필 사진 profile
윤삼 2018.07.19 11:13 댓글 별점
네, 잘 써주세용~
프로필 사진 profile
skyo 2018.07.19 11:09 댓글 별점
너무 좋아요~~~ 대문에 걸어 넣고 잘 쓰고 있습니다.
프로필 사진 profile
윤삼 2018.07.19 11:13 댓글 별점
대문이라니ㄷㄷ 영광입니다ㅜ
프로필 사진 profile
yoon 2018.07.19 11:21 댓글 별점
감사합니다. 잘 사용하겠습니다.
프로필 사진 profile
윤삼 2018.07.19 12:22 댓글 별점
네, 부디 유용했으면 좋겠네요 :)
프로필 사진 profile
호박 2018.07.20 01:52 댓글 별점
좋은 자료 감사합니다. 받아서 사용해보려고 하는데

미리보기 처럼 설명문같은것을 달려면 어떻게 해야 될까요?? ^^;
프로필 사진 profile
윤삼 2018.07.20 19:18 댓글 별점
데모 페이지에 있는 것 말씀이시죠?
그거라면 헤더 설정 부분에 텍스트를 넣으시면 돼요.
혹시 다른 문의사항 있으시면 언제든 말씀주세요~
프로필 사진 profile
호박 2018.07.20 20:11 댓글 별점
해봤는데 잘안되서 다시 여쭤봅니다. ㅜㅜ
여성캐릭터 이미지 밑부분에 설명 나오는거를 해보고싶은데
그게 헤더부분 인가요??
프로필 사진 profile
윤삼 2018.07.20 20:28 댓글 별점
아, 회원 서명 부분 말씀이신가요? 회원 서명을 가져온 거예요.
해당 위젯은 회원을 소개해주는 거지, 캐릭터 소개는 아닌데;;;
데모 페이지 구성 때문에 가라로 회원 만들면서 서명 부분에 딱히 넣을 게 없어서 그렇게 한 거거든요.
프로필 사진 profile
호박 2018.07.21 16:30 댓글 별점
아.. 감사합니다 ^^
프로필 사진 profile
지구침략자 2018.07.21 12:28 댓글 별점
감사한 마음으로 잘 쓰겠습니다..고맙습니다 ^^
프로필 사진 profile
윤삼 2018.07.23 15:57 댓글 별점
0.4.0으로 업데이트 했으니 참고해주세요~
프로필 사진 profile
달콤한인생 2018.07.23 20:17 댓글 별점
업뎃 감사합니다!
프로필 사진 profile
윤삼 2018.07.23 21:50 댓글 별점
비밀글 지적해주신 거 신의 한 수였어요 :D
프로필 사진 profile
skyo 2018.07.23 20:29 댓글 별점
아주 잘되용~~
프로필 사진 profile
윤삼 2018.07.23 21:52 댓글 별점
구름이님 덕분에 완성도가 높아졌어요 흙흙;;
프로필 사진 profile
웹지기 2018.07.30 13:14 댓글 별점
회원검색과 병행해서 페이지를 만들고 싶은데요.
출력된 회원의 프로필이미지,닉네임을 클릭하면 즉시 썸씽페이지로 연결 가능하게 하면 어떨까요?
프로필 사진 profile
윤삼 2018.07.30 16:00 댓글 별점
썸씽 모듈 설정을 불러오면 완벽하긴 한데, 당장 그럴 순 없으니 일단 미봉책으로 위젯 스킨 파일 intro.html을 수정해줘야 할 것 같습니다.
24행을 <a href="{getUrl('mid', 'profile', 'smember', $item->name)}">{htmlspecialchars($item->name)}</a>으로 바꿔보세요~
프로필 사진 profile
웹지기 2018.07.30 16:01 댓글 별점
일단 스킨에서는 링크를 걸었습니다 ㅋ
프로필 사진 profile
윤삼 2018.07.30 16:06 댓글 별점
onclick이랑 class 속성도 지워야 하는 것 같더라구요.
프로필 사진 profile
웹지기 2018.07.30 16:16 댓글 별점
아.. 닉네임쪽 확인을 안했었네요. 마저 처리해봐야겠습니다.
프로필 사진 profile
웹지기 2018.07.30 17:23 댓글 별점
일단 class를 유지하면서 최선인게
<a href="#" onclick="window.open('/@{htmlspecialchars($item->name)}');return false;" class="nName member_{$item->member_srl}">{htmlspecialchars($item->name)}</a>
이런식 인듯 하네요. 뭐 썸씽모듈 활동내역페이지 새창이 잘 뜹니다. 회원메뉴 레이어팝업이 뜨긴 하지만요~
프로필 사진 profile
윤삼 2018.07.30 17:40 댓글 별점
네! nName은 구름이님이 구독모듈 관련해서 소스를 직접 주신 거여서 유지하는 게 좋을 거 같아요.
프로필 사진 profile
웹지기 2018.07.30 17:46 댓글 별점
nName 은 별 영향을 안줄거구요. member_{$item->member_srl} 이게 코어에서 회원메뉴가 뜨게 되는 class 인데 이걸 빼버리면 해결은 가능하지만 그룹 아이콘 같은 것이 사라지고 그냥 텍스트 닉네임이 출력되어서 선택의 기로에 서야 합니다 ㅋ

위젯의 php나 js 에서 해당부분을 바꿔치기해야 그룹아이콘을 유지하면서 회원메뉴를 안뜨게 하고 원하는 링크만 동작하게 할 수 있을것 같아요.

구독모듈위젯이 그러한 옵션이 들어가 있기 합니다.
프로필 사진 profile
윤삼 2018.07.30 17:50 댓글 별점
아 그룹 아이콘도 있었죠. 사용을 안 하다보니 이렇게 잘 몰라요ㅋ
프로필 사진 profile
웹지기 2018.07.30 18:00 댓글 별점
꼼수대장인가 봅니다 ㅋ
#popup_menu_area{display:none !important;}
이걸로 회원메뉴 안뜨고 회원활동내역으로 이동하게 했습니다 ㅋ
프로필 사진 profile
윤삼 2018.07.30 18:22 댓글 별점
꼼수라뇨ㅋㅋㅋ 어쩌면 유일한 방법일 수 있을 거예요. 꼭 참고할게요.
서버에 요청 중입니다. 잠시만 기다려 주십시오...