ABOUT ME

-

Today
-
Yesterday
-
Total
-
  • 제로보드 XE에서 웹디에게 편한 레이아웃 세팅법
    달을파는아이 2009. 10. 13. 22:55

    제로보드 XE는 이름만 보드지  홈빌더에 가깝다. 어느정도 방법만 익히면 프로그래머 없이 웹디 혼자 사이트를 만들수 있다. 제로보드 4까지의 난잡하고 복잡했던 코드들이 일순 정리되었다. 더 이상 웹디는 코드에 벌벌 떨필요가 사라졌다. 관리자 모드는 매우 강력해졌다. 관리자 모드에서 페이지도 만들 수 있고, 레이아웃도 변경가능하다. 버튼만 몇번 누르면 , 그렇게 어렵던 최신글 리스트가 바로 뚝딱 만들어진다. 더 이상 웹프로그래머의 짜증썩인 얼굴을 마주대하지 않아도 된다.

    하지만, 이 천국과도 같은 관리자 모드가 실무에서 드림위버를 쓰는 웹디에게는 지옥과도 같다. 웹디에겐 드림위버로 저장하고 바로 웹에서 확인하는 방법이 편하다. 제로보드 XE 관리자 모드로 들어가서, 작업한 HTML을 붙여넣기 한다음 “저장”버튼을 눌러야 하는 작업은 생각보다 귀찮다.

    드림위버에 익숙한 웹디들을 위해서 제로보드 XE를 웹디에게 최적화한 레이아웃 세팅법을 공개한다. 사실, 웹디뿐만 아니라 EDITPLUS 를 즐겨쓰는 웹프로그래머에게도 상당히 유용하리라 생각한다. 에디트플러스에서 그냥 저장하고 웹에서 확인하면 되니까 말이다.

    썰이 너무 길었다. 실제 세팅법설명으로 들어간다.

     

    이 레이아웃 세팅작업 테스트는 깡패24라고 불리는 카페24에서 했다. 그럼 카페24에 호스팅 가입하시고, 제로보드 XE를 설치한다음 , 아래 순서대로 세팅하자.

     

    1.제로보드를 설치한 디렉토리에 아래 디렉토리들을 추가한다.

     

    _css

    스타일시트 CSS 파일을 저장할 디렉토리

    _images

    이미지를 저장할 디렉토리

    _pages

    페이지들을 저장할 디렉토리

    _scripts

    자바스크립트들을 저장할 디렉토리

     

    위 디렉토리들 이름앞에 _ 가 붙은 이유는 단순하다. xe 디렉토리 들과 섞이지 않고, 다른 디렉토리 보다 위쪽에 보여지기 위해서다. 특별한 의미는 없지만, 그대로 하는게 몸에 좋다.

    4개의 디렉토리중에 실제로 가장 중요한 디렉토리는 _pages 다. 이 디렉토리안에 홈페이지에 쓸 레이아웃이라든지, 페이지들이 존재하기 때문이다.

     

    2. _pages 디렉토리 안에 layout.html 파일을 만든다.

    이 파일이 사이트의 레이아웃이 된다. 레이아웃은 여러개 만들수 있다. 제로보드 XE에서는 각 페이지, 각 게시판마다 다른 레이아웃을 적용시킬수가 있다.

     

    3. 제로보드 XE 관리자에서 사이트설정>레이아웃>레이아웃편집 으로 간다.

    레이아웃편집들어가서, 아래쪽에 보면 HTML이 있다. 거기 있는 내용 지우고, 딸랑 아래 한줄만 추가해준다.

    <!--#include('_pages/layout.html')-->

     

    2번에서 만들어준 layout.html에 수정하면, 레이아웃이 만들어진다. layout.html는 평소에 하듯이 드림위버에서 수정하고 업로드해준다.

     

    하지만, 지금 이상태로는 게시판이 보이지 않는다. layout.html에 게시판이 나올 부분을 추가해줘야 한다. 별로 어려울건 없다. 아래 코드를 적절한곳에 추가해주면 된다.

     

    {$content}

     

    만들어진 레이아웃에서 내용이 나올부분, 즉 게시판이 나올부분에 {$content} 만 넣어주면 된다. 그 자리에 게시판이 나타난다.

    기본적인 세팅법은 끝이다. 웹디들이 프로그래머의 그늘에서 탈출하길 바라며, 설명을 접는다.

     

     ps) 감이 안잡히시는 분은, 댓글을 남겨주세요.

    질문은 http://money.web2r.net/?mid=factory&category=4816 에 올려주세요 


    댓글 43

    • 이전 댓글 더보기
    • 이주은 2009.11.10 22:18

      _pages안에 layout.html에는 <html><head></head><body></body></html>
      코드가 들어가면 안되는거져?
      그럼 js(자바스크립트)같은경우에는 어디에 넣어야 하나요??
      그리구..메인 top_navi부분에
      로그인│회원가입│사이트맵 부분을 삽입할껀데요~
      링크와 변수는 어떻게 넣어야 할까요?
      좀 갈켜주세요..ㅠㅠ

      • 안녕하세요. 말씀하신거처럼 html, head 같은건 안넣어도 됩니다.
        보통 js는 head에 넣긴 하는데요. 꼭 그렇지도 않습니다.
        그냥 레이아웃 상단에 넣어주시면 되구요.

        로그인,회원가입같은 링크는 http://money.web2r.net/ 여기 참조하세요. 여기 상단오른쪽에 보면 링크들 있어요. 소스보기해서 보시면 알수 있을겁니다.

    • 2009.11.12 17:12

      비밀댓글입니다

      • 죄송할건 없어요 ^^

        <!--@if($is_logged)-->
        <a href="/?document_srl=2111&mid=board&act=dispMemberInfo">내정보보기</a> /
        <a href="/?act=dispMemberLogout"> 로그아웃 </a>
        <!--@else-->
        <a href="/?mid=shopcare&act=dispMemberSignUpForm">회원가입</a> /
        <a href="/?mid=shopcare&act=dispMemberLoginForm"> 로그인 </a>
        <!--@end-->

        이렇게 하면 됩니다.
        그리고, 로그인에만 따로 레이아웃을 다르게 할수 있는지는 모르겠네요. 로그인이 별도의 모듈이 아니라 게시판에 포함된거라서 말이죠. 음~

    • 2009.11.14 12:02

      비밀댓글입니다

    • 2009.11.16 00:12

      비밀댓글입니다

      • 제로보드 버전이 어떻게 되나요? 최신 버전으로 업그래이드 하고 한번 해보세요. 그리고 제로보드xe에서는 이미지태그를 이용해서 최신글을 가져오게 되어 있습니다. 그래서, 이미지 아이콘이 뜨는거죠.
        물론, 이미지 아이콘이 아니라 글이 나와야 하는거지만 말이죠..

        겉으로 봐서는 정확히 알수가 없지만, 분명 모듈이나 애드온같은게 연결이 안되어 있을 가능성이 큽니다.

    • 스위니 2009.12.07 16:15

      엄청 해메고 있었는데;ㅅ;
      이렇게 좋은 팁이!!
      감사합니다:)
      하드코딩해서 게시판 넣는 저같은 사람에게도 좋군요+ㅅ+//

    • Favicon of http://www.unny.com BlogIcon montreal florist 2009.12.14 01:59

      XE가 어렵게 느껴졌는데, 좋은 팁이 하나 둘씩 나타나네여

    • 바람 2010.01.01 17:21

      css 를 어텋게적용 하나요 부탁합니다 꾸벅//

    • 2010.01.09 17:31

      비밀댓글입니다

    • 하이델베어거 2010.02.20 02:24

      이런... 그렇게 애타게 찾던것이 이렇게 간단하게 이루어 지는군요.

      정말 감사합니다!

      한가지 질문, 그럼 기본 레이아웃에 있는 최근게시물같은 위젯도 게시판 삽입하는 것처럼 간단히 삽입이 가능한 건가요?

    • 박소현 2010.03.19 17:56

      안녕하세요~
      엄청 헤매다가 좋은 정보 감사합니다. 몇가지 궁금하게 있어서 ^^;;

      1. include 부분을 넣을때 앞뒤 주석부분은 삭제하고 넣는거죠?

      2. {$content} 부분에는 content를 해당 모듈을 넣어주면 되는건가요?

      3. layout파일은 파일명을 바꿔서 여러개 올려서 적용 가능한건가요?

      ^^;
      미리보기 했을때 까만화면만 나와요 ;; 에고고

      • 괜찮죠? ㅋㅋ
        답변 드릴께요.

        1. 주석은 넣어야 해요. xe에서는 php문법이 아니라 xe자체 문법이 있습니다.

        2. 질문이 좀 아리송하네요.
        혹시 {$contents} 대신 {$board} 이런식으로 넣어도 되냐는 말인가요?
        그렇다면, 답은 아니요 입니다.

        3. 네 가능합니다. 각 게시퍈마다 따로 적용가능하죠. ^^

        더 궁금하시면 또 댓글 남겨주세요~~~ ^^
        그리고, 주위에 많이 알려주시구요.

    • 2010.04.06 17:37

      비밀댓글입니다

    • 윤기민 2010.07.28 17:08

      안녕하세요~ 이 글 보고 드림위버로 작업해서 정말
      많은 도움이 되었는데요. 궁금한 점이 있습니다.

      게시판에서도 회원가입을 눌러도 아무 반응이 없길래
      찾아보니, 메인 화면에 {$content} 로 설정을 해야
      그 부분에 회원가입 창이 뜬다고 하더라구요.

      그런데, 제가 만든 홈페이지 메인에는 각 게시판의
      최근 글보기가 있어서, 그것이 없는 곳에 {$content}를 넣으면
      나오긴 하는데, 다른 많은 사이트처럼 회원가입
      페이지만 따로 나오지 않는 문제가 있더라구요.
      혹시 이것을 어떻게 설정하셨는지 들을 수 있을까요?

      좋은 블로그 내용 감사드립니다. ^^

    • 밤황 2010.09.11 04:52

      레이아웃 페이지 만들때 레이아웃페이지에 로그인 할수있는 로그인폼을 삽입하려면 어떻게 하면될까영? 꼭좀 부탁드리겠습니다.

    • 나그네 2011.01.07 16:17

      감사합니다!! 노가다에서 벗어났어요!!

    • 할롱 2011.01.14 19:50

      안녕하세요 제가 원하는 답이 여기있을꺼 같네요..
      제도 제로보드4만 사용하다가 지금 제로보드 xe란걸 접하게 됐는데..
      드림위버에서 디자인을 만들고 하는 방식이 편했거든요..제로보드xe가 사람잡네요 ㅠㅠ
      저기 설명을 따라 가다보니 궁금한게 있는데...
      제로보드를 설치한 디렉토리는 어디있나요?너무 함축적인 설명이라서
      ㅠㅠ 초보자인 저한텐 어렵게 느껴지네요 그림으로 설명된건 없나요?
      저의 구세주가 되어주세요~^^

    • 2011.11.23 01:43

      비밀댓글입니다

    • 삶의 향기 2011.11.24 19:30

      xe 1.5.0.9ko 버전 설치하고 xe/_page/layout.html 코딩만들어 넣었고요
      레이아웃폴더안에 thml폴더 만들고 그 안에 layout.html만들고 <? include('_page/layout.html') ?>레이아웃에 넣었는데 게시판 보기하면 컨텐츠 부분에 {$content}라는 문구가 나오고 게시판 출력이 되지 않아요.
      그래서 xe/layouts안에 제가 코딩해 만든 폴더layout.html을 넣고 {$content}를 넣으니깐 게시판이 출력이 됩니다. layouts 폴더에 넣는 것 보다 pages폴더를 별도로 만들어 include사용하면 좋은데 컨텐츠가 나와야 되는데 문구만 나오니 답답하네요. 가르쳐 주신 방식이 왜 않되죠? 버전따라 틀리나요. 인쿠르도 가르쳐 주신 <!-- 보다 <?이걸 사용해야 되고..
      죄송하지만 좀 가르쳐 주세요...좋은 정보 감사합니다.
      막막했었는데...

      • 저도 이거땜에 고생했네요.
        1.5가 되면서, 상대경로가 안먹힙니다. 이유는 알수 없습니다.

        <include target="/home/moonseller/www/_pages/layout.html" />

        같이 서버 절대경로로 넣으니까 되네요.
        한번 해보세요

    • Favicon of http://blog.daum.net/pys8027 BlogIcon 동물농장 2013.01.07 00:47

      정말 글 감사합니다. 제로보드4 쓰다가 xe넘어왔는데
      이거에서 막혀버리니 답답하더라구요;;

      다만, 위의 댓글중에서 layout 파일명을 바꿔서
      게시판 마다 다른 경우를 표시할수 있다..라고 이해했는데
      맞나요?ㅎㅎ

      그리고, 이렇게 했을 경우에 로그인 화면도 동일하게
      표현이 가능한가요? 홈페이지 레이아웃에 로그인 버튼만 넣고
      어떠한 관련된 내용을 넣지 않으려고 하거든요..
      사실 필요도 없는 인트라넷홈페이지라서요 ^^;;
      답변 부탁드립니다 :)

      • 말씀하신데로입니다. 로그인만 넣고 싶으면, 로그인만 달린 레이아웃을 만들어서 적용시키면 됩니다.
        제로보드 4와 제로보드 xe는 이름만 같지.. 완전 다릅니다. 그냥 이름만 같은 다른 보드라고 생각하는게 속편하죠 ㅋㅋ

    • Favicon of http://blog.daum.net/pys8027 BlogIcon 동물농장 2013.07.30 16:57

      안녕하세요^^ 윗 댓글 달았던 유저입니다 :)
      다름이 아니고,, 얼마전에 홈페이지를 전체적으로
      다시 만들어야 하는 상황이 와서, 이참에
      xe를 1.4.5 버전에서 1.7.3으로 업데이트 했습니다.
      그런데 레이아웃 관련된부분이 매우 복잡해졌더라구요;;

      결정적으로 지금까지 잘 쓰고있던
      이 글의 내용이 적용이 안되는듯 합니다 ㅠ

      혹시 1.7 버전의 XE에서는 어떻게 적용하는지 아시나요?

    • BlogIcon 이주은 2013.08.15 20:01

      1.4로 설치하니 게시판 오류가나서 할수없이 1.7을깔았는데요..
      1.7에서는 적용이 안되더군요..혹시1.7에서는 다른방법이 없을까요??

달을파는아이 @ nalab.kr