웹마스터 팁
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. 제목은 적당히 설정하고 다음으로 넘어갑니다.
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 사용설명서를 참고하시며 조금씩 실력을 늘려가시는 것을 추천합니다.
댓글 9
-
띵야
2009.08.17 22:14
-
sol
2009.08.18 06:51
문제는 유지보수 이겠군요 -
빽짱구
2009.08.18 08:40
XE의 장점중에 유지보수가 용이하다' 라는것도 있을텐데.. 좋은팁이긴 합니다만, 뭐하나 수정할려면 일일이 고쳐줘야하는 불편함도 있겠군요.. sol님 말씀따라 유지보수가 문제인듯..
-
팩토리
2009.08.18 09:27
그래도 제로보드4 사용자분들 XE에 적응하지 못하시는 분들은 편리할 수도 있겠네요. -
박노열
2009.08.18 23:22
위와 같은 것을 이용하면 너무 예쁜 홈피도 자유롭고 쉽게 만들 수 있습니다.
예를 들어 로그인은 제로보드 사용하고
메뉴부터 모두 에디터(나모 등 본인이 사용하는)로 편리하게 만들어 하나 저장 해 두었다가 html로 편집해 넣으면 간단히 됩니다.몇개월 전에 제가 애를 먹고 정말 고생하다가 백성찬님께서 마침내 완성해 주셨는데 바로 위의 기법이었구요.
실제로 현제 zb4에서 xe로 넘어가는 과정에서 만들어진 홈피들 중에 많이 있는 듯 합니다.
이 문제를 몰라서 홈피의뢰햇다가 사기를 당하기도 했지요. 하지만 알면 쉬워요위에서 말씀하시는 원리만 이해 하시면 너무 편해요.
image 폴드 하나 만들어 이미지 넣어두고
원본 보관용 폴드 만들어서 에디터에서 만든 내용을저장해 두면아무때나 자유롭게 뚜루룩 복사해서 넣어주기만 하면 any ok
에디터 작업에 익숙하고 xe에 아직 미숙하다면 해볼만하다고 생각하며 추천합니다.
XE를 잘 사용하시는 분에게는 불필요한 것 같습니다.
결국은 XP를 공부해야 다 완성되니까요....!!!
-
왕초보
2009.08.21 21:15
좋은글 우선 감사드립니다.
예를 들어 테이블로 디자인을 새로 했다고 하면
그 안에 xe 최근 게시물이나 다른 위젯들도 쓸 수 있는건가요?
-
게시글 상단·하단 내용에는 widget을 사용할 수 없습니다. Widget을 사용하시려면 직접 layout을 고치셔야 합니다.
-
뉴클리어
2009.09.05 21:25
ㅋㅋㅋㅋ
-
우냠냠
2010.01.20 09:59
사실 처음할때는 이걸원하는분들이 꾀~~~~~~~~~~~~~나많을겁니다
저역시도 이렇게만들으려고했었구요... 다만.. 역시 유지보수 ㅋㅋ
오히려 저는 XE를 처음배울때 이렇게했으면 현재도 매우미숙하지만 노력을 게을리했을겁니다 ㅋㅋ
하지만 무조건 만들어야하는입장에서 보안에좀더 좋은XE로만들려고한다면 이방법도 나쁘지않죠
이방법에 가장 좋은특징은 뭐니뭐니해도 디자인을 좀더 이쁘고,수월하게 만들수있다는 측면이있겠죠
XE는 어느정도 디자인에 한계가있는걸로압니다.. 고수분들을제외하고는..
| 제목 | 글쓴이 | 날짜 |
|---|---|---|
| 2차메뉴 롤오버 위치 변환.. [3] | 봄처녀 | 2008.06.05 |
| Cafe 운영시 조그만한 팁... [2] | 부푸러 | 2009.04.03 |
| 모듈선택기의 문제해결 한가지 방법.. [1] | 한스김 | 2010.01.18 |
| 회원에게 만기일 주기(1원짜리 팁) [17] | 까오천사 | 2007.11.12 |
홈페이지 주소 고정시키기
[12]
 | :에반: | 2007.08.21 |
| 쉬운 설치, 에러 메시지 없이 설치 안 되는 경우 [4] | 이그누 | 2010.01.23 |
| 제로보드(zbxe) 설치 후 로그인 안되는 문제. [3] | sophistlv.myid.net | 2008.10.15 |
|
달력형 리스트 입니다.
[5]
| 착한악마 | 2009.07.01 |
| xml js filter를 이용한 form 정보 전달 시 disabled="true" 사용 팁 [5] | 라르게덴 | 2010.01.20 |
| 모듈선택기의 창이 열리다 마는 현상때문에 고생하시는 분들께.. | 한스김 | 2010.01.21 |
|
이미지 정보표시(EXIF) 영문을 한글로
[6]
| Diver | 2008.11.23 |
|
특정 게시판, 업로드된 그림 자동으로 본문에 출력하기
[14]
| 대암지기 | 2008.02.03 |
| Zeroboard와 비슷한 방식으로 website 만들기! [9] | June Oh | 2009.08.17 |
|
textyle Domain 접속방법
[5]
| 왜만지냐 | 2009.10.15 |
| 파일 첨부시 사라지는 현상 [6] | Isaac Shepherd | 2009.10.07 |
| 사이트 먹통 되었을 때 대처법 [4] | LunarDream | 2009.08.14 |
|
zbxe 기본글꼴(폰트) 바꾸는 방법
[9]
| 핸디지 | 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 |
멋집니다!
상상력에 맡기는 거로군요...^^('+노력' 정도?)