웹마스터 팁
Zeroboard와 비슷한 방식으로 website 만들기!
2009.08.17 21:56
'아무 것도 없는' 틀 layout을 가지고 website 만들기!
본인이 만든 HTML 안에 게시판을 삽입하던 Zeroboard를 사용하시던 분들께서는 XE의 방식이 다소 생소하게 느껴지실 겁니다.
'아무 것도 없는' 틀 layout은 이런 초보분들도 Zeroboard와 흡사한 방법으로 website를 짜실 수 있도록 도와드립니다.
1. 우선, nothing_layout.zip을 받아 압축을 풀고, xe/layouts/에 설치합니다.
2. XE 관리자로 접속하여, 우선 우측 중간쯤에 '캐시파일 재생성'을 실행하여 방금 설치한 내용이 적용되도록 합니다.
3. 이제 관리자 좌측 '사이트 설정' → '레이아웃' → '다운로드 목록'으로 접근하여 '아무 것도 없는' 틀로 layout을 하나 생성합니다.
4. 제목은 적당히 설정하고 다음으로 넘어갑니다.
![screenshot4.png](https://xe1.xpressengine.com/../../../../files/attach/images/16460978/297/236/018/screenshot4.png)
5. 자, 이제 본격적인 제작에 들어가겠습니다!
Zeroboard를 사용하던데로라면 이미 만들어놓으신 HTML page들이 있을겁니다.
이 HTML page들을 열어보면 대충의 구조가 다음과 비슷하게 되어 있을텐데,
여기서 <head>와 </head>사이의 내용을 '헤더 스크립트'라는 칸 안에 넣습니다.
(<title>~</title> 제외! 제목은 게시판 설정에서 넣습니다.)
그리고 저장하면, layout 생성 완성!
7. 이제 만든 layout을 게시판에 적용할 차례입니다.
'서비스 관리' → '게시판' → 적용할 게시판 옆의 톱니바퀴 그림을 눌러 게시판 설정으로 들어갑니다.
8. 설정을 보면 '레이아웃'이라는 항목이 있을텐데, 여기서 아까 생성한 layout을 선택해줍니다.
('브라우저 제목'에는 아까 <title>의 내용을 넣어줍니다.)
9. 같은 창 안에서, 아래로 조금 내려가면 '상단 내용'과 '하단 내용'이 있을겁니다.
'상단 내용'에는 아까의 HTML page에서 <body>~(게시판 자리) 사이의 내용을 넣고,
'하단 내용'에는 (게시판 자리)~</body> 사이의 내용을 넣습니다.
10. 끝! 이제 주소/xe/?mid=게시판모듈이름으로 접속하여 결과를 확인합니다.
저의 경우 예정했던 것과 같이 가운데 정렬이 된 것을 볼 수 있습니다.
일단 가장 기본적인 내용만 적어보았습니다.
이 정도라도 기본적인 site 구축에는 문제가 없을 것이나,
login등 widget들 적용을 위해서는 조금 더 깊은 지식이 필요합니다.
Widget등의 부분은 추후 또 올리겠으나, 나머지 부분은 XE 사용설명서를 참고하시며 조금씩 실력을 늘려가시는 것을 추천합니다.