XE Open seminar 테마만들기

XE Open Seminar

XE3 테마 만들기2016. 4. 29

홍성범XpressEngine 커뮤니티 개발그룹

오늘은 !!

http://contest.xpressengine.com/templates/basic/basic.main.html

http://contest.xpressengine.com/templates/basic/basic.main.html

학습목표테마를 담을 플러그인을 만들어보기플러그인에 테마를 추가해 보기 .

만든 테마를 출력해 보기 .

블레이드 (Blade) 템플릿 문법을 사용해 보기 .

asset 파일 (js, css) 를 로드해 보기 .

테마 설정 페이지 만들어 보기

step1.플러그인 생성

$ php artisan make:plugin mytheme 'Khongchi\Plugins\MyTheme' 'my theme'

https://github.com/khongchi/plugin-mytheme

https://github.com/khongchi/plugin-mytheme

$ php artisan make:plugin mytheme 'Khongchi\Plugins\MyTheme' 'my theme'Loading composer repositories with package informationUpdating dependencies (including require-dev)Nothing to install or updateGenerating autoload filesPlugin is created and activated successfully.See ./plugins/mytheme directory. And open http://mysite.com/plugin/mytheme in your browser.Input and modify your plugin information in ./plugins/mytheme/composer.json file.

step2. 테마 생성 & 등록

$ php artisan make:theme mytheme Basic 'BasicTheme'

$ php artisan make:theme mytheme Basic 'BasicTheme'[New theme info] plugin: mytheme class name: Khongchi\Plugins\MyTheme\Basic class file: src/Theme/Basic.php id: mytheme@basic title: BasicTheme description: Basic Theme supported by Mytheme plugin. template file: views/theme/basic.blade.php css file: assets/theme/basic.css, config id: mytheme@mytheme@basic config controller file: src/Controllers/Theme/ConfigController.php

Do you want to add theme? [yes|no]: > yes

Theme is created successfully.

step3. XE BASIC 템플릿 적용하기

html 복붙 !!!css, js 로드 !!!meta tag 추가파일분리사용자정보 적용

XeFrontendJS, CSS 파일 로드

XeFrontend::css('assets/core/xe-ui-component/xe-ui-component.css')->load();

XeFrontend::css([ 'http://contest.xpressengine.com/templates/basic/css/layout.basic.css', 'http://contest.xpressengine.com/templates/basic/css/welcome.css',])->load();

XeFrontend::js([ 'http://contest.xpressengine.com/templates/basic//js/layout.basic.js', 'http://contest.xpressengine.com/templates/basic//js/colorset_test.js'])->load();

XeFrontend::meta('viewport')->name('viewport')->content('width=1100')->load();

XeFrontend동일 asset 파일 중복 로드 처리각 asset 파일간 로드 우선순위 지정출력 위치 지정 (head, body)

기타 기능 - 메타태그 추가 , 브라우저타이틀 지정 ...

Blade Template

Laravel 에서 제공하는 Template Engine

매뉴얼http://laravel.com/docs/5.1/blade

http://xpressengine.github.io/laravel-korean-docs/docs/5.0/templates

( 한글 )

http://laravel.com/docs/5.1/blade



{{-- 데이터 출력 --}}{{ $title }}{!! $description !!}

{{-- 조건문 --}}@if($title == '')@endif

{{-- 반복문 --}}@foreach($posts as $post)@endforeach

{{-- 레이아웃 구성 --}}@include('view.name')

@section('sidebar')@endsection

@yield('content')

@extends('view.layout')

step4. Main 테마 추가하기

frame.blade.php

main.blade.php basic.blade.php

@extends@section

src/Theme/Main.php 추가 !

views/theme/main.blade.php 추가 !

composer.json 파일 변경

step5.테마 커스터마이징

테마 설정각 테마가 알아서 설정 페이지를 작성합니다 ..

PHP 코드 ... 작성해야 합니다 .

