オープンソースプロジェクト XpressEngineとは? コンテンツの生産と発行を支援するCMSです。
?

Shortcut

Prev前へ 書き込み

Next次へ 書き込み

Larger Font Smaller Font 上へ 下へ Go comment 印刷
コンポーネント

Theme

by XEJapan posted Nov 22, 2015
?

Shortcut

Prev前へ 書き込み

Next次へ 書き込み

Larger Font Smaller Font 上へ 下へ Go comment 印刷

테마

개요

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

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

테마는 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
カテゴリ タイトル 日付 最終修正日
XE3 XpressEngine 매뉴얼 2015.11.22 2015.11.22
XE3紹介 XE3의 소개-배경 2015.11.22 2015.11.22
XE3紹介 XE3 소개 - 중요 개념 소개 2015.11.22 2015.11.22
Get Started インストールする 2015.11.22 2015.12.15
View要素 Presenter 2015.11.22 2015.11.22
View要素 FrontEnd 2015.11.22 2015.11.22
プラグイン 플러그인 2015.11.22 2015.11.22
プラグイン Plugin 2015.11.22 2015.11.22
プラグイン Register 2015.11.22 2015.11.22
コンポーネント 컴포넌트 2015.11.22 2015.11.22
コンポーネント Theme 2015.11.22 2015.11.22
コンポーネント Module 2015.11.22 2015.11.22
コンポーネント Skin 2015.11.22 2015.11.22
コンポーネント UIObject 2015.11.22 2015.11.22
コンポーネント Widget 2015.11.22 2015.11.22
パッケージ 패키지 2015.11.22 2015.11.22
パッケージ Captcha 2015.11.22 2015.11.22
パッケージ Category 2015.11.22 2015.11.22
パッケージ Comment 2015.11.22 2015.11.22
パッケージ Config 2015.11.22 2015.11.22
Board Pagination Prev 1 2 3 Next
/ 3