XpressEngine(이하 XE)는 내부적으로 Model - Controller - View (이하 MCV Architecture)로 나누어진 구조를 가지고 있습니다.
이중, 'View'에 해당하는 부분을 'Template(템플릿)'으로 구현하고 있으며, 이 중, 사용자가 자유롭게 변경하여 쓸 수 있는 부분을 'Skin(스킨)'으로 구현할 수 있습니다.
다시 말해, XE를 구성하는 많은 디자인 요소들을 사용자의 취향과 입맛에 따라 마음대로 바꿀 수 있도록 해주는 것입니다.
XE는 XHTML 1.0 Transitional 에 맞추어 제작되었기 때문에, 어울리는 스킨을 만들기 위해서는 아래와 같은 것들을 알아 두시면 좋습니다. (필수가 아닙니다.)
- XHTML : XE는 XHTML 표준을 지향합니다. 표준을 따르고 따르지않고의 선택은 SkinWriter(스킨 작성자)에게 달려있지만,
표준 웹사이트가 지니는 여러 장점을 다른 방문자 혹은 이용자에게 누릴 수 있도록 해주기 위해서는 웹표준에 대한 이해를 필요로 합니다.
XE는 XHTML 1.0 Transitional 에 맞추어 제작되었습니다.- CSS : XHTML 표준을 따를 경우, 과거에 사용되어지던 일명 '보여지기 위한 HTML 속성들'은 더이상 유효하지 않습니다.
('보여지기 위한 속성들'에 대한 예 : <font color="#FFF"> 등과 같은 HTML 속성)
따라서 외형에 대한 기술들은 가급적 CSS를 사용하시기를 권장합니다.
(필수는 아닙니다. 웹브라우저들은 XHTML 문서 내에 비 표준 태그 또는 속성이 있는 경우에도 페이지를 보여주기 위해 Quark Mode(비표준모드)로 랜더링을 합니다.)- 기초적인 PHP 문법 : XE의 스킨은 별도의 템플릿 언어를 사용하고 있으나, 결국엔 PHP로 재해석 되므로 다채로운 스킨 제작을 위해서 약간의 PHP에 대해 알고 계실 필요가 있습니다.
- 자바스크립트(JAVASCRIPT) : XE는 AJAX 기술을 비롯하여 수많은 부분에서 자바스크립트를 사용하고 있습니다.
스킨 작성을 위해 이미 존재하는 스크립트를 쓰셔도 좋지만, 자신이 원하는 완벽한 스킨을 만들기 위해서는 익혀두시는것도 좋습니다.
Q. 그럼 위의 모든 것들을 알야야 XE 스킨을 만들 수 있는 건가요? 오히려 예전 제로보드 4 스킨 만들기가 더 쉬운것 같아요.
A. 전혀 그렇지 않습니다. 단지, XE전용 스킨 문법(템플릿 언어 문법)을 익히시는 것만으로도 게시판 스킨은 쉽게 만드실 수 있습니다.
다만, XHTML, CSS, PHP, Javascript 등을 알아 두시면 더 완벽한 스킨을 제작하시기에 용이해진다는 것입니다.
먼저 XE 기본스킨들을 분석해 보시면서 하나하나 따라 만드시다 보면 말씀드리지 않아도 '어? 그것을 알고 싶다!' 는 생각이 드실 것입니다.
그때 공부하셔도 늦지는 않습니다만, 다만 시작 전 이 매뉴얼의 2. 스킨 제작 Manual (링크걸기) 정도는 꼭 한번 읽어보시고 시작하시기 바랍니다.
일반적으로 사용자가 작성할 수 있는 Skin(스킨)에는 아래들이 있습니다.
모듈스킨 : Xpress Engine 1.1.0을 기준으로 기본 모듈들 중 스킨을 지원하는 모듈은 아래와 같습니다. (추가 모듈의 경우는 제작자에게 문의하세요)