질문/조언질답게시판

메뉴수정

Extra Form
PHP 사용안함
CMS XpressEngine

layout.html 에서는

            <!-- GNB -->
            <nav cond="$GNB->list" class="gnb" id="gnb">
                <div id="mobile_menu_btn" class="menu_btn">
                    <div class="menu_bar">
                        <div class="btn1"></div>
                        <div class="btn2"></div>
                        <div class="btn3"></div>
                    </div>
                </div>
                <ul>
                    <li loop="$GNB->list => $key1, $val1">
                        <a href="{$val1['href']}" target="_blank"|cond="$val1['open_window'] == 'Y'">{$val1['link']}</a>
                        <block cond="$val1['selected']">{@ $_selected_menu = $val1}</block>
                        <ul cond="$val1['list']" class="depth2">
                            <li loop="$val1['list'] => $key2, $val2" class="more"|cond="$val2['list']">
                                <a href="{$val2['href']}" target="_blank"|cond="$val2['open_window'] == 'Y'">{$val2['link']}</a>
                                <ul cond="$val2['list']" class="depth3">
                                    <li loop="$val2['list'] => $key3, $val3">
                                        <a href="{$val3['href']}" target="_blank"|cond="$val3['open_window'] == 'Y'">{$val3['link']}</a>
                                    </li>
                                </ul>
                            </li>
                        </ul>
                    </li>
                </ul>
            </nav>
            <!-- /GNB -->

 

 

 

크롬에서는 검사후


<!-- GNB -->
     <nav class="gnb" id="gnb">
     <div id="mobile_menu_btn" class="menu_btn">
     <div class="menu_bar">
     <div class="btn1"></div>
     <div class="btn2"></div>
     <div class="btn3"></div>
     </div>
     </div>
     <ul>
     <li>
     <a href="">Home</a>
     </li><li>
     <a href="">Propile</a>
     <ul class="depth2">
     <li>
     <a href="/Chaeunji">Cha eunji</a>
     </li> </ul> </li><li>
     <a href="">Portfolio</a>
     <ul class="depth2">
     <li>
     <a href="/Graphic">Graphic</a>
     </li><li>
     <a href="/Webcodding">Web codding</a>
     </li> </ul> </li><li>
     <a href="">Boder</a>
     </li><li>
     <a href="">gg</a>
     </li> </ul>
     </nav> <!-- /GNB -->

 

이렇게 뜨는데 ftp 를 이용해서 메뉴 이름을 수정하는 방법은 없을까요?

