일전에 팁으로 남겼던 이전글, 다음글을 이번에 위젯으로 만들어 보았습니다.

스킨은 버튼형 스킨과, 리스트형 스킨 두개를 기본 제공합니다.

- 설치 -
- division.zip의 압축을 푼 후 ./제로보드XE/widgets/ 폴더 안에 복사하여 주세요.
- 그 후 관리자페이지 -> 위젯 메뉴에서 이전글, 다음글 출력 위젯을 코드생성해서 스킨의 원하는 위치에 삽입하여 주시면 됩니다.


- 옵션-
- 이전글(정렬식 중 제일 최근 글), 다음글(정렬식 중 제일 오래된글) 형태로 2개를 만들어놔야 이전글, 다음글 표기가
원활하게 됩니다.
(이전글 위치와 다음글 위치를 따로따로 원하는 곳에 삽입하시라고 분리했습니다.)
- 제목 부분을 입력하시면 리스트형에서 '제목' : [내용] 으로 표기 됩니다. (버튼형은 버튼명이 됩니다.)
- 목록 수 : 기본 1개인데 여러개 출력 가능합니다.(제한없음)
(리스트형에서 유효하며, 버튼형에서 실행시 버튼이 여러개 생기게 되니 리스트형용으로만 사용하십시오.)
- 제목 글자수 : 리스트형에서의 제목길이 출력 입니다.
- 정렬 대상 : 등록순인지 글 수정순인지로 정렬 합니다.
- 검색 내용 적용 : 이전글 다음글의 표기에 대해 검색 내용이 적용된 상태에서 정보를 구할지 여부입니다.
- 분류 내용 적용 : 카테고리 선택시 선택된 카테고리 내에서 정보를 구할지 여부입니다.
- 모듈 : 위 화면에는 짤렸는데 기본적으로 모듈을 자신이 사용할 모듈로 선택해주셔야 합니다.
모듈을 여러개 중복으로 선택시 선택된 모듈에서 계산하여 정렬방식순으로 이전글, 다음글을 구합니다.


적용방법(기본 스킨으로 설명)

먼저 위 설치 항목에서 얻어온 코드를(이전글 1개, 다음글 1개 총 두개의 코드값필요)

./modules/board/skins/xe_board/view_document.html 약 144줄
<!-- 목록, 수정/삭제 버튼 -->
<div class="contentButton">
<div style="float:left;">
<img class="zbxe_widget_output" widget="division" skin="button" colorset="normal" title="이전글" division_type="prev" order_target="list_order" search_type="Y" category_type="Y" mid_list="모듈명" />
</div>
<div style="float:left;">
<img class="zbxe_widget_output" widget="division" skin="button" colorset="normal" title="다음글" division_type="next" order_target="list_order" search_type="Y" category_type="Y" mid_list="모듈명" />
</div>
<!--@if($module_info->default_style != 'blog')-->
<a href="{getUrl('document_srl','')}" class="button"><span>{$lang->cmd_list}</span></a>
<!--@end-->
<!--@if($oDocument->isEditable())-->
<a href="{getUrl('act','dispBoardWrite','document_srl',$oDocument->document_srl,'comment_srl','')}" class="button"><span>{$lang->cmd_modify}</span></a>
<a href="{getUrl('act','dispBoardDelete','document_srl',$oDocument->document_srl,'comment_srl','')}" class="button"><span>{$lang->cmd_delete}</span></a>
<!--@end-->
</div>
주황색의 태그를 만들어주시고 빨간색으로 표기된 형식의 위젯 코드를 삽입해주세요.
밑줄 친 내용에서 타이틀명과 사용하려는 모듈을 선택해주세요.
(위 사항 모두 위젯코드로 설정하면 자동 출력되는 사항이니 특별한 일이 없는한 위젯코드는 수정하지 않으셔도 됩니다.)


ps : 명칭에 대해서 설명드리겠습니다.

이전글 : 원래대로(?)라면 오래된 내용순으로 적합한 이름인듯하나, 보통 위에서 아래로 글을 읽어가기 때문에 최근글을 이전글이라
이름을 명했습니다.
다음글 : 해당글에서 하단에 표기되는 다음글의 의미는 내가 보고 있는 글의 다음 목록(밑에글) 글이라고 생각하여 다음글이라 이름을 명했습니다.

위 두개 모두 서로 말이 잘못된 것 같다고 생각이 되시면 타입은 이전글(prev)로 하시고 title명으로만 '다음글' 이라고 명명하셔도 됩니다.

