메인 메뉴 3차까지 추가하기 > 그누보드팁

본문 바로가기
전체검색

그누스킨닷컴

그누보드팁

그누보드 영카트 초보 사용자를 위한 기본 매뉴얼, 스킨 제작 기초강좌를 공유합니다.

메인 메뉴 3차까지 추가하기

페이지 정보

작성자 관리자 작성일18-07-15 20:28 조회327회

본문

그누보드팁

그누보드 메뉴 설정에서는 2차까지만 사용할 수가 있습니다.
간편한 방법으로 3차 메뉴까지 추가하는 방법을 살펴보겠습니다.
관리자 페이지에 있는 메뉴 설정 기능과는 연동되지 않으며 head.php 파일에 직접 추가하는 방식입니다.
그누보드 5.3 버전 기준입니다.


수정 파일 : head.php

1. 아래 코드를 찾은 후

<li class="gnb_2dli"><a href="<?php echo $row2['me_link']; ?>" target="_<?php echo $row2['me_target']; ?>" class="gnb_2da"><?php echo $row2['me_name'] ?></a></li>

전체를 이렇게 수정
 

<li class="gnb_2dli">
    <a href="<?php echo $row2['me_link']; ?>" target="_<?php echo $row2['me_target']; ?>" class="gnb_2da"><?php echo $row2['me_name'] ?></a>
    <?php if ($row2['me_code'] == 1020) { ?>
    <ul class="gnb_3dul">
        <li><a href="#"><i class="fa fa-angle-right" aria-hidden="true"></i> 서브메뉴1-2-1</a></li>
        <li><a href="#"><i class="fa fa-angle-right" aria-hidden="true"></i> 서브메뉴1-2-2</a></li>
    </ul>
    <?php } ?>
    <?php if ($row2['me_code'] == 1030) { ?>
    <ul class="gnb_3dul">
        <li><a href="#"><i class="fa fa-angle-right" aria-hidden="true"></i> 서브메뉴1-3-1</a></li>
        <li><a href="#"><i class="fa fa-angle-right" aria-hidden="true"></i> 서브메뉴1-3-2</a></li>
    </ul>
    <?php } ?>
</li>


2. default.css 파일에 추가
 

.gnb_3dul {padding:0;text-align:left;}
.gnb_3dul li a {display:block;color:#fff;padding:0 0 0 15px;line-height:35px;background:#253dbe;border-top:1px solid #2b47dd}


부연 설명.
 

<?php if ($row2['me_code'] == 1020) { ?>

<ul class="gnb_3dul">

    <li><a href="#"><i class="fa fa-angle-right" aria-hidden="true"></i> 서브메뉴1-2-1</a></li>

    <li><a href="#"><i class="fa fa-angle-right" aria-hidden="true"></i> 서브메뉴1-2-2</a></li>

</ul>

<?php } ?>

3차 메뉴가 위와 같이 추가되었는데
$row2['me_code'] == 1020 이렇게 2차 메뉴 code를 인식시켜서 추가하는 방식입니다.

2차 메뉴 code가 헷갈릴 땐
<?php echo $row2['me_code'] ?> 이렇게 넣어서 확인하세요.

정상적으로 수정이 됐다면 스크린샷처럼 3차까지 출력될 겁니다.
3차 메뉴가 몇 개 없고 원본 수정 없이 간단하게 추가하고 싶을 때 참고하세요.
메뉴 중간에 뭔가 끼워 넣고 싶은 게 있을 때 활용하셔도 됩니다.


* 어디에 추가해야 하는지 헷갈리는 분들은 참고하세요.

d3cf28844a737bab2166a152b3f94af8_1531655810_5978.png 

커뮤니티는 당분간 중단하겠습니다.
그누보드팁 목록
번호 제목
공지 그누보드 팁 자료실 공지사항
125 포인트 내역 전체 초기화 모든 회원 포인트를 0으로 변경
124 게시판 페이지 타이틀 수정 방법
123 메일 발송 기능 사용 시 네이버 스팸메일함으로 분류되는 원인
122 게시판 글 등록 시 메일 발송 비회원은 발송되지 않을 때 해결 방법
121 전체 최신글에서 특정 게시판 출력 제외하기
120 메뉴 설정에서 메뉴코드 me_code 출력하기
119 특정 메뉴 색상을 다르게 설정하기
118 어느 검색 사이트에서 링크 타고 왔는지 확인하는 방법
117 에디터 입력화면 세로 높이 수정 smarteditor2, ckeditor4, cheditor5
116 오토셋(Autoset) 사용방법6 - 가상 호스트 설정 댓글2
115 네이버 소셜로그인 네아로 검수요청 신청서 작성 방법
114 파일 업로드시 파일명 변경 없이 원본 그대로 업로드
113 로그인 영역을 오른쪽에서 왼쪽으로 이동
112 1:1 문의 게시판에 새글이나 답변글 등록시 쪽지 발송하기
111 그누보드 5.3 버전 기본 메뉴 중앙 정렬하기
110 자동등록방지 캡챠(kcaptcha)코드 삭제 - 그누보드 5.3 버전
109 네아로, 네이버 소셜 로그인으로 가입시 닉네임 값에 이메일 아이디가 입력될 경우 댓글1
108 MySQL 버전 차이로 phpmyadmin 에서 DB 필드 타입 변경이 안 될 때
107 네이버 구글 검색 서브 링크
열람중 메인 메뉴 3차까지 추가하기
105 모바일 브라우저에서 링크 터치 하이라이트 제거 (링크 클릭 영역)
104 그누보드 5.3 기본 레이아웃 전체 가로 사이즈 변경
103 index 페이지 최신글 특정 게시판 제외하기
102 그누보드 5.2 버전과 5.3 버전 차이점
게시물 검색


그누스터디는 그누보드, 영카트 초보 사용자를 위한 정보를 공유합니다.

Copyright © GNUSTUDY. All rights reserved.
상단으로