게시판 모듈 스킨 만들기(1)

개요

이 문서는 XE의 게시판 모듈의 스킨을 만드는 방법을 설명합니다.

이 글 하나에는 그 내용을 모두 다 담지 못하여 몇개의 글을 올리면서 연작으로 올릴 생각입니다.

많은 성원과 관심 부탁드립니다. 

※참고 : 글의 목적에 따라 XE 게시판 모듈의 설치 방법은 작성하지 않았습니다.

참조 문서

이 문서는 아래 링크의 문서를 참조합니다.

• XE 스킨 제작 메뉴얼 v.1.0 (http://doc.xpressengine.com/manual/XE-Skin_Manual-ko(v1.0).pdf)
• https://xe1.xpressengine.com/manual/XE-Skin_Manual-ko(v1.0).pdf
• https://xe1.xpressengine.com/manual/XE-Skin_Manual-ko(v1.1).pdf
• 예제파일
  http://doc.xpressengine.com/manual/user_board.zip
• 더 있으면 좋겠다능(..)

목차

1. 개요
2. 참조문서
3. XE 게시판 모듈 스킨의 종류
4. 스킨별 사용되는 파일의 목록
   1. xe_board의 파일 구조
   2. xe_default의 파일 구조
   3. xe_official의 파일 구조
   4. xe_v3_default의 파일 구조
   5. user_board의 파일 구조
5. 파일별 용도 간략설명
6. 예제로 살펴보는 게시판 모듈 스킨의 구조
   1. user_board 의 구조
7. 새로 만들 게시판 모듈 스킨의 구조
   1. eond_board2(가제)

준비물

3. XE 게시판 모듈 스킨의 종류

게시판 모듈의 스킨을 만들기 위해서는 만들 게시판 스킨의 뼈대가 될 재료가 필요합니다.

현재 XE에서 제공하고 있는 게시판 모듈의 스킨은 아래와 같습니다.

• xe_board
• xe_official
• xe_v3_default
• xe_v3_gallery
• user_board

4. 스킨별 사용되는 파일의 목록

기본적으로 사용되는 스킨 파일은 다음과 같습니다.

4.1. user_board 의 파일 구조

4.2. 파일별 용도 간략설명

skin.xml 

4.3. 예제로 살펴보는 게시판 모듈 스킨의 구조

본문

글전체 리스트
- 스킨 레이아웃 및 목록 스타일
1. list.html
1. header.html
1. footer.html
1. common.css

글보기 화면
- 글보기 화면에 나타나는 스타일
2. view_document.html

7.1. eond_board(2)의 구조

※스킨에 사용되는 기본적인 파일[표1과 같음]

./css/user_board.css

./js/user_board.js

./modules/

./modules/

./modules/

./modules/

./modules/

./

※빨리 작성해라고 독촉댓글을 남겨주시면 남겨주시는대로 틈틈히 작성해나가겠습니다. (__);