ps : DocumentItem 함수들 적용 시켰습니다.
스킨에서 사용되는 변수 정보와 함수 정보는 게시판 리스트 스킨에서 사용되는 형식은 거의 다 될겁니다.
이미지 섬네일 등 필요한 내용은 게시판 스킨의 함수선언법 등을 참조하여 스킨 제작시 도움이 되시길 바라겠습니다.


@@ 다음글, 이전글 수정 합니다. @@ // 08.07.25 20:00
- 위젯 옵션 추가 -
- {$document_srl} 등을 선택하여 그 값으로 부터 앞뒤를 계산하도록 옵션 추가 합니다.
(블로그나 최근글 위젯 등에서 사용하심 되겠네요)
- $document_srl 변수명을 기본적으로 표기하게 해놨는데요. 상황에 따라서 $oDocument->document_srl 이나 Context::get('document_srl') 로 바꿔주셔야 합니다.
(이 부분은 사용하시는 스킨에서 다른 변수 선언 명을 참조해주세요.)

- 스킨 수정 -
- 별거 아닌 수정이지만 중요하다고 생각도 들기에 수정해서 다시 올립니다.
- 전체모듈대상으로 이전글 다음글 사용시 현재 접속중인 모듈명이 부득이하게 포함되는 주소체계라서 이를 수정합니다.


@@ 전체파일을 다시 올립니다. 다운 받으셔서 덮어 씌워주세요. ^^

'widget' 카테고리의 다른 글

최근 게시글 위젯 페이지 기능 추가본  (0) 2008.11.06
최근 웹진 위젯 페이지 기능 추가  (0) 2008.11.06
Ajax 파일출력  (1) 2008.06.21
by Anna 안나 2008. 11. 6. 00:29


ZBXE 1.0.5 newest_document 기본위젯에 페이지 기능을 추가했습니다.

만들어놓은 스킨은 기본 default 스킨에만 해뒀으며, 상하 출력을 위한 분들을 위해 설정은 위 그림 처럼 맞춰뒀습니다.

사용된 함수법은 medias의 위젯에서 만들어놓은 기능을 적용시켰습니다.


- 설치법 - (※주의 기존 newest_document를 덮어씌우는 경우 이므로, 사전에 꼭 백업을 해둡시다.)
1. 첨부파일 newest_document_page.zip 파일을 다운 받으셔서 압축을 푸시면 newest_document 폴더가 나옵니다.
2. 해당 폴더를 widgets폴더 안에 덮어씌우시기 바랍니다. (꼭! 기존꺼는 백업 필수)
3. 위젯 코드생성에서 페이지 출력 수를 정해주시고 (기본 5개) 페이지 출력 여부를 꼭 Y 로 설정하세요 (기본 N)


활용법은 뭐 다들 아시겠지만 통합 게시판이라는게 없어서 불편한 참에 위젯을 쓰자니 페이지 기능이 없어서 만들어 봤고요,
이로써 전체게시판처럼 만들어서 사용할 수 있겠네요(보는것만 되겠지만)

전체게시물 보기의 연속성을 위해서 게시판 스킨 보기메뉴에서 하단에 리스트 보이는걸 없애고 이 위젯을 만들어 놓으면,
전체 게시판 기능으로써 사용 가능할 듯 합니다.

ps : 페이지 네비게이션 함수가 허접함의 극치이니 고수님들께서 대폭 수정하여 기능개선해 주시면 좋겠네요. ^^
by Anna 안나 2008. 11. 6. 00:27



이상하게 저는 skin부분에 있는 thumbnail 부분에서 오류가 나는데요.

정식 스킨이 오류날리는 없는거 보니 제꺼랑 먼가 안맞는듯해요.

하지만 그 부분 정식이랑 같게 포함 시켰습니다.

- 설치법 -
(※ 꼭 설치하기 전에 webzine 스킨을 백업해 둡시다.)
(※ 이 스킨을 사용하기 전에 newest_document 스킨도 페이지 기능이 적용되어 있어야 합니다.)
1. webzine_page.zip을 다운 받으셔서 압축을 푸시면 webzine 폴더가 나옵니다.
2. 이를 widgets 폴더에 복사해주세요( 기존꺼 있음 덮어씌우세요. )
3. 관리자 페이지에서 위젯-> 웹진-> 위젯코드 생성을 누르셔서 페이지 기능 부분을 설정 한 후 코드를 만들어서 사용하세요.

스킨은 xe_official에만 적용 되어있습니다.
해당 스킨의 list.html파일을 참고하셔서 다른 위젯 스킨이 있으시면 추가해주세요.
by Anna 안나 2008. 11. 6. 00:25
원하는 파일을 Ajax를 사용하여 출력하게 해줍니다.
by Anna 안나 2008. 6. 21. 15:59
| 1 |