메뉴 건너뛰기

기존 레이아웃에 옵션 추가하기

Average Rating:
8.0/10 1명 참여
Rate this page:
익명 (8)  
평점 한줄평 글쓴이 작성날짜
8
0 (-9577) 03/24 02:58

xe 공식 홈페이지에서 다운 받은 레이아웃을 사용하다보면

 

3개.PNG


 

위와 같이 3개만 입력할 수 있는 레이아웃이 있다고 칩시다. 이때 아래와 같이 하나를 더 추가하여 4개로 확장하려 한다면 아래의 과정을 따라해 보세요.

 

4개.PNG


 

 

1. 변수 추가하기

 

xe/layouts/phizRWDThemes/conf/info.xml (관련 정보 : http://www.xeschool.com/xe/step3_3)

 

  <var name="c1_image3" type="image">
   <title xml:lang="ko">이미지3</title>
   <title xml:lang="en">Image 1 of content1</title>
  </var>
  <var name="c1_title3" type="text">
   <title xml:lang="ko">제목(B-5-1)</title>
   <title xml:lang="en">title</title>
   <description xml:lang="ko">제목을 입력해 주세요.</description>
   <description xml:lang="en">Please input the title.</description>
  </var>
  <var name="c1_text3" type="textarea">
   <title xml:lang="ko">설명(B-5-2)</title>
   <title xml:lang="en">description</title>
   <description xml:lang="ko">설명을 입력해 주세요.</description>
   <description xml:lang="en">Please input the description.</description>
  </var>

 

<!-- 아래는 추가한 내용임 -->
  <var name="c1_image4" type="image">
   <title xml:lang="ko">이미지4</title>
   <title xml:lang="en">Image 1 of content1</title>
  </var>
  <var name="c1_title4" type="text">
   <title xml:lang="ko">제목(B-6-1)</title>
   <title xml:lang="en">title</title>
   <description xml:lang="ko">제목을 입력해 주세요.</description>
   <description xml:lang="en">Please input the title.</description>
  </var>
  <var name="c1_text4" type="textarea">
   <title xml:lang="ko">설명(B-6-2)</title>
   <title xml:lang="en">description</title>
   <description xml:lang="ko">설명을 입력해 주세요.</description>
   <description xml:lang="en">Please input the description.</description>
  </var>


 

2. 관리자 설정에서 캐시파일 재생성 실행하기

 변수를 추가하고 꼭 캐시파일 재생성을 해야합니다.

 

캐시파일 재생성.PNG


 

3. 레이아웃 설정 화면에서 해당 변수에 값 입력하기

 변수값을 레이아웃 설정에서 입력합니다.

 

설정창 입력.PNG


 

4. 변수 사용하기

 

추가한 변수값이 홈페이지에 이쁘게 표현되도록 html 파일을 열어 수정합니다. (혹시 관리자 설정화면에서 레이아웃 코드를 수정했다면 아래의 파일로는 적용되지 않습니다. 이미 xe/files/faceOff/ 폴더에 개별 레이아웃 템플릿으로 저장되었기 때문입니다. 따라서 그 폴더에서 파일을 열어서 수정하거나 관지자 설정의 레이아웃 코드 수정으로만 작업해야 합니다.)

 

파일의 수가 하나 일 수도 있고 여러개일 수도 있습니다.

xe/layouts/phizRWDThemes/phiz_themes/pages/phizkr_aboutus_1.html

 

... 생략 ...

if ($layout_info->c1_image3) $c1_image3 = $layout_info->c1_image3;
if ($layout_info->c1_title3) $c1_title3 = $layout_info->c1_title3;
if ($layout_info->c1_text3) $c1_text3 = $layout_info->c1_text3;

 

<!-- 아래의 내용을 추가하였음 -->

if ($layout_info->c1_image4) $c1_image4 = $layout_info->c1_image4;
if ($layout_info->c1_title4) $c1_title4 = $layout_info->c1_title4;
if ($layout_info->c1_text4) $c1_text4 = $layout_info->c1_text4;

... 생략 ...

 

   <div class="col-sm-3 text-center">
    <img class="aboutusceo img-circle" src="{$c1_image3}" />
    <h2 cond="$c1_title3" class="text-center">{$c1_title3}</h2>
    <p cond="$c1_text3" class="text-center">{$c1_text3}</p>
   </div>

 

<!-- 아래의 내용을 추가하였음 -->
   <div class="col-sm-3 text-center">
    <img class="aboutusceo img-circle" src="{$c1_image4}" />
    <h2 cond="$c1_title4" class="text-center">{$c1_title4}</h2>
    <p cond="$c1_text4" class="text-center">{$c1_text4}</p>
   </div>


 

xe/layouts/phizRWDThemes/phiz_themes/pages/help.html

 

if (!$layout_info->c1_image3) $c1_image3 = '$c1_image3';
if (!$layout_info->c1_image4) $c1_image4 = '$c1_image4'; 


 

xe/layouts/phizRWDThemes/phiz_themes/pages/preview.html

 

if (!$layout_info->c1_image3) $c1_image3 = '/layouts/phizRWDThemes/phiz_themes/pages/images/about-3.jpg';
if (!$layout_info->c1_image3) $c1_image4 = '/layouts/phizRWDThemes/phiz_themes/pages/images/about-4.jpg';


 

 


 

 

 

 


 

제목 날짜
Star Rating 별점 위젯 업데이트 정보   2014.03.09
php 가변함수  
    6
test  
    5
rest_default 버그 잡기  
    9
별점 추가작업  
    7
태그 목록