I. 개요
Mario 위젯은 게시글, 댓글, 이미지에 대하여 목록형, 카드형, 웹진형 등 다양한 디자인을 제공합니다.
또한 필요에 따라 반응형, 모바일 및 고정폭 레이아웃에 각각 사용할 수 있으며, 위젯스타일을 별도 제공하고 있습니다.
Mario 위젯에서 설정할 수 있는 주요 부분은 다음과 같습니다.
- 추출대상 : 게시글, 댓글, 첨부이미지
- 대상카테고리 : 특정 분류만 선택할 수 있습니다.
- 내용형태: 421,632 브레이크포인트는 320px,640px,768px입니다.
- 목록형(테이블, 리스트)
- 카드형
- 카드형 421
- 카드형 632
- 카드폭 고정
- 웹진형
- 탭형태:상단탭, 박스형, 헤드형 2가지 디자인을 제공합니다.
- 목록수
- 1열당 출력개수
- 목록 : 제목, 섬네일, 내용, 등록일, 글쓴이, 조회수, 추천수
- 표시항목 : 게시판이름, 댓글수, 분류
II. 스킨
1. 목록형(테이블, 리스트)
- 제목을 출력하는 일반적인 리스트 형태입니다.
2. 카드형
- 한 행에 설정한 갯수만큼만 출력합니다. 폭은 자동 조절됩니다.
목록수 4, 1열당 출력개수 2로 설정하면 2개씩 2열로 출력됩니다.
3. 카드형421
- 해상도(360px,640px,768px)에 따라 한 행에 출력되는 갯수가 4,2,1개로 조절됩니다. 목록수는 4의 배수로 지정하십시오. 폭은 자동조절됩니다.카드크기에 따라 썸네일이 너무 작아 이미지가 흐리게 나오면 적절하게 썸네일 크기를 조정합니다. 목록수 8로 지정하면 해상도에 따라 4개 2열, 2개 4열, 1개 8열로 출력합니다.
4. 카드형632
- 해상도(360px,640px,768px)에 따라 한 행에 출력되는 갯수가 6,3,2개로 조절됩니다. 목록수는 6의 배수로 지정하십시오. 폭은 자동조절됩니다. 카드크기에 따라 썸네일이 너무 작아 이미지가 흐리게 나오면 적절하게 썸네일 크기를 조정합니다. 목록수 6으로 지정하면 해상도에 따라 6개 1열, 3개 2열, 2개 3열로 출력합니다.
5. 카드형 폭고정
- 지정한 폭(썸네일 넓이)으로 카드 폭이 고정이 됩니다. 목록이 많아 한행에 모두 표시할 수 없으면 줄바꿈이 됩니다.
6. 웹진형
- 웹진형 스타일입니다.
III. 위젯코드
붉은 색은 위젯스타일 코드입니다.
<img class="zbxe_widget_output" widget="mariocontent" skin="mario_document" colorset="layout" content_type="document" module_srls="68,383" list_type="normal" tab_type="none" tab_design="tab_box" markup_type="table" list_count="5" cols_list_count="5" page_count="1" subject_cut_size="40" content_cut_size="90" nickname_cut_size="5" option_view="title,regdate,nickname,thumbnail,content,readed_count,voted_count" show_browser_title="Y" show_comment_count="Y" show_category="Y" show_icon="Y" order_target="regdate" order_type="desc" thumbnail_type="crop" thumbnail_width="128" thumbnail_height="128"
widgetstyle="phiz_wsmario" ws_more_url="https:// phiz.kr/" ws_title="유용한 팁" ws_title_size="14" />
IV. 위젯코드 변수
| 변수명 | 값 | 설명 |
|---|---|---|
| module_srls | 숫자 | 추출 대상 모듈(게시판) 번호 |
| category_srl | 숫자 | 출력하고자 하는 카테고리 번호 |
| content_type | document comment image |
출력하고자 하는 내용이 게시물, 댓글, 이미지인지 선택 |
| list_type | normal card card_fixed rwd421 rwd632 zine |
내용형태 제목, 카드(갤러리)형, 카드(갤러리) 넓이고정, 반응형 421형, 반응형 632형, 웹진형 |
| tab_type | none tab_top |
탭 없음, 상단 탭형 |
| tab_design | tab_head tab_box |
탭 디자인 헤드형, 박스형 |
| markup_type | table list |
"list_type"이 "normal"인 경우 HTML 출력 방식 table(table tag), list(ul tag) |
| list_count | 숫자 | 출력되는 목록수 |
| cols_list_count | 숫자 | card(카드형), card_fixed(카드 넓이고정)의 1열당 출력될 수. list_count = "6" cols_list_count = "3" 이라면 1열당 3개씩 2열로 출력 |
| page_count | 숫자 | 페이지수 2이상일 경우 이전/다음 버튼이 나타납니다. 1~3페이지 |
| subject_cut_size | 공란 0 숫자 |
제목 글자수, 0또는 비우면 자르지 않습니다 |
| content_cut_size | 공란 0 숫자 |
내용 글자수 |
| nickname_cut_size | 공란 0 숫자 |
닉네임 글자수 |
| new_window | 공란 Y |
링크타겟, 현재창(공란) 또는 새창 열기(Y) |
| option_view | title thumbnail regdate nickname content readed_count voted_count |
제목,섬네일,등록일,글쓴이,내용,조회수,추천수 중 출력하고자 하는 항목을 출력 순서대로 입력 |
| show_browser_title | Y N |
게시판 이름 표시 |
| show_comment_count | Y N |
댓글수 표시 |
| show_category | Y N |
분류 표시 |
| show_icon | Y N |
아이콘 표시 |
| duration_new | 숫자 | 새로 등록된 게시물의 new 표시시간 |
| order_target | regdate update_order voted_count readed_count |
최신 등록순,최근 변경순,추천순,조회수 순 |
| order_type | desc asc |
정렬방법 내림차순,올림차순 |
| thumbnail_type | crop ratio |
썸네일 생성 방법 |
| thumbnail_width | 숫자 | 이미지 가로크기 |
| thumbnail_height | 숫자 | 이미지 세로크기 |