• ◈ 위젯

     

    * 목록형, 웹진형, 갤러리형으로 출력이 가능합니다.

    * 탭 기능은 없습니다. 

    * 갤러리형은 반응형에 대응합니다.

    * 목록형은 리스트, 테이블 스타일이 각각 있습니다. 

     

    * 목록 리스트 형 : 제목 아래에 날짜, 글쓴이가 출력

     

    <img class="zbxe_widget_output" widget="content" skin="KSO_contentSkin" colorset="layout" content_type="document" module_srls="276" list_type="normal" tab_type="none" markup_type="list" list_count="8" page_count="1" subject_cut_size="50" option_view="title,regdate,nickname" show_browser_title="N" show_comment_count="Y" show_trackback_count="N" show_category="N" show_icon="Y" order_target="regdate" order_type="desc" thumbnail_type="crop" />

     

     

    * 목록 테이블 형 : 제목, 날짜, 글쓴이가 한 줄로 출력

     

    <img class="zbxe_widget_output" widget="content" skin="KSO_contentSkin" colorset="layout" content_type="document" module_srls="276" list_type="normal" tab_type="none" markup_type="table" list_count="5" page_count="1" subject_cut_size="40" option_view="title,regdate,nickname" show_browser_title="N" show_comment_count="Y" show_trackback_count="N" show_category="N" show_icon="Y" order_target="regdate" order_type="desc" thumbnail_type="crop" />

     

    * module_srls="276" 부분에 해당 게시판 모듈 값으로 수정하시면 됩니다. (자주 묻는 질문 참고)

     

    * 웹진 형 (이미지 + 제목 + 내용)

     

    <img class="zbxe_widget_output" widget="content" skin="KSO_contentSkin" colorset="layout" content_type="document" module_srls="288" list_type="image_title_content" tab_type="none" markup_type="list" list_count="3" page_count="1" subject_cut_size="30" content_cut_size="80" option_view="thumbnail,title,content" show_browser_title="N" show_comment_count="Y" show_trackback_count="N" show_category="N" show_icon="N" order_target="regdate" order_type="desc" thumbnail_type="crop" thumbnail_width="90" thumbnail_height="55" />

     

    * 섬네일 가로, 세로 사이즈는 조정해주세요.

     

    * 이미지 + 제목 (최근 게시물 섬네일 하나에 나머지 게시물 제목이 출력되는 형태)

     

    <img class="zbxe_widget_output" widget="content" skin="KSO_contentSkin" colorset="layout" content_type="document" module_srls="288" list_type="image_title" tab_type="none" markup_type="table" list_count="3" page_count="1" subject_cut_size="30" content_cut_size="80" option_view="thumbnail,title" show_browser_title="N" show_comment_count="Y" show_trackback_count="N" show_category="N" show_icon="N" order_target="regdate" order_type="desc" thumbnail_type="crop" thumbnail_width="200" thumbnail_height="155" />

     

    * 갤러리 

     

    <img class="zbxe_widget_output" widget="content" skin="KSO_contentSkin" colorset="layout" content_type="document" module_srls="290" list_type="gallery" tab_type="none" markup_type="table" list_count="4" cols_list_count="4" page_count="1" subject_cut_size="30" content_cut_size="130" option_view="thumbnail,title,nickname,content,regdate" show_browser_title="N" show_comment_count="Y" show_trackback_count="N" show_category="N" show_icon="N" order_target="regdate" order_type="desc" thumbnail_type="crop" thumbnail_width="262" thumbnail_height="150" />

     

    * 갤러리은 섬네일 외에 제목, 내용 등도 출력할 수 있습니다. 

     

     

    * 위젯 코드 분석 

    관리자에서 위젯 코드를 추출할 수 있습니다만, 대충 내용만 보면 금방 알 수 있는 부분이라 간단한 수정은 코드에서 바로 수정하시면 됩니다.

     

    * 필요한 부분이거나 지원 되는 것만 정리하였습니다.

     

    colorset="layout" : 컬러 셋 layout - 레이아웃에 맞춤 (기본이며 다른 컬러 셋 지원은 없습니다.)

    module_srls="290" : 불러올 게시판 모듈 값

    list_type="gallery" : 목록 타입 - 갤러리

    markup_type="table" : 마크업 타입 list, table 이 있습니다.

    list_count="4" : 목록 총 개 수 

    cols_list_count="4" : 가로 개 수 

    subject_cut_size="30" : 제목 글자 수

    content_cut_size="130" :  내용 글자 수

    option_view="thumbnail,title,nickname,content,regdate" : 출력 옵션 : 섬네일, 제목, 닉네임, 내용, 날짜

    show_browser_title="N" : 브라우저 제목 출력 여부

    show_comment_count="Y" : 댓글 수 출력 여부

    show_trackback_count="N" : 트랙백 출력 여부

    show_category="N" : 카테고리 출력 여부

    show_icon="N" : 아이콘 출력 여부

    order_target="regdate" : 정렬 대상 - 날짜순(regdate), 변경순(update_order)

    order_type="desc" : 정렬 방법 - 내림차순(desc), 올림차순(asc)

    thumbnail_type="crop" : 섬네일 - 지정 사이즈 꽉 채우기(crop), 비율 맞추기(원본 이미지 비율에 맞게 ratio)

    thumbnail_width="262" : 섬네일 가로 사이즈

    thumbnail_height="150" : 섬네일 세로 사이즈

     

     

     

    ◈ 문서 스킨

     

    * 페이지를 꾸밀 때도 반응형으로 쉽게 꾸밀 수 있도록 문서 스킨을 제공하고 있습니다.

     

    * 문서 스킨 사용 방법

     

    - 설치 : ./modules/page/skins/KSO-ArticleBasic

    - 사이트 맵(메뉴) 생성 시 문서 페이지로 생성

    - 연결 : 해당 페이지 > 설정 > 모듈 정보 탭에 스킨 지정(KSO 아티클 문서스킨(베이직))

    - 꾸미기 : 해당 페이지 > 설정 > 탭 매뉴 스킨 관리에서 꾸미기

     

     

    * 문서 스킨 (베이직) : 샘플 페이지 http://ksostudio.com/project/ave_corp_article

     

    - 탑 이미지 사용 여부

      ㄴ 탑 이미지 업로드

    - 페이지 타이틀

      ㄴ 내용 1, 2

    - 페이지 이미지 업로드

    - 추가 영역 사용 여부 

      ㄴ 추가 영역 타이틀

      ㄴ 내용

      ㄴ 이미지 1, 2, 3 업로드 

     

     

    * 문서 스킨 (어드밴스 : 비지니스 라이선스만 해당) : 샘플 페이지 : http://ksostudio.com/project/ave_crea_article

     

     * 어드밴스는 다음 장 공간 활용 소스를 참고해서 더욱 다양하게 꾸밀 수 있습니다.

     

    - 사이드 옵션 설정 : 사이드 왼쪽, 사이드 오른쪽, 사이드 사용 안함 중 선택

      ㄴ 타이틀 이미지 : 타이틀을 이미지로 꾸미고자 할 때

      ㄴ 타이틀 텍스트 : 타이틀을 제목으로 꾸미고자 할 때 (둘 다 입력 시 이미지가 우선)

      ㄴ 요약 1, 2

      ㄴ 사이드 추가 공간 1, 2, 3

     

    - 본문 탑 이미지 사용 여부 : 본문 탑에 이미지로 꾸밀 수 있습니다.

      ㄴ 탑 이미지

    - 탭 엘리먼트 사용 여부 : 탭 형 엘리먼트로 페이지에 내용을 분류하여 사용할 수 있습니다.

      ㄴ 제목

      ㄴ 내용 

      ... 탭 총 10 개까지 지원

     

    - 블럭 엘리먼트 사용 여부 : 세로로 블럭을 나눠서 꾸밀 수 있습니다. (예로 일반적인 연혁과 흡사한 형태)

      ㄴ 큰 타이틀 : 블럭 타이틀

      ㄴ 왼쪽 제목 : 왼쪽 영역에 제목

      ㄴ 내용 : 오른쪽 영역에 내용 채우기

      ... 총 10개 까지 지원 

     

     

     

    ◈ 반응형 게시판 스킨

    * 샘플 : http://ksostudio.com/project/ave_board_list

    * 비지니스 라이선스 취득 시 제공 (ksjade@ksodesign.com 으로 메일 주시면 보내 드립니다.)

    * 레이아웃과 잘 어울리는 세련된 스타일

    * 옵션 설정이 간단하여 사용이 편리

     

     

    - 설치 : ./modules/board/skins/KSO_responBoard

    - 스타일 : 목록, 웹진 가로형, 웹진 세로형, 갤러리형, 블로그

    - 본문내 자동 갤러리 : 사용 시 첨부된 이미지를 자동으로 갤러리 형태로 보여줍니다.

    * 샘플 : http://ksostudio.com/project/index.php?mid=ave_board_gallery&document_srl=350

     

    - 검색 바 위치 : 상단 우측과 하단 좌측 중 선택 가능

    - 동영상 사용 시 자동 섬네일 출력, 확장 변수 생성 후 동영상 주소만 입력하면 자동으로 적용.(비메오, 유투브)

     

    * 사용이 간단하여 따로 매뉴얼은 없습니다.

    * 버그 패치 외에 추가 기능 업데이트 예정은 없습니다.

     

    페이스북 트위터 미투데이 요즘 마이피플