(어드민 페이지 X)

  • profile
    어드민 페이지에서 하시면 되는데 굳이 저렇게 해야하나요?
    굳이 해야 한다면.. <li loop="$GNB->list => $key1, $val1">
    이 메뉴 루프 태그를 수정해서 간단하게 <li class="클래스명"><a href="링크">메뉴이름</a></li> 이런식으로 하드코딩할수 있어요.
  • profile
    https://xetown.com/point_contents/1105307

    예전에 하드코딩했던건데 참조해보세요.
  • profile ?
    사실 제가 하고싶은것은 메뉴 자리에 버튼을 넣고 싶어서 그렇습니다.
    그래서 저 위치를 찾아서 거기에 버튼 코딩한걸 넣으면 되지않을까 싶었습니다.

    페이지를 영어로 바꾸는 버튼인데 오른쪽 상단에 넣었더니 이미지가 겹쳐집니다.
    답변 감사합니다.
  • ?
    혹시 XE(rx)의 메뉴 시스템을 이용하지 않고, 코딩으로 메뉴의 '이름'을 만지고 싶으신건가요?
    혹은 li나 a 태그에 id, class 등의 속성을 추가하고 싶으신 건가요?

    후자라면 레이아웃 수정으로 하실 수 있으시지만,,

    만약 전자의 질문이시라면...

    이렇게 생각하시는게, XE (라이믹스)를 벗어나서 생각하시는 첫 걸음입니다.
    이렇게 몇 차례 시도하시다가 이것 저것 꼬여버리고, 코어까지 되돌릴 수 없을 정도로 꼬여버리는...
    암튼, xe(rx)의 제작 방법에 익숙해지시는게 좋을 것 같습니다~
  • ? ?
    그 이름을 만질수 있는 위치를 알고싶습니다.
  • ?
    답변 드릴 수 있을 것 같아요.
    질문을 조금 더 정확하게 주세요~

    li 태그 안의 a 태그 안에 버튼을 달고 싶으신건가요?
    버튼이라 함은 button 태그를 말씀하시는건가요?

    혹은 img 태그인데, 그냥 버튼 모양의 이미지를 말씀하시는건가요?

    각 메뉴마다 버튼의 모양이 바뀌어야 하나요?
    혹은 특정 조건마다 버튼의 모양이 바뀌어야 하나요?

    혹은, 그냥 모든 메뉴마다 동일한 버튼을 넣기를 원하시나요?

    1차~ 3차 메뉴 중, 몇차 메뉴에 넣기를 원하시나요?

    단순 이미지의 경우,
    :before 선택자를 통해서, css만으로도 처리할 수 있는데, 이런 방법도 괜찮으신가요?


    ... 등등,
    정말 원하시는 내용을 정리해서 알려주세요.
    도움 드릴 수 있는데,
    지금의 질문과 댓글들에서는 정말 원하시는게 뭔지 알 수가 없어요.
  • ? ?
    제가 배운지 얼마 안되서 설명이 부족한거같네요.

    언어변경 을할려고 버튼을 오른쪽 상단에 만들었습니다. 근대 이게 화면이 작아지면 설정 과 그림이 겹치게 됩니다. 그래서 제 생각은 아애 메뉴 들이있는 라인에 이 기능을 추가해서 화면이 작아지더라도 보이게 만들고 싶었습니다.

    <div class="language">
    <strong title="{$lang_type}">{$lang_supported[$lang_type]}</strong> <button type="button" class="toggle"><img src="./img/buttonLangs.gif" alt="Select Language" width="150" height="28" /></button>
    <ul class="selectLang">
    <li loop="$lang_supported=>$key,$val" cond="$key!= $lang_type"><button type="button" onclick="doChangeLangType('{$key}');return false;">{$val}</button></li>
    </ul>
    </div>

    그래서 제 생각은 메뉴에 하나 만들어서 그걸 클릭하면 영오로 바뀌게되는걸 만들고싶었습니다.
  • ?
    이 글에서 제일 먼저 올려주신 코드들 있지요?
    거기서 아래에서 3번째 줄 위에
    </ul>
    </li>
    <!--//여기를 말하는겁니다-->
    </ul>
    </nav>
    <!-- /GNB -->


    이 위치에다가 아래의 코드를 붙여넣으세요.

    <li class="new_language_select">
    <a href="javascript:;" title="Language Select">언어선택</a>
    <ul class="depth2">
    <li loop="$lang_supported=>$key,$val" cond="$key!= $lang_type">
    <button type="button" onclick="doChangeLangType('{$key}');return false;">{$val}</button>
    </li>
    </ul>
    </li>


    제일 첫 줄의 class="어쩌고 저쩌고"는 나중에 혹시 어떻게 써먹을 수도 있으니, 다른 이름으로 바꾸셔도 됩니다.

    2째 줄의 '언어선택' 이라는 한글은 다른 이름으로 바꾸셔도 되구요.

    암튼, 이렇게 하시면, 1차메뉴의 가장 끝에 '언어선택'이라는 메뉴가 하나 생기게 되고,
    그 아래에 영어, 한국어, 중국어 등등등이 나타나게 될 겁니다.
  • ?
    제가 올려드린 코드 중 <button> 에 해당하는 줄은 싹 지우신 다음에
    <a href="{getUrl('l',$key)}" title="{$val}">{$val}</a>

    위의 코드로 대체하셔도 됩니다.

    만약, 언어 선택시에 홈페이지 첫 화면으로 가시길 원한다면,
    <a href="{getUrl('','l',$key)}" title="{$val}">{$val}</a>

    이 코드로 대체하셔도 됩니다.
  • ?
    아래의 코드가 가장 XE 스러운 코딩 방법일 것 같네요.

    <li class="new_language_select" cond="count($lang_supported)>1">
    <a href="javascript:;" title="{$lang->cmd_set_multilingual}">{$lang->cmd_multilingual}</a>
    <ul class="depth2">
    <li loop="$lang_supported=>$key,$val" cond="$key!= $lang_type">
    <a href="javascript:;" onclick="doChangeLangType('{$key}'); return false;" title="{$val}">{$val}</a>
    </li>
    </ul>
    </li>
  • ? ?
    와 감사합니다.. 이거였어요 제가 생각할수있었다면 좋았을텐데;;
  • ?
    <a>태그 안의 {$lang->cmd_multilingual} 이 부분을 원하는 단어로 바꾸세요.
    LANGUAGE 등으로...

    그런데, 위 코드를 썼을 때에는 선택된 언어에 따라 적절한 단어가 표기되는데,
    바꾸시면 '중국어'로 보실 때에도 'LANGUAGE' 이라고 표기될 거에요.

    ....

    아래처럼 하시면, 한국어일때에는 "언어선택", 다른 언어일 때에는 해당 언어로 "블라블라"

    <a href="javascript:;" title="{$lang->cmd_set_multilingual}">
    <[email protected]($lang_type=='ko' || $l = 'ko')-->
    언어선택
    <[email protected]>
    {$lang->cmd_multilingual}<!--//기타 언어 : XE에서 지정된 단어-->
    <[email protected]>
    </a>

    ...

    아래처럼 하시면 각 언어별로 원하시는 언어 넣으실 수 있음.

    <a href="javascript:;" title="{$lang->cmd_set_multilingual}">
    <[email protected]($lang_type=='ko' || $l = 'ko')-->
    언어선택
    <[email protected]($lang_type=='en' || $l = 'en')-->
    LANGUAGE
    <[email protected]($lang_type=='jp' || $l = 'jp')-->
    일본어로언어선택이라고 쓰세요.
    <[email protected]($lang_type=='zh-CN' || $l = 'zh-CN')-->
    중국어로언어선택이라고 쓰세요.
    <[email protected]>
    {$lang->cmd_multilingual}<!--//기타 언어 : XE에서 지정된 단어-->
    <[email protected]>
    </a>


    ..
    혹은 xe의 switch 문을 써도 되긴 하는데... 이건 너무 복잡해지구요.

서버에 요청 중입니다. 잠시만 기다려 주십시오...