묻고답하기
page_full_width" class="col-xs-12" |cond="$__Context->page_full_width">
공식 레이아웃의 메인메뉴 부분 해석 부탁드립니다.
2009.01.23 01:22
공식 레이아웃의 메인메뉴 부분의 해석을 부탁드립니다.
다시 열어보시기 귀찮으실테니 아래에 붙여넣겠습니다.
상세한 해석을 부탁드립니다.
이 부분과 2차메뉴가 제로보드에서 가장 난해하더라구요.
이걸 정확히 알고 나면 2차메뉴도 파악이 가능할 거 같아서 이것만 질문해 봅니다.
<!--@foreach($main_menu->list as $key => $val)--><!--@if($val['link'])-->
<!--@if($val['selected'])-->
{@ $menu_1st = $val }
<!--@end-->
<li <!--@if($val['selected'])-->class="on"<!--@end-->><a href="{$val['href']}" <!--@if($val['open_window']=='Y')-->onclick="window.open(this.href);return false;"<!--@end-->>{$val['link']}</a></li>
<!--@endif--><!--@endforeach-->
1줄에서는 메인메뉴에서 메뉴목록을 불러들여서 링크로 지정을 하게 하는 부분입니다.
2줄에서는 GNB(대메뉴)가 선택되어 있다면
3줄에서는 GNB 안에 속한 LNB(소메뉴)를 값으로 한다입니다.
4줄은 XpressEngine 문법중에 <!--@if ~~~-->가 있으면 <!--@end 로 끝내야 한다는 문법입니다. 이 부분이 없을경우 문법이 망가져서 레이아웃작동 안합니다.
4줄에서는 LI 태그를 사용해서 메뉴를 불러들이는 부분입니다.
<!--@if($val['selected']) ~~~ <!--@end 이 부분은 LNB중에서 이 페이지가 선택되어 있으면 class 값을 on으로 지정해 주어서 CSS에서 LNB가 선택되어져있을때 적용해주는 값을 사용할 수 있게 하겠다 (말이 이상해진;;) 라는 뜻입니다.
href="{$val['href']}"는 <a 태그에 이동할 페이지 주소값을 지정해주는 부분입니다.
<a 태그 안에서 href 다음으로 나오는 부분은 만약 새창에서 열기가 설정(Y)되어있다면, onclick="~~~ flase;" 값을 적용해서 자바스크립트 이용 새창으로 뜨게하겠다는 부분입니다. 그리고 @if 가 쓰였으니 당연히 @end로 문법상 끝내줘야겠죠.
{$val['link']} 는 링크가 적용될 텍스트 혹은 이미지 값입니다. 여기에 덧붙여서 link를 text로 변경하면 메뉴설정에서 이미지메뉴를 등록했더라도 텍스트값만 출력시킵니다.
1번째 줄에서도 if가 쓰였으니 마지막 줄에서도 endif로 끝내면서 foreach 값도 endforeach로 문법을 끝낸다는 소리입니다
이해가 되셨을지;;;