통합 콘텐츠 위젯
통합 콘텐츠 위젯(zittme_content)은 게시판의 글·댓글을 다양한 형태로 보여주는 반응형 위젯입니다. 0.0.02부터 코어에 동봉됩니다.
핵심 개념은 하나입니다: 위젯 1개 = 가로 1줄. 줄을 1~4개 슬롯(열)으로 나누고 각 슬롯에 게시판을 연결합니다. 이 위젯을 여러 개 쌓으면 포털형 메인 페이지가 완성됩니다.
빠르게 시작하기
1. 관리자 > 위젯, 또는 페이지 편집에서 위젯 삽입을 엽니다.
2. 통합 콘텐츠 위젯을 고르고 폭을 100%로 둡니다.
3. 줄 구성에서 프리셋을 하나 고릅니다. 예: "매거진 58 + 목록 42"
4. 슬롯 1·2에 게시판 주소(mid)를 입력합니다. 예: 슬롯1 notice, 슬롯2 free
5. 저장하면 끝입니다. 다른 구성의 줄이 더 필요하면 같은 방법으로 위젯을 아래에 추가합니다.
설정 없이 삽입하면 위젯 자리에 사용법 안내가 표시되므로, 화면을 보며 채워 나가면 됩니다.
블록 형태
| 형태 | 모양 |
|---|---|
| 목록 | 제목 한 줄씩. 댓글 수와 새 글(N) 배지가 제목 옆에 붙습니다 |
| 웹진 | 섬네일 + 제목 + 요약 |
| 섬네일 | 이미지 카드 그리드 |
| 매거진 | 이미지 위에 제목을 얹은 대형 카드. 첫 글이 크게 배치됩니다 |
| 혼합 | 상단 웹진 2건 + 하단 목록 |
| 탭 | 게시판 여러 개를 탭으로 전환 (쉼표로 여러 mid 입력) |
| 최근 댓글 | 최신 댓글 목록 |
줄 구성 프리셋
숫자는 폭 비율(%)입니다. 고른 뒤 슬롯에 게시판만 연결하면 됩니다.
| 프리셋 | 용도 예 |
|---|---|
| 매거진 58 + 목록 42 | 뉴스·블로그 메인 상단 |
| 목록 42 + 매거진 58 | 위와 좌우 반전 |
| 웹진 50 + 섬네일 50 | 소식 + 갤러리 |
| 목록 38 + 웹진 62 | 공지 + 소식 상세 |
| 웹진 50 + 웹진 50 | 두 소식판 나란히 |
| 목록 50 + 목록 50 | 커뮤니티 게시판 2단 |
| 탭 40 + 목록 30 + 최근 댓글 30 | 커뮤니티 포털 |
| 목록 + 목록 + 최근 댓글 (3등분) | 커뮤니티 하단 |
| 매거진 3장 (3등분) | 브랜드 스토리 |
| 매거진 55 + 섬네일 45 | 대표 콘텐츠 + 최신 이미지 |
| 웹진 한 줄 (100) | 단독 소식 섹션 |
| 섬네일 그리드 한 줄 (100) | 갤러리 섹션 |
| 매거진 한 줄 (100) | 히어로형 콘텐츠 |
| 혼합(웹진+목록) 62 + 목록 38 | 메인 중단 |
직접 구성
프리셋에서 "직접 구성"을 고르면 폭 비율과 슬롯별 형태를 직접 정합니다.
- 폭 비율: 콜론으로 나눕니다. 예:
100,50:50,62:38,33:33:33,25:25:25:25(최대 4열) - 슬롯 형태: 슬롯마다 목록/웹진/섬네일/매거진/혼합/탭/최근 댓글 중 선택
슬롯 설정
| 항목 | 설명 |
|---|---|
| 게시판 | 게시판 주소(mid). 예: notice |
| 제목 | 비우면 게시판 이름이 표시됩니다 |
| 표시 개수 | 비우면 구성에 맞는 기본값 |
여러 게시판과 전체 게시판
- 쉼표로 여러 게시판을 합칠 수 있습니다:
free,humor(합쳐진 최신순) *를 입력하면 사이트 전체 게시판이 대상입니다 (all도 가능하나, all이라는 게시판이 실제로 있으면 그 게시판이 우선)- 탭 형태에서는 쉼표로 입력한 게시판마다 탭이 하나씩 생깁니다
새 글(N) 표시 시간
등록 후 몇 시간까지 제목 옆에 N 배지를 붙일지 위젯마다 정합니다. 비우면 24시간입니다.
스킨
| 스킨 | 댓글 수 | N 배지 |
|---|---|---|
| 기본 | +3 | 포인트색 사각 배지 |
| 헤리티지 | [3] | heritage 게시판 스킨과 같은 주황 배지 |
heritage 테마를 쓰는 사이트라면 헤리티지 스킨을 골라 게시판과 표기를 통일하세요.
반응형 동작
위젯을 100% 폭으로 넣으면 별도 설정 없이 화면 크기에 맞춰 배치가 바뀝니다.
- 화면 960px 이하: 여러 열이 2열로 줄어듭니다.
- 화면 640px 이하: 세로 1열로 쌓입니다.
- 각 슬롯 내부도 자기 폭에 반응합니다: 좁아지면 웹진은 세로형으로, 섬네일 그리드는 열 수를 줄입니다.
높이는 같은 줄 안에서 자동으로 맞춰집니다.
구성 예시: 커뮤니티 포털 메인
위젯 3개를 순서대로 삽입합니다.
1. 줄 1: "매거진 한 줄 (100)" + 슬롯1 notice - 상단 대표 콘텐츠
2. 줄 2: "탭 40 + 목록 30 + 최근 댓글 30" + 슬롯1 free,humor,qna / 슬롯2 notice / 슬롯3 *
3. 줄 3: "섬네일 그리드 한 줄 (100)" + 슬롯1 gallery
자주 묻는 질문
- 게시물이 안 보여요: mid 철자를 확인하세요. 게시판 주소(mid)는 게시판 설정의 URL 항목에서 볼 수 있습니다. 비밀글과 비공개 글은 표시되지 않습니다.
- 섬네일이 비어 있어요: 글에 이미지가 있어야 섬네일이 생성됩니다. 이미지가 없는 글은 자리 표시 아이콘이 나옵니다.
- 줄 사이 간격을 조절하고 싶어요: 위젯 삽입 시의 여백 설정을 쓰거나, 페이지 쪽 CSS로 조절합니다.