웹마스터 팁

'아무 것도 없는' 틀 layout



'아무 것도 없는' 틀 layout을 가지고 website 만들기!

본인이 만든 HTML 안에 게시판을 삽입하던 Zeroboard를 사용하시던 분들께서는 XE의 방식이 다소 생소하게 느껴지실 겁니다.

'아무 것도 없는' 틀 layout은 이런 초보분들도 Zeroboard와 흡사한 방법으로 website를 짜실 수 있도록 도와드립니다.




1. 우선, nothing_layout.zip을 받아 압축을 풀고, xe/layouts/에 설치합니다.



2. XE 관리자로 접속하여, 우선 우측 중간쯤에 '캐시파일 재생성'을 실행하여 방금 설치한 내용이 적용되도록 합니다.

screenshot1.png



3. 이제 관리자 좌측 '사이트 설정' → '레이아웃' → '다운로드 목록'으로 접근하여 '아무 것도 없는' 틀로 layout을 하나 생성합니다.

screenshot2.png


4. 제목은 적당히 설정하고 다음으로 넘어갑니다.

screenshot4.png



5. 자, 이제 본격적인 제작에 들어가겠습니다!

Zeroboard를 사용하던데로라면 이미 만들어놓으신 HTML page들이 있을겁니다.

이 HTML page들을 열어보면 대충의 구조가 다음과 비슷하게 되어 있을텐데,

screenshot13.png

여기서 <head>와 </head>사이의 내용을 '헤더 스크립트'라는 칸 안에 넣습니다.

(<title>~</title> 제외! 제목은 게시판 설정에서 넣습니다.)

screenshot11.png

그리고 저장하면, layout 생성 완성!



7. 이제 만든 layout을 게시판에 적용할 차례입니다.

'서비스 관리' → '게시판' → 적용할 게시판 옆의 톱니바퀴 그림을 눌러 게시판 설정으로 들어갑니다.



8. 설정을 보면 '레이아웃'이라는 항목이 있을텐데, 여기서 아까 생성한 layout을 선택해줍니다.

('브라우저 제목'에는 아까 <title>의 내용을 넣어줍니다.)

screenshot9.png



9. 같은 창 안에서, 아래로 조금 내려가면 '상단 내용'과 '하단 내용'이 있을겁니다.

'상단 내용'에는 아까의 HTML page에서 <body>~(게시판 자리) 사이의 내용을 넣고,

'하단 내용'에는 (게시판 자리)~</body> 사이의 내용을 넣습니다.

screenshot12.png



10. 끝! 이제 주소/xe/?mid=게시판모듈이름으로 접속하여 결과를 확인합니다.

저의 경우 예정했던 것과 같이 가운데 정렬이 된 것을 볼 수 있습니다.

screenshot14.png



일단 가장 기본적인 내용만 적어보았습니다.

이 정도라도 기본적인 site 구축에는 문제가 없을 것이나,

login등 widget들 적용을 위해서는 조금 더 깊은 지식이 필요합니다.

Widget등의 부분은 추후 또 올리겠으나, 나머지 부분은 XE 사용설명서를 참고하시며 조금씩 실력을 늘려가시는 것을 추천합니다.

설명이 미흡한 점이 있거나 질문, 지적등은 댓글로 부탁드립니다. 감사합니다.
제목 글쓴이 날짜
XOOPS (News Module) → XE 자료 옮기기 [3] file June Oh 2009.08.17
Zeroboard와 비슷한 방식으로 website 만들기! [9] June Oh 2009.08.17
페이지 작성 시 팁. 꼬꼬마 초보만 오세요. 배치 문제.. [7] 연필깎는까치 2009.08.20
게시판 상단에 게시판제목을 표시하기 [2] file 연필깎는까치 2009.08.22
관리화면(제어판)에서 게시판목록 많이 보기 [1] 연필깎는까치 2009.08.22
하늘님의 XE svn external link로 update하기를 이해 하기 쉽게 (그림첨부) [12] file Habile 2009.08.23
Google Analytics 코드 직접 추가해도 안되시는 분들! 연필깎는까치 2009.08.24
[수정] 쉽게 간단하게(?) 플래시 그래프를 게시판에 넣어 보세요 ^^ [3] 상오기 2009.08.27
까오천사님의 만기일 팁을 1.2.4에 맞게 수정했어요. [15] file 도파 2009.08.27
게시판 링크 무조건 새창으로 뜨게 하기 [5] file 그분 2009.08.29
Cooliris 위젯 사용 삽질끝에 어이없게 알아낸 설치 방법 [2] 사탕 2009.09.01
웹진 최근 문서에 new 달기 [1] file 황정연720 2009.09.01
ㅋㅋ계정용량 체크(php)팁. [2] mc뷰 2009.09.02
Lavalic Lite 음악 재생기 v0.2버전 XpressEngine 1.2.5에 적용하기 [10] [1] file 전수빈 2009.09.02
이모티콘 액박으로 뜨시는 분들 ...이거 올려 주세요 [1] file apollos 2009.09.03
복수 도메인 사용 방법 [1] 박하향풍선껌 2009.09.07
http://www.도메인주소/~as/xe/ 로 로그인 접속후~ [3] wjnam 2009.09.07
퀵타임 무비 화일 (mov) 화일을 퀵타임 플레이어로 재생하기 [2] thejaewoo 2009.09.08
확장 변수 정렬 하도록 수정 했습니다. [23] file 박송휘 2009.09.09
활성 메뉴 위젯 file 박송휘 2009.09.10