사용자 레이아웃 설치 디렉터리

레이아웃 디렉터리 : /xe/layouts/xeschool_layout

xeschool_layout : 사용자 레이아웃 폴더의 이름(기본 예제로 사용합니다.)


레이아웃 디렉터리 살펴보기

XE가 정말로 멋진 이유는 HTML 문서 한장으로 사이트를 만들 수 있다는 것입니다. 물론 CSS와 JS 파일도 문서라고 할 수 있지만 도우미의 역할이기 때문에 단연 오늘의 주인공은 역시 레이아웃(layout.html) 문서입니다. xe 디렉터리 안에는 기본으로 제공되는 xe_official 레이아웃이 들어 있고 XE를 설치하고 보았던 레이아웃은 이곳에서 나오는 것이지요.

xe : 서버 계정에 설치된 xe 디렉터리

  • layouts <- 사용자 레이아웃을 넣는 디렉터리
    • xe_official <- 레이아웃 스킨의 이름
      • conf <- 레이아웃의 정보와 옵션 설정을 info.xml 문서로 넣어둔다.(이름 고정)
        • info.xml <- 레이아웃의 정보 파일(이름 고정)
      • css <- CSS 문서
        • default.css
        • white.css
        • black.css
      • js <- JS 문서
        • xe_official.js
      • images <- 레이아웃에서 사용할 이미지를 모아 놓은 디렉터리
        • default
        • white
        • black
      • layout.html <- 오늘의 주인공 레이아웃 문서(이름 고정) : 이것 한장으로 사이트 하나를 만들 수 있다.

레이아웃의 디렉터리 이름도 복수형(layouts)입니다. 즉 사용자의 필요에 따라 여러 종류의 다양한 레이아웃을 만들어 넣어두고 필요할 때마다 꺼내서 사용할 수 있지요. 레이아웃 디렉터리(xe_official)의 이름은 자유롭게 지을 수 있습니다. xeschool_layout 또는 myname 등과 같이 여러분만의 작명법을 총동원하여 예쁜 이름을 지어 줍니다.

단, 설정(config) 디렉터리의 이름과 안에 들어있는 레이아웃 정보 문서(info.xml), 레이아웃 문서(layout.html)의 이름은 바꿀 수 없습니다. 이 두가지 문서의 이름과 conf 디렉터리의 이름은 xe가 아주 중요하게 생각하기 때문에 다른 이름을 사용하는 경우 "난 모르오!" 한답니다. 다른 문서들은 layout.html 에서 외부파일 불러오기 방식으로 사용하기 때문에 얼마든지 자유롭게 이름을 만들어 사용할 수 있습니다.

필자는 레이아웃(layout.html) 문서와 스타일 문서(CSS)가 다른 방에 있는 것이 보기 싫어서 밖으로 끄집어 내어 같은 디렉터리 안에서 살도록(?) 한답니다. 둘의 애뜻한 러브라인을 조금이라도 이해한다면 차마 각방을 쓰게 하고 싶지는 않을 것 같습니다. JS는 별로 신경쓰지 않습니다. 둘만의 러브라인에 JS로 인해 삼각관계가 생기지 않토록 js 디렉터리 안에 넣어두지요.

XE스쿨에서는 XE의 레이아웃 제작 규칙에 따라 스타일 문서는 css 디렉터리에, JS 문서는 js 디렉터리에 넣어두고 사용하도록 합니다. 이 부분은 참고로 하며 절대 이름을 바꾸지 말아야 할 것이 있지요? 레이아웃 ①설정(conf) 디렉터리의 이름과 그 안의 ②레이아웃 정보 문서(info.xml)의 이름, 그리고 오늘의 주인공 ③레이아웃 문서(layout.html)의 이름, 꼭 잊지마세요.


레이아웃 추가 및 디렉터리의 관리 요령

사용자 레이아웃을 만든다는 것은 위와 같은 디렉터리의 구조를 그대로 옮겨 사용하는 것입니다. 물론 기본 레이아웃을 직접 수정해서 사용할 수도 있지만 만약 새로운 버전의 최신 XE 코어를 덮어쓰게 되면 모든 레이아웃은 초기화 되겠죠? 애써 만든 레이아웃이 원시상태로 돌아간다면 여러분은 아마도 뒷목을 잡고 쓰러질 겁니다...^^ 따라서 위와 같은 구조의 디렉터리를 별도로 만들고 다른 이름으로 서버의 /xe/layouts/ 디렉터리 안에 업로드 해야 합니다.

웹사이트에서 사용하는 이미지들은 images 디렉터리 안에 모두 모아 놓는 습관을 가져야 합니다. 그리고 기본 제공되는 레이아웃은 3가지 옵션으로 기본(default), 흰색(white), 검정(black)으로 구분하기 때문에 CSS 문서와 이미지 등이 각각 구분되어 들어있지만 여러분이 만드는 레이아웃이 색상변경 옵션을 필요로 하지 않는 경우에는 위와 같이 구분할 필요는 없습니다. 바로 images 디렉터리 안에 이미지 파일들을 모두 넣어두고 사용해도 되고 css 문서는 자유롭게 네이밍(이름을 지어주는 예술활동^^) 한 뒤에 1개로만 사용해도 좋습니다. images 디렉터리 역시 마음대로 네이밍 할 수 있지만 그래도 좀 알아보게는 해야겠지요? 위에 이름을 바꿀 수 없는 경우를 꼭 확인하고 이미지 등은 별도의 디렉터리에 모아 두고 사용하는 것이 바람직합니다.