mbg1346 - xe_official_v2 레이아웃에 있는 사이트맵 소스 가져오기

첨부파일

등록일

파일크기

다운 수

Extra Form
원작자	zero
적용여부	적용

원작자

zero

적용여부

적용

Xpressengine에 기본으로 들어있는 xe_official_v2 레이아웃에는 본문 하단에 사이트맵이 나옵니다.
이 기능을 다른 레이아웃에 적용하는 방법입니다.(예제 : xe_official)

1. xe/layouts/xe_official/layout.html에 아래와 같이 빨간색소스를 삽입합니다.

-상단내용생략-    
<div id="columnRight">
   <!-- 컨텐츠 시작 -->
      {$content}
    </div>
  </div>

      <!--사이트맵-->
      <!--@if($layout_info->sitemap == 'Y')-->
  <div id="sitemap">
   <div class="extension">
    <div class="section logo">
                    <!--@if(!$layout_info->sitemap_image)-->SiteMap<!--@else-->
     <img src="{$layout_info->sitemap_image}" alt="" />
                    <!--@end-->
    </div>
                <!--@foreach($main_menu->list as $key => $val)-->
                <!--@if($val['link'])-->
    <div class="section">
     <h2><a href="{$val['href']}"<!--@if($val['open_window']=='Y')--> onclick="window.open(this.href);return false;"<!--@end-->>{$val['text']}</a></h2>
                    <!--@if($val['list'])-->
     <ul>
                        <!--@foreach($val['list'] as $k => $v)-->
                        <!--@if($val['link'])-->
      <li><a href="{$v['href']}"<!--@if($v['open_window']=='Y')--> onclick="window.open(this.href);return false;"<!--@end-->>{$v['text']}</a></li>
                        <!--@end-->
                        <!--@end-->
     </ul>
                    <!--@end-->
    </div>
                <!--@end-->
                <!--@end-->
   </div>
  </div>
      <!--@end-->

<ul id="footer">
-하단내용생략-

2. xe/layouts/xe_official/css/default.css에 아래와 같이 소스를 삽입합니다.

/* Sitemap */
#sitemap a{ text-decoration:none;}
#sitemap a:hover,
#sitemap a:active,
#sitemap a:focus{ text-decoration:underline;}

#sitemap .extension{ *zoom:1; padding:15px 0; margin-bottom:15px; border-top:1px dotted #A5A5A5;}
#sitemap .extension:after{ content:""; display:block; clear:both; }
#sitemap .extension .section{ float:left; width:110px; margin:0; padding:0 0 0 10px; background:url(../images/lineKneeVr.gif) repeat-y 0 0;}
#sitemap .extension .section.logo{ background:none; padding:0 10px 0 10px; font-size:1.5em; color:#ff6600;}
#sitemap .extension .section h2{ font-size:12px; margin:0 0 10px 0;}
#sitemap .extension .section a{ color:#808080;}
#sitemap .extension .section ul{ margin:0; padding:0; list-style:none;}
#sitemap .extension .section li{ margin-bottom:6px;}

첨부파일에 lineKneeVr.gif 파일을 받아서 xe/layouts/xe_official/images방안에 업로드합니다.

3. xe/layouts/xe_official/conf/info.xml에 아래와 같이 소스를 삽입합니다.

        <var name="sitemap" 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="sitemap_image" type="image">
            <title xml:lang="ko">좌하단 사이트맵 이미지</title>
            <description xml:lang="ko">좌하단 사이트맵 좌측에 나오는 이미지를 입력하세요.</description>
        </var>

위와 같이 소스 삽입하면 레이아웃설정에서 사이트맵의 사용유무를 선택할 수 있으며, 사이트맵의 좌측에 나오는 로고삽입도 가능해집니다. 참고로 로고 미삽입시 sitemap이라는 문구가 나옵니다.

xe_official_v2 레이아웃에 있는 사이트맵 소스 가져오기

단축키

Articles