Header

  1. View current page

    XpressEngine Manual

Profile_img_60x60_01
47

레이아웃(layout) 모듈

레이아웃 제작은 스킨 제작 Manual>레이아웃 제작 을 참고하시기 바랍니다.

레이아웃을 이용하면 zb4의 상단 하단 내용과 같이 좀 더 자유롭게 이용할 수 있습니다.

(*언뜻 보기엔 레이아웃을 사용하지 않고 상단내용과 하단내용으로 페이지를 구성 할 수 있을것 같지만. 상단, 하단 내용에는 php를 사용할 수 없습니다.)

레이아웃 모듈#

레이아웃 모듈은 관리형 모듈>레이아웃 을 클릭하면 볼 수 있습니다.

lyt1.gif

 

레이아웃 목록#

lyt2.gif

레이아웃 목록에서는 현재 게시판이나 페이지, 외부페이지 모듈에 적용 할 수 있는 레이아웃을 보여줍니다. XE를 처음 설치한 상태는 레이아웃 목록에는 레이아웃이 없고 생성(lyt3.gif)을 클릭하여 자신의 사이트에 맞게 레이아웃을 만들어야 합니다.

 


예제로 제로보드 블로그 기본 스킨을 이용하여 레이아웃 하나를 생성해 봅시다.

lyt4.gif

레이아웃 목록 페이지에서 생성(lyt3.gif)버튼을 클릭합니다.

lyt5.gif

다음에 나오는 페이지에서 레이아웃 이름을 선택합니다. 레이아웃 이름은 다운로드 받았거나 제작한 또는 기본으로 있는 레이아웃을 보여줍니다. 이 레이아웃들을 기본으로 각 사이트에 맞는 레이아웃을 생성 할 수 있습니다. 이 예제에서는 기본으로 있는 XE 블로그 기본 스킨(xe_blog)를 사용합시다.

제목은 이렇게 만든 레이아웃의 이름을 말합니다. 메뉴나 배너이미지 등의 설정을 하여 저장한 레이아웃은 이름을 다르게 하여 여러개 만들 수 있습니다.

여기서 제목은 test로 하겠습니다.

lyt6.gif

모두 입력하였으면 다음을 클릭합니다.

lyt7.gif이 레이아웃을 등록하시겠냐고 묻는 창이 뜹니다. 확인을 클릭합니다.

lyt8.gif

레이아웃 설정 페이지가 뜹니다.

상단제목과 부제만을 입력하여 저장을 클릭하겠습니다. (여기서는 작동 모습만을 보기 위해서 입니다. 실제사용 할 때는 모두 입력 하셔도 됩니다.)

lyt9.gif수정되었다는 창이 뜨며 레이아웃 생성이 완료 되었습니다.

이제 기본 게시판에 적용해 봅시다.

lyt10.gif서비스형 모듈>게시판 으로 이동합니다.

lyt11.gif

방금 만든 레이아웃을 적용할 게시판을 선택 합니다.

lyt12.gif

다음에 뜨는 페이지에서 수정을 클릭합니다.

lyt13.gif

레이아웃 항목에서 방금 만든 레이아웃(test)를 선택하고 등록을 클릭합니다. (*등록버튼은 페이지 아랫쪽에 있습니다.)

lyt14.gif

등록하고 나서 해당 게시판에 접속 해 봅니다.

lyt15.gif

XE 기본 블로그 레이아웃이 적용된 것을 볼 수 있습니다.

예제 끝


 

다운로드 목록#

다운로드 목록은 XE가 설치된폴더/layouts 폴더내에 들어있는 레이아웃들의 목록을 보여 줍니다. 여기서 보여지는 레이아웃 파일들을 기본으로 하여 사이트의 레이아웃을 꾸밀 수 있습니다.

lyt16.gif

XE는 기본적으로 XE 공식 사이트 레이아웃XE 블로그 기본 스킨을 제공합니다.

 

 

History

Last edited on 11/25/2008 21:27 by 민수