# 즐겨찾기 메뉴 바로가기 만들기

## 📌 요구사항 정의 및 현황분석

* 자주 사용하는 메뉴를 관리자 메인화면에서 바로 접속하고자 함.
* GNB 에 있는 자주쓰는 메뉴는 메뉴 단위로만 접근이 가능한 상황으로 상세 조건이 설정 된 상태로 접근 하는 것은 불가함.  ex ) 게시글 관리 메뉴의 '게시판' 설정 값이 '1:1문의'인 게시글 관리으로의 직접 연결이 불가

## 📝 개선안 정리

* 추가 방법 선정
  * 버튼의 형태로 제공
  * 버튼 클릭 시, 연결한 메뉴 페이지가 새창으로 출력 되도록 적용
* 자주쓰는 메뉴로 추가할 메뉴 선정
  * 상품 > 상품 노출형태 관리 > 상품상세 공통정보 관리
  * 게시판 >  게시판 관리 > 게시글 관리 : 게시판이 '1:1문의'로 설정 된 게시글 관리 화면
* 위치 선정

  * 관리자 메인 우측 배너 영역 상단으로 추가

  <figure><img src="https://3829245599-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FDr6HwDXRgyoJINAE95Gb%2Fuploads%2Frj4T5WH5F3xAYaMMv7TH%2Fimage.png?alt=media&#x26;token=182b0076-e26c-46a3-8074-0803e8cf8119" alt=""><figcaption></figcaption></figure>

## 🛠️ 커스터마이징 진행

1. `관리자페이지 > 개발소스관리` 팝업창을 엽니다.

   <figure><img src="https://3829245599-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FDr6HwDXRgyoJINAE95Gb%2Fuploads%2FAMPtqRZu5qW9hwo9zO6P%2Fimage.png?alt=media&#x26;token=931278c0-ad6b-4908-8f24-adaf409b8497" alt=""><figcaption></figcaption></figure>
2. `관리자스킨 소스관리 > 관리자 스킨소스 보기` 에서 `data/module/Asset/Admin/base/index.php` 파일을 선택한 후, `'운영소스에 복사'버튼을` 클릭합니다.

   <figure><img src="https://3829245599-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FDr6HwDXRgyoJINAE95Gb%2Fuploads%2FNcMIYV3Lg3DwJFxRCAoW%2Fimage.png?alt=media&#x26;token=99a509b9-8022-4e59-84be-cf5f2d79a3d5" alt=""><figcaption></figcaption></figure>
3. `(상점 폴더)/admin/base/index.php` 파일을 엽니다.
4. 관리자 메인 측면 배너 구간에 원하는 버튼을 추가합니다. \
   필요에 따라 `admin/css/admin-custom.css` 에서 버튼의 css 속성을 추가합니다.

{% code title="AS-IS (index.php)" %}

```html
<!-- 관리자 메인 측면 배너 시작 -->
<?php if (gd_is_provider() === false) { ?>
    <div id="panel_banner_mainSide" class="sub-sector banner-float">
    </div>
<?php } ?>
<!-- 관리자 메인 측면 배너 끝 -->
```

{% endcode %}

{% code title="TO-BE (index.php)" %}

```html
<!-- 관리자 메인 측면 배너 시작 -->
<?php if (gd_is_provider() === false) { ?>
    <div id="panel_banner_mainSide" class="sub-sector banner-float">
        <p>
            <a class="btn btn-lg banner-btn-custom" href="../goods/common_content_list.php">
                상품상세 공통정보 관리
            </a>
        </p>
        <p>
            <a class="btn btn-lg banner-btn-custom" href="../board/article_list.php?bdId=qa">
                게시글 관리 (1:1문의)
            </a>
        </p>
    </div>
<?php } ?>
<!-- 관리자 메인 측면 배너 끝 -->
```

{% endcode %}

{% code title="admin-custom.css" %}

```css
@charset "utf-8";

/**
 * custom css 입니다. 추가적인 css는 여기에 작성을 해주세요.
 */
.banner-btn-custom {
    width: 100%;
    background-color: #FFFFFF;
    border-color: #4677E5;
    color: #4677E5;
    padding: 9px 16px 8px;
    font-size: 13px;
}
```

{% endcode %}

## 🔖 결과 확인

#### 📎 커스터마이징 전

<figure><img src="https://3829245599-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FDr6HwDXRgyoJINAE95Gb%2Fuploads%2FQ0rZN4UWnt8ePKyzmw2I%2Fimage.png?alt=media&#x26;token=dd02ea68-ec40-403b-aef3-d95e692cb151" alt=""><figcaption></figcaption></figure>

#### 🖇️ 커스터마이징 후

<figure><img src="https://3829245599-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FDr6HwDXRgyoJINAE95Gb%2Fuploads%2Fj6dGhZQG5NFxtwb01bfx%2Fimage.png?alt=media&#x26;token=04ebf496-b267-4b2f-9d6a-479372b1dff2" alt=""><figcaption></figcaption></figure>