좀 어려울 수 있지만 , 완전 자유롭습니다 .

<?xml version="1.0" encoding="UTF-8"?><layout version="0.2"> <title xml:lang="ko">doorweb basic 레이아웃 </title> <title xml:lang="en">doorweb basic Layout</title> <description xml:lang="ko">doorweb_basic 레이아웃 .</description> <description xml:lang="en">doorweb_basic layout.</description> <version>1.7.7</version> <date>2015-01-27</date> <author email_address="[email protected]" link="http://doorweb.net/xe"> <name xml:lang="ko">DoorWeb</name> <name xml:lang="en">DoorWeb</name> </author> <menus> <menu name="main_menu" maxdepth="3" default="true"> <title xml:lang="ko"> 메인메뉴 </title> <title xml:lang="en">Main Menu</title> </menu> <menu name="sub_menu" maxdepth="3" default="true"> <title xml:lang="ko"> 로컬메뉴 </title> </menu>

<menu name="breadclumb_menu" maxdepth="3" default="true"> <title xml:lang="ko"> 빵조각메뉴 </title> </menu> </menus>

<extra_vars><group>

<title xml:lang="ko"> 기본 설정 </title><var name="LAYOUT_TYPE" type="select">

<title xml:lang="ko"> 레이아웃 유형 </title><title xml:lang="en">Layout Type</title><options value="ce">

<title xml:lang="ko"> 본문 + 서브 </title></options><options value="ec">

<title xml:lang="ko"> 서브 + 본문 </title></options><options value="c">

<title xml:lang="ko"> 본문 </title></options><options value="ce wide_xe">

<title xml:lang="ko"> 본문 + 서브 ( 게시판용 )</title></options><options value="ec wide_xe">

<title xml:lang="ko"> 서브 + 본문 ( 게시판용 )</title></options><options value="c wide_xe">

<title xml:lang="ko"> 본문 ( 게시판용 )</title></options>

</var><var name="HtmlFont" type="textarea">

<title xml:lang="ko"> 폰트 설정 </title><description xml:alng="ko"> 폰트 설정을 해 주십시오 . 달리 설정이 없으면 기본값이 사용됩니다 .</description>

</var><var name="WEB_FONT" type="select">

<title xml:lang="ko"> 웹 폰트 </title><title xml:lang="en">Web Font</title><options value="NO">

<title xml:lang="ko">' 나눔고딕 ' 웹 폰트 사용 안함 </title><title xml:lang="en">Do not use 'NanumGothic' web font</title>

</options><options value="YES">

<title xml:lang="ko">' 나눔고딕 ' 웹 폰트 사용 </title><title xml:lang="en">Use 'NanumGothic' web font</title>

</options></var><var name="DWmember_info" type="text">

<title xml:lang="ko"> 회원정보용 페이지 SRL</title><description xml:alng="ko"> 회원 정보용 페이지로 넘어갈 페이지 SRL 값을 입력합니다 .( 이해 안가면 사용 안하셔도 됩니다 .)</description>

</var><var name="layout_color" type="select">

<title xml:lang="ko"> 레이아웃 컬러셋 </title><title xml:lang="en">Layout Colorset</title><options value="">

<title xml:lang="ko"> 사용자 설정 </title></options><options value="Red">

<title xml:lang="ko">Red</title></options><options value="Pink">

<title xml:lang="ko">Pink</title></options><options value="Purple">

<title xml:lang="ko">Purple</title></options><options value="DeepPurple">

<title xml:lang="ko">Deep Purple</title></options><options value="Indigo">

<title xml:lang="ko">Indigo</title></options><options value="Blue">

<title xml:lang="ko">Blue</title></options><options value="LightBlue">

<title xml:lang="ko">Light Blue</title></options><options value="Cyan">

<title xml:lang="ko">Cyan</title></options><options value="Teal">

<title xml:lang="ko">Teal</title></options><options value="Green">

