메뉴 건너뛰기

XE Guidebook

조회 수 619 추천 수 0 댓글 0
?

단축키

Prev이전 문서

Next다음 문서

크게 작게 위로 아래로 댓글로 가기 인쇄 첨부
?

단축키

Prev이전 문서

Next다음 문서

크게 작게 위로 아래로 댓글로 가기 인쇄 첨부

 

 

사용자가 필요로 하는 레이아웃을 추가로 설치하게 되면, 설치된 레이아웃은 XE Admin 관리자 메뉴의 "[고급] > [설치된 레이아웃]" 메뉴에서 관리하게 된다.
 
 
● 설치된 레이아웃  
 
XE에서 제공하는 기본 레이아웃과 사용자가 추가로 설치하여 사용하는 레이아웃을 PC용과 모바일용으로 구분하여 관리해 주는 기능이다. 또한 각 레이아웃의 관리자 화면을 통해 인스턴스를 추가, 수정, 삭제할 수 있다.
 
▶ XE 제공 기본 레이아웃 - PC용
 
- XE 공식 사이트 레이아웃
- 기본 레이아웃
- 테스트 레이아웃
- XE Face off 레이아웃

 

 12-1-1 설치된 레이아웃-PC.jpg

  

▶ XE 제공 기본 레이아웃 - 모바일용
 
- XE Color Code 모바일 레이아웃
- XE 심플 그레이 레이아웃
- 기본 레이아웃

 

 12-1-2 설치된 레이아웃-모바일.jpg

   

● 레이아웃 추가 설치하기
 
제공된 기본 레이아웃 이외에 다른 레이아웃 스킨을 추가하여 사용하려면 다음과 같은 과정을 거쳐 원하는 레이아웃을 선택하여 설치하여야 한다.
 
▶ XE 공식 자료실에 접속하여 다운로드 분류의 "[레이아웃]"을 클릭한다.
 
레이아웃은 개발자의 의도에 의하여 다양하게 디자인된 수없이 많은 종류의 레이아웃들이 배포되어 있으며, 각 레이아웃들은 좀 더 폭 넓은 활용을 위해 많은 사용자 옵션을 포함하고 있다.
 
따라서 레이아웃을 추가하여 설치하고자 할 때에는, 사이트 제작 목적에 맞는 레이아웃의 선택이 무엇보다 중요하므로, 개발자 홈페이지나 사용자 메뉴얼을 참고하여 레이아웃의 사용 옵션설정이나 이용 방법 등을 잘 살펴보고 선택하여야 할 것이다.
 
▶ 추가하고 싶은 레이아웃을 선택한 후 다운로드 한다.
 
▶ 다운로드한 압축 파일을 해제하여 서버 계정의 layouts 디렉터리 안에 업로드한다,
 
 
● "설치된 레이아웃"과 "생성된 레이아웃"
 
[설치된 레이아웃]에서 사용하고자 하는 레이아웃의 객체를 생성한다.
 
레이아웃 스킨은 단순히 레이아웃 파일을 다운받아 서버에 업로드하는 것만으로는 사용할 수가 없다. XE 코어는 레이아웃(layouts) 디렉터리에 새로운 레이아웃이 업로드된 경우 [설치된 레이아웃]으로만 판단하며, 사용자가 해당 레이아웃을 사용하기 위해서는 [설치된 레이아웃]에서 추가된 레이아웃을 선택한 다음, 추가된 레이아웃의 복사본(객체)을 생성해야 한다. 이렇게 생성된 레이아웃은 설치된 레이아웃 이름별로 "생성된 레이아웃" 탭에서 관리된다.  

 

 12-2 생성된 레이아웃.jpg

    

● 생성된 레이아웃의 사용자 설정
 
레이아웃은 개발자가 다양한 옵션 설정을 할 수 있도록 해 놓았기 때문에, 옵션 설정하는 방법을 잘 알아 두어야 한다. 각각 생성된 레이아웃은 사용자가 필요한 옵션을 설정하고 모듈과 연결시켜 사이트 제작에 활용하게 된다.
 
 
● 레이아웃 편집과 초기화
 
[레이아웃 편집]기능은 아래 편집창에서 에디터를 이용하여 간단히 레이아웃을 편집할 수 있는 편리한 기능이다.

  

 12-3 레이아웃 편집.jpg

  

XE 코어는 항상 레이아웃 원본 파일(layout.html)을 참조하지만, [레이아웃 편집]을 활용하여 레이아웃을 편집하고 [저장]하게 되면, 편집된 레이아웃은 복사본을 만들어 캐시에 저장하고 사용하기 시작한다. 이때 원본 파일(layout.html)을 수정하고 업로드 해도 코어는 캐시에 복사된 레이아웃 복사본을 참조하기 때문에 출력 화면에서는 아무런 변화가 없을 것이다.
 
만약 다시 원본 파일을 참조하려면 "초기화" 버튼을 클릭하면 된다. 그러면 편집된 내용은 모두 삭제되고 XE 코어는 이때부터 다시 복사본이 아닌 레이아웃 원본 파일을 참조하여 화면 출력이 된다.
 
 
※ 1개의 레이아웃 스킨에서 다수의 레이아웃을 생성할 수 있는 것은 복사본을 만들어 사용하는 것이며, "레이아웃 편집"과의 차이점은 "일반 복사에 의한 생성"은 옵션 설정값만 캐시로 저장하고 원본의 내용은 레이아웃의 원본 파일(layout.html)을 참조하지만, "레이아웃 편집"은 원본 파일까지 복사하여 편집된 내용으로 변경하는 것이다. 


List of Articles
번호 분류 제목 글쓴이 조회 수
17 XE Admin 4-01 XE Admin 개요 file XE 4Uself 744
16 XE Admin 4-02 XE Admin "일반" 설정하기 file XE 4Uself 2121
15 XE Admin 4-03 XE Admin "FTP 설정" 하기 file XE 4Uself 934
14 XE Admin 4-04 XE Admin "관리자 설정", "파일업로드", "파일박스" 설정하기 file XE 4Uself 1160
13 XE Admin 4-05 XE Admin 회원 관리 file XE 4Uself 1776
12 XE Admin 4-06 XE Admin 콘텐츠 관리 file XE 4Uself 702
11 XE Admin 4-07 XE Admin 즐겨찾기 file XE 4Uself 631
10 XE Admin 4-08 XE 추가기능의 의의와 종류 file XE 4Uself 664
9 XE Admin 4-09 XE "추가기능"의 설치 방법 XE 4Uself 558
8 XE Admin 4-10 XE Admin "[고급] > [쉬운 설치]" 사용하기 file XE 4Uself 663
7 XE Admin 4-11 XE Core 업그레이드 하기와 주의 사항 XE 4Uself 1206
» XE Admin 4-12 추가기능의 설치와 관리 - "설치된 레이아웃" file XE 4Uself 619
5 XE Admin 4-13 추가기능의 설치와 관리 - "설치된 모듈" file XE 4Uself 647
4 XE Admin 4-14 추가기능의 설치와 관리 - "설치된 위젯" file XE 4Uself 620
3 XE Admin 4-15 추가기능의 설치와 관리 - "설치된 애드온" file XE4Uself 616
2 XE Admin 4-16 에디터 설정과 확장 컴포넌트의 추가설치 및 관리 file XE 4Uself 1137
1 XE Admin 4-17 사이트 제작/편집 file XE 4Uself 1131
Board Pagination Prev 1 Next
/ 1