Open Source Project XpressEngine is? The CMS to help produce and publish content.
?

Shortcut

PrevPrev Article

NextNext Article

Larger Font Smaller Font Up Down Go comment Print
Components

Theme

by XEJapan posted Nov 22, 2015
?

Shortcut

PrevPrev Article

NextNext Article

Larger Font Smaller Font Up Down Go comment Print

테마

개요

테마는 사이트의 전체적인 디자인과 레이아웃을 결정하는 역할을 하는 핵심 컴포넌트 중에 하나입니다. 사이트의 특정 페이지가 브라우저에서 출력될 때, 그 페이지는 여러가지 영역으로 구성됩니다. 보통 헤더, 글로벌 내비게이션, 로컬 내비게이션, 메인 콘텐츠, 푸터 영역으로 구성되어 있는데 이런 영역의 배치 및 전체적인 디자인을 결정하는 것이 테마의 역할입니다.

만약 게시판의 특정글을 출력한다면, 메인 콘텐츠 영역에 출력될 콘텐츠는 게시판 모듈이 담당합니다. 그 외의 영역(헤더, 푸터, 내비게이션)은 모든 페이지에서 공통적으로 출력되어야 하는데, 이 영역의 출력을 테마가 담당합니다.

테마는 XE1에서의 레이아웃과 동일한 기능을 담당합니다.

구성

테마는 플러그인을 통해 XE에 추가될 수 있습니다. 새로운 테마를 사용하고 싶다면 테마를 포함하고 있는 플러그인을 직접 제작하거나 다른 사람이 만든 플러그인을 다운로드 받아 설치할 수 있습니다. 테마는 제작하려면 먼저\Xpressengine\Theme\AbstractTheme 클래스를 상속받는 클래스를 만들어야 합니다 그 다음, 클래스에서 필요로 하는 메소드와 프로퍼티를 작성하십시오. 아래에 작성해야할 대표적인 메소드입니다.

  • render(): 화면에 출력할 html을 반환하는 핵심적인 메소드입니다. 블레이드 템플릿을 사용하시면 더욱 쉽게 html을 작성을 할 수 있습니다.
  • getSettingsURI(): 각 테마마다 설정을 가집니다. 같은 테마라도 설정에 따라 다르게 보일 수 있습니다. 이 메소드는 테마를 설정할 수 있는 페이지의 주소를 반환합니다. 사이트 관리자가 설정을 변경할수 있는 페이지를 만든 다음, 이 메소드에서 그 페이지의 주소를 반환하게 하십시오.
  • getEditFiles(): 사이트 관리자는 테마를 자유롭게 편집할 수 있습니다. 이 메소드를 통해 관리자가 편집할 수 있는 파일 목록을 제공합니다.
  • $supportDesktop, $supportMobile: 테마가 PC와 Mobile 환경을 제공하는지 설정하려면 이 프로퍼티의 값을 설정하면 됩니다.

XpressEngine에서는 두개의 특별한 테마가 있습니다. 하나는 blank 테마이며, 또 하나는 site 테마 입니다. blank는 말 그대로 메인 컨텐츠 이외에는 아무것도 출력하지 않는 테마를 의미하며, site 테마는 사이트에 기본적으로 적용되는 테마입니다. 사이트 관리자는 등록된 테마중에 선택하여 site 테마로 지정할 수 있습니다.

연관 데이터베이스

각 테마의 설정값은 config 테이블에 저장됩니다. 이 때, theme.settings.[테마아이디] 형식의 name을 사용합니다.

사용법

API 사용법


List of Articles
Category Subject Date Last Update
XE3 XpressEngine 매뉴얼 2015.11.22 2015.11.22
About XE3 XE3의 소개-배경 2015.11.22 2015.11.22
About XE3 XE3 소개 - 중요 개념 소개 2015.11.22 2015.11.22
Get Started 설치하기 2015.11.22 2015.12.15
View Elements Presenter 2015.11.22 2015.11.22
View Elements FrontEnd 2015.11.22 2015.11.22
Plug-in 플러그인 2015.11.22 2015.11.22
Plug-in Plugin 2015.11.22 2015.11.22
Plug-in Register 2015.11.22 2015.11.22
Components 컴포넌트 2015.11.22 2015.11.22
Components Theme 2015.11.22 2015.11.22
Components Module 2015.11.22 2015.11.22
Components Skin 2015.11.22 2015.11.22
Components UIObject 2015.11.22 2015.11.22
Components Widget 2015.11.22 2015.11.22
Package 패키지 2015.11.22 2015.11.22
Package Captcha 2015.11.22 2015.11.22
Package Category 2015.11.22 2015.11.22
Package Comment 2015.11.22 2015.11.22
Package Config 2015.11.22 2015.11.22
Board Pagination Prev 1 2 3 Next
/ 3