웹마스터 팁

'아무 것도 없는' 틀 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 사용설명서를 참고하시며 조금씩 실력을 늘려가시는 것을 추천합니다.

설명이 미흡한 점이 있거나 질문, 지적등은 댓글로 부탁드립니다. 감사합니다.
제목 글쓴이 날짜
2차메뉴 롤오버 위치 변환.. [3] 봄처녀 2008.06.05
Cafe 운영시 조그만한 팁... [2] 부푸러 2009.04.03
모듈선택기의 문제해결 한가지 방법.. [1] 한스김 2010.01.18
회원에게 만기일 주기(1원짜리 팁) [17] 까오천사 2007.11.12
홈페이지 주소 고정시키기 [12] file :에반: 2007.08.21
쉬운 설치, 에러 메시지 없이 설치 안 되는 경우 [4] 이그누 2010.01.23
제로보드(zbxe) 설치 후 로그인 안되는 문제. [3] sophistlv.myid.net 2008.10.15
달력형 리스트 입니다. [5] file 착한악마 2009.07.01
xml js filter를 이용한 form 정보 전달 시 disabled="true" 사용 팁 [5] 라르게덴 2010.01.20
모듈선택기의 창이 열리다 마는 현상때문에 고생하시는 분들께.. 한스김 2010.01.21
이미지 정보표시(EXIF) 영문을 한글로 [6] file Diver 2008.11.23
특정 게시판, 업로드된 그림 자동으로 본문에 출력하기 [14] file 대암지기 2008.02.03
Zeroboard와 비슷한 방식으로 website 만들기! [9] June Oh 2009.08.17
textyle Domain 접속방법 [5] file 왜만지냐 2009.10.15
파일 첨부시 사라지는 현상 [6] Isaac Shepherd 2009.10.07
사이트 먹통 되었을 때 대처법 [4] LunarDream 2009.08.14
zbxe 기본글꼴(폰트) 바꾸는 방법 [9] file 핸디지 2008.04.22
zb4 방명록 -> XE 방명록 답글을 코멘트로 넣기. [2] St.Veiry 2010.01.13
개인서버(윈도XP) + apmsetup6 + XE 설치하기 [1] 꽃들 2010.01.06
XE용 query xml 방식으로 일반 테이블도 접근 처리 하기 [1] 라르게덴 2009.06.18