콘텐츠 · 메뉴 작성법
메뉴는 사이트의 구조를, 콘텐츠는 각 페이지의 본문을 담당합니다. 두 가지는 고유 키(key)로 연결되며, 모두 관리자 화면에서 만들고 수정합니다.
콘텐츠 만들기 4단계
- 콘텐츠 등록
[콘텐츠관리]에서 제목과 키(영문·숫자 20자 이내 권장)를 정하고 새 콘텐츠를 만듭니다.
- 본문 작성
시각 편집기에서 본문을 작성하고 필요하면 페이지 전용 CSS/JS를 입력합니다.
- 서브비주얼 설정
상단 문구(
visTop), 제목(visTitle), 배경 스타일(visClass)을 지정합니다. - 메뉴 연결
[메뉴관리]에서 콘텐츠 유형 메뉴를 만들고 위 콘텐츠를 선택하면 GNB와 서브 네비게이션(LNB·SNB)에 자동으로 노출됩니다.
서브비주얼 항목
| 항목 | 표시 위치 | 값 예시 |
|---|---|---|
visTop | 제목 위의 작은 문구 | Core Features |
visTitle | 서브비주얼의 큰 제목(h2) | 주요 기능 |
visClass | 배경 스타일 클래스(.sub_vis에 추가) | vis_nd1 · vis_nd2 · vis_nd3 |
페이지 전용 CSS · JS
콘텐츠마다 page_css, page_js를 따로 저장할 수 있습니다. 본문 바로 앞뒤에 <style>, <script>로 감싸져 출력되므로 태그 없이 내용만 입력하면 됩니다. 클래스는 충돌을 피하도록 접두어를 붙여 사용하세요(이 샘플은 nd-).
/* page_css 예시 */
.nd-intro .nd-lead { margin-bottom: 8px; }
@media screen and (max-width: 720px) {
.nd-intro .nd-stat b { font-size: 18px; }
}웹 에디터(TinyMCE) 작업 시 주의사항
- 인라인 스타일 자제: 에디터 소스에 직접
style="font-size: 18px; color: red;"등을 남발하면 모바일 반응형 시 깨질 수 있습니다.sub.css의 표준 유틸리티 클래스를 사용하세요. - 이미지 첨부: 에디터 내부 파일 업로드 기능을 이용하면
/upload/contents/...경로로 자동 보관되며 고유 URL이 발급됩니다. - 서브사이트별 검수: 메뉴·콘텐츠·게시판은 사이트별로 독립되어 있으므로, 서브사이트를 운영한다면 각 사이트의 콘텐츠를 별도로 퍼블리싱하고 검수해야 합니다.
- 단순한 구조 유지: 복잡한 스크립트 의존을 피하고 section / div / h3 / p / ul / table / pre 같은 단순 태그와 클래스로 구성해야 편집기에서 깨지지 않습니다.