<title xml:lang="ko">Green</title></options><options value="LightGreen">

<title xml:lang="ko">Light Green</title></options><options value="Amber">

<title xml:lang="ko">Amber</title></options><options value="Orange">

<title xml:lang="ko">Orange</title></options><options value="DeepOrange">

<title xml:lang="ko">Deep Orange</title></options><options value="Brown">

<title xml:lang="ko">Brown</title></options><options value="BlueGrey">

<title xml:lang="ko">Blue Grey</title></options>

</var>

<var name="basic_bg" type="text"><title xml:lang="ko"> 전체 배경색 </title><description xml:alng="ko"> 배경색을 입력해 주십시오 .( 예 : #e9eaed) </description>

</var><var name="basic_bgimg" type="image">

<title xml:lang="ko"> 전체 배경 이미지 </title><title xml:lang="en">background image</title><description xml:alng="ko"> 배경이미지를 등록해 주십시오 . repeat 됩니다 .</description>

</var><var name="basic_color" type="text">

<title xml:lang="ko">Header 배경색 </title><description xml:alng="ko">Header 배경색을 입력해 주십시오 .( 예 : #526bbe)- 색감이 없으신 분들은

https://www.google.com/design/spec/style/color.html#color-color-palette 에서 색을 골라보시길 권해 드립니다 .</description></var><var name="header_color" type="text">

<title xml:lang="ko">Header 상단 배경색 </title><description xml:alng="ko">Header 상단 배경색을 입력해 주십시오 .( 예 : #526bbe)</description>

</var><var name="basic_border" type="text">

<title xml:lang="ko">2 차메뉴 보더 색 </title><description xml:alng="ko"> 하위메뉴 보더 색을 설정해 주십시오 .( 예 : #5d7ad8)</description>

</var><var name="basic_breadclumb" type="text">

<title xml:lang="ko"> 빵조각 배경색 </title><description xml:alng="ko"> 메뉴와 본문 사이의 배경색을 입력해 주십시오 .( 예 : #dde1f1)</description>

</var></group><group><title xml:lang="ko">HEADER 설정 </title>

<var name="logo_image" type="image"><title xml:lang="ko"> 사이트 로고 이미지 </title><title xml:lang="en">Site logo image</title><description xml:alng="ko"> 높이 60 이하로 잡힙니다 .</description>

</var><var name="logo_image_alt" type="text">

<title xml:lang="ko"> 사이트 로고 문자 </title><title xml:lang="en">Site logo text</title>

</var><var name="logo_url" type="text">

<title xml:lang="ko"> 사이트 로고 URL</title><title xml:lang="en">Site logo url</title><description xml:alng="ko"> 로고를 클릭했을때 이동할 주소 ( 달리 값이 없으면 메인으로 주소가 잡힙니다 .)</description>

</var><var name="logo_align" type="select">

<title xml:lang="ko"> 로고의 배열 </title><options value="">

<title xml:lang="ko"> 좌측 배열 </title></options><options value="logo_center">

<title xml:lang="ko"> 중앙배열 </title></options>

</var>

<var name="menu_padding" type="text"><title xml:lang="ko">1 차메뉴 좌우여백 </title><description xml:alng="ko"> 차메뉴 좌우여백을 입력해 주십시오 ( 예 : 20)</description>

</var><var name="dropmenu_width" type="text">

<title xml:lang="ko">2 차메뉴 넓이 </title><description xml:alng="ko">2 차메뉴 넓이를 입력해 주십시오 ( 예 : 160)</description>

</var><var name="total_menu_list" type="text">

<title xml:lang="ko"> 전체메뉴 가로배열 갯수 </title><description xml:alng="ko"> 전체메뉴 가로배열 갯수를 입력해 주십시오 ( 예 : 6 - 최대 9 개 )</description>

</var></group><group><title xml:lang="ko"> 메인 슬라이드 </title>

<var name="top_slide" type="select"><title xml:lang="ko"> 슬라이드 사용 유무 </title><description xml:lang="ko"> 슬라이드 사용 유무를 설정해 주십시오 </description><options value="">

<title xml:lang="ko"> 사용안함 </title></options><options value="A">

<title xml:lang="ko">ParallaxContentSlider - png 처리를 잘하면 이쁨니다 .</title></options><options value="B">

<title xml:lang="ko">camera - 가변형 ( 이미지 처리가 약한 분들이 사용하기 무난 )</title></options><options value="C">

<title xml:lang="ko">swiper - 터치형 </title></options>

</var><var name="slide_mobile" type="select">

<title xml:lang="ko"> 슬라이드 모바일 노출유무 </title><description xml:lang="ko"> 슬라이드의 모바일에서 노출유무 설정해 주십시오 .</description><options value="">

<title xml:lang="ko"> 노출함 </title></options><options value="N">

<title xml:lang="ko"> 노출안함 </title></options>

</var><var name="slide_speed" type="text">

<title xml:lang="ko"> 슬라이드 속도 </title><title xml:lang="en">slide speed</title><description xml:lang="ko"> 슬라이드 속도 ( 예 :5000 - 1000 이 1 초임 )</description>

</var><var name="slide_height" type="text">

<title xml:lang="ko"> 슬라이드 높이 </title><title xml:lang="en">slide height</title><description xml:lang="ko"> 슬라이드 높이 (camera 슬라이드용 )</description>

</var><var name="slide_bg" type="image">

<title xml:lang="ko"> 슬라이드 배경 이미지 </title><title xml:lang="en">slide background image</title><description xml:alng="ko">ParallaxContentSlider 배경패턴 ( 반복됩니다 .)</description>

</var><var name="slide_title_color" type="text">

<title xml:lang="ko"> 슬라이드 타이틀 컬러 </title><description xml:alng="ko"> 슬라이드 타이틀 컬러를 입력해 주십시오 .(#fff)</description>

</var><var name="slide_text_color" type="text">

<title xml:lang="ko"> 슬라이드 텍스트 컬러 </title><description xml:alng="ko"> 슬라이드 텍스트 컬러를 입력해 주십시오 .(#888)</description>

</var><var name="slide_img1" type="image">

<title xml:lang="ko"> 슬라이드 이미지 1</title><description xml:lang="ko"> 슬라이드 이미지 1 을 등록하세요 .(ParallaxContentSlider : 높이 256px 이 무난함 )</description>

</var><var name="slide_title1" type="text">

<title xml:lang="ko"> 슬라이드 타이틀 1</title><description xml:alng="ko"> 슬라이드 타이틀 1 을 입력해 주십시오 .</description>

</var><var name="slide_text1" type="textarea">

<title xml:lang="ko"> 슬라이드 텍스트 1</title><description xml:alng="ko"> 슬라이드 텍스트 1 을 입력해 주십시오 .</description>

</var><var name="slide_url1" type="text">

<title xml:lang="ko"> 슬라이드 링크 1</title><description xml:alng="ko"> 슬라이드 링크 1 을 입력해 주십시오 .( 달리 링크값이 없으면 # 를 입력하십시오 .)</description>

</var>

<var name="slide_img2" type="image"><title xml:lang="ko"> 슬라이드 이미지 2</title><description xml:lang="ko"> 슬라이드 이미지 2 을 등록하세요 .( 높이 256px 이 무난함 )</description>







</var><var name="slide_img3" type="image">

<title xml:lang="ko"> 슬라이드 이미지 3</title><description xml:lang="ko"> 슬라이드 이미지 3 을 등록하세요 .( 높이 256px 이 무난함 )</description>







</var>

<var name="slide_img4" type="image"><title xml:lang="ko"> 슬라이드 이미지 4</title><description xml:lang="ko"> 슬라이드 이미지 4 을 등록하세요 .( 높이 256px 이 무난함 )</description>







</var></group>

<group><title xml:lang="ko"> 메인위젯 </title>

<var name="main_slide" type="select"><title xml:lang="ko"> 메인위젯 사용 유무 </title><description xml:lang="ko"> 메인위젯 사용 유무를 설정해 주십시오 </description><options value="">

<title xml:lang="ko"> 사용안함 </title></options><options value="normal-wrapper">

<title xml:lang="ko"> 라운드 그림자형 </title></options><options value="line-wrapper">

<title xml:lang="ko"> 라인형 </title></options>

</var><var name="c_title1" type="text">

<title xml:lang="ko"> 위젯 1 타이틀 </title><description xml:lang="ko"> 위젯 1 타이틀을 입력해 주십시오 .</description>

</var><var name="c_url1" type="text">

<title xml:lang="ko">L 위젯 1 타이틀 링크 </title><description xml:lang="ko"> 위젯 1 타이틀의 링크를 입력해 주십시오 .</description>

</var><var name="c_mid1" type="text">

<title xml:lang="ko">L 위젯 1 SRL</title><description xml:lang="ko"> 위젯 1 의 module_srl 를 입력해 주십시오 .( 게시판 편집에 마우스를 올리시면 화면 좌하단에

module_srl= 숫자가 보입니다 . ex:112)</description></var><var name="c_box1" type="select">

<title xml:lang="ko">L 위젯 1 크기형태 </title><description xml:lang="ko"> 크기형태를 설정해 주십시오 .</description><options value="">

<title xml:lang="ko"> 기본형 </title></options><options value="box_x2">

<title xml:lang="ko"> 가로두배 </title></options><options value="box_y2">

<title xml:lang="ko"> 세로두배 </title></options><options value="box_x2_y2">

<title xml:lang="ko"> 가로두배 세로두배 </title></options>

</var><var name="c_style1" type="select">

<title xml:lang="ko">L 위젯 1 내용형태 </title><description xml:lang="ko"> 내용형태를 설정해 주십시오 .( 주의 대형 슬라이드는 위젯 타이틀 사용 금지 )</description><options value="">


<title xml:lang="ko"> 제목 </title></options><options value="AA">

<title xml:lang="ko"> 제목 ( 세로두배 )</title></options><options value="B">

<title xml:lang="ko"> 갤러리 </title></options><options value="BB">

<title xml:lang="ko"> 갤러리 ( 가로두배 )</title></options><options value="C">

<title xml:lang="ko"> 이미지 + 제목 ( 세로두배 )</title></options><options value="D">

<title xml:lang="ko"> 이미지 + 제목 + 내용 </title></options><options value="DD">

<title xml:lang="ko"> 이미지 + 제목 + 내용 ( 세로두배 )</title></options><options value="E">

<title xml:lang="ko"> 대형 슬라이드 ( 가로두배 세로두배 )</title></options><options value="EE">

<title xml:lang="ko"> 소형 슬라이드 ( 기본형 )</title></options>

</var><var name="c_mobile1" type="select">

<title xml:lang="ko">L 위젯 1 모바일 노출유무 </title><description xml:lang="ko"> 모바일에서 노출유무 설정해 주십시오 .</description><options value="">



</var>

<var name="c_title2" type="text"><title xml:lang="ko"> 위젯 2 타이틀 </title><description xml:lang="ko"> 위젯 2 타이틀을 입력해 주십시오 .</description>









<title xml:lang="ko"> 세로두배 </title></options>


<title xml:lang="ko">L 위젯 2 내용형태 </title><description xml:lang="ko"> 내용형태를 설정해 주십시오 .</description><options value="">








<title xml:lang="ko"> 이미지 + 제목 + 내용 ( 세로두배 )</title></options><options value="EE">






</var>

<var name="c_title3" type="text">

title xml:lang="ko"> 위젯 3 타이틀 </title><description xml:lang="ko"> 위젯 3 타이틀을 입력해 주십시오 .</description>

























</var>


























</var>


























</var>


























</var>


























</var>


























</var>


























</var>





<title xml:lang="ko">L 위젯 10 SRL</title><description xml:lang="ko"> 위젯 10 의 module_srl 를 입력해 주십시오 .( 게시판 편집에 마우스를 올리시면 화면 좌하단에 module_srl= 숫자가 보입니다 . ex:112)</description>

</var><var name="c_box10" type="select">










<title xml:lang="ko"> 갤러리 </title></options><opti

onsvalue="BB"><title xml:lang="ko"> 갤러리 ( 가로두배 )</title>

</options><options value="C">









</var>


























</var>


























</var>


























</var>


























</var>


























</var>


























</var>


























</var>





<title xml:lang="ko">L 위젯 18 SRL</title><description xml:lang="ko"> 위젯 18 의 module_srl 를 입력해 주십시오 .( 게시판 편집에 마우스를 올리시면 화면 좌하단에 module_srl=숫자가 보입니다 . ex:112)<description>





















</var></group>

<group><title xml:lang="ko"> 메인 갤러리 </title>

<var name="gallery_widget" type="select"><title xml:lang="ko"> 메인 갤러리 사용 유무 </title><description xml:lang="ko"> 메인 갤러리 사용 유무를 설정해 주십시오 ( 라운드형입니다 .)</description><options value="">

<title xml:lang="ko"> 사용안함 </title></options><options value="Y">

<title xml:lang="ko"> 사용함 </title></options>

</var>

<var name="gallery_title1" type="text"><title xml:lang="ko"> 위젯 1 타이틀 </title><description xml:lang="ko"> 위젯 1 타이틀을 입력해 주십시오 .</description>

</var><var name="gallery_title_bg1" type="select">

<title xml:lang="ko"> 타이틀 배경색 </title><description xml:lang="ko"> 메인 갤러리 사용 유무를 설정해 주십시오 ( 라운드형입니다 .)</description><options value="title_bgA">

<title xml:lang="ko"> 투명 두줄라인 </title></options><options value="title_bgB">

<title xml:lang="ko"> 굵은 사선라인 </title></options><options value="title_bgC">

<title xml:lang="ko"> 한줄라인 </title></options><options value="title_bgD">

<title xml:lang="ko"> 라운드 그림자형 </title></options>

</var><var name="gallery_url1" type="text">


</var><var name="gallery_mid1" type="text">


module_srl= 숫자가 보입니다 . ex:112)</description></var><var name="gallery_style1" type="select">



<title xml:lang="ko"> 갤러리 </title></options><options value="B">

<title xml:lang="ko"> 이미지 + 제목 + 내용 </title></options>

</var><var name="gallery_list1" type="text">

<title xml:lang="ko">L 위젯 1 의 목록수 </title><description xml:lang="ko"> 위젯 1 의 목록수를 입력해 주십시오 .(6 의 배수로 입력하세요 )</description>

</var><var name="gallery_mobile1" type="select">




</var>























</var>























</var>























</var>























</var>























</var></group>

<group><title xml:lang="ko"> 서브위젯 </title>

<var name="local_menu" type="select"><title xml:lang="ko"> 로컬메뉴 사용 유무 </title><description xml:lang="ko"> 서브위젯 사용 유무를 설정해 주십시오 </description><options value="Y">

<title xml:lang="ko"> 사용함 </title></options><options value="N">

<title xml:lang="ko"> 사용안함 </title></options>

</var><var name="ec_widget" type="select">

<title xml:lang="ko"> 서브위젯 사용 유무 </title><description xml:lang="ko"> 서브위젯 사용 유무를 설정해 주십시오 </description><options value="">



</var><var name="ec_title1" type="text">

<title xml:lang="ko"> 위젯 1 타이틀 </title><description xml:lang="ko"> 위젯 1 타이틀을 입력해 주십시오 .</description>

</var><var name="ec_url1" type="text">


</var><var name="ec_mid1" type="text">


module_srl= 숫자가 보입니다 . ex:112)</description></var><var name="ec_style1" type="select">




<title xml:lang="ko"> 댓글 </title></options><options value="B">

<title xml:lang="ko"> 갤러리 </title></options><options value="C">

<title xml:lang="ko"> 이미지 + 제목 </title></options><options value="D">

<title xml:lang="ko"> 이미지 + 제목 + 내용 </title></options><options value="E">

<title xml:lang="ko"> 최신글 최신댓글 탭 </title></options>

</var><var name="ec_list1" type="text">

<title xml:lang="ko">L 위젯 1 의 목록수 </title><description xml:lang="ko"> 위젯 1 의 목록수를 입력해 주십시오 .( 입력값이 없으면 5 개가 노출됩니다 )</description>

</var><var name="ec_widget1" type="textarea">

<title xml:lang="ko">L 위젯 1 코드 </title><description xml:alng="ko"> 다른 형태의 위젯을 사용하시려면 이곳에 위젯코드를 입력하십시오 .</desc

riptio></var>

<var name="ec_title2" type="text"><title xml:lang="ko"> 위젯 2 타이틀 </title><description xml:lang="ko"> 위젯 2 타이틀을 입력해 주십시오 .</description>

















<title xml:lang="ko">L 위젯 2 코드 </title><description xml:alng="ko"> 다른 형태의 위젯을 사용하시려면 이곳에 위젯코드를 입력하십시오 .</description>

</var>



















</var>



















</var>



















</var>



















</var>



















</var>



















</var></group><group>

<title xml:lang="ko">Sub Page( 본문 )</title><var name="breadclumb" type="select">

<title xml:lang="ko"> 빵조각 사용 유무 </title><description xml:lang="ko"> 빵조각 사용 유무를 설정해 주십시오 </description><options value="">



</var><var name="QuotationMark" type="select">

<title xml:lang="ko"> 빵조각 Quotation Mark 사용 유무 </title><description xml:lang="ko"> 빵조각 Quotation Mark 사용 유무를 설정해 주십시오 </description><options value="Y">

<title xml:lang="ko"> 사용함 </title></options><options value="N">


</var><var name="content_style" type="select">

<title xml:lang="ko"> 본문 흰색배경 사용 유무 </title><description xml:lang="ko"> 본문 흰색배경 사용 유무를 설정해 주십시오 </description><options value="content_white">

<title xml:lang="ko"> 사용함 </title></options><options value="">


</var></group><group><title xml:lang="ko"> 풋터 </title>

<var name="footer_bg" type="text"><title xml:lang="ko"> 풋터 배경색 </title><description xml:lang="ko"> 풋터의 배경색을 입력해 주십시오 .( 예 :#5B6882)</description>

</var><var name="foot_logo_image" type="image">

<title xml:lang="ko"> 풋터 로고 이미지 </title><title xml:lang="en">footer logo image</title><description xml:alng="ko"> 넓이 250 이하로 올려 주세요 .</description>

</var><var name="copyright" type="textarea">

<title xml:lang="ko"> 풋터 copyright</title><description xml:alng="ko"> 풋터 copyright 를 입력하십시오 . strong 을 사용하면 조금더 밝고 굵은 색이 보여집니다 .</description>

</var></group>

</extra_vars></layout>n/ <

테마 설정src/Controllers/Theme/ConfigController.php

views/theme/config.blade.php

모바일 지원

http://xpressengine.io?_m=1

@mobileonly

..... code for mobile

@endmobileonly

-----------------------------------------------------------------

@desktoponly

..... code for desktop

@enddesktoponly

셋팅테마도 바꿀 수 있습니다 .

향후 계획

XE UI Components

Widget Box

in 테마in 위젯페이지

감사합니다 .

Software

XE Open seminar 테마만들기