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

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

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

## 📝 개선안 정리

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

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

  <figure><img src="/files/WNIGYviOLf0sRdAPblYp" alt=""><figcaption></figcaption></figure>

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

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

   <figure><img src="/files/1O3OVlN6xrrevd52pUnQ" alt=""><figcaption></figcaption></figure>
2. `관리자스킨 소스관리 > 관리자 스킨소스 보기` 에서 `data/module/Asset/Admin/base/index.php` 파일을 선택한 후, `'운영소스에 복사'버튼을` 클릭합니다.

   <figure><img src="/files/d1fN5DoDhfkfF3e03NWx" 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="/files/SnAMO7DRpipXr7duYfpE" alt=""><figcaption></figcaption></figure>

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

<figure><img src="/files/mfQcyqEg91x2FxWXEWkY" alt=""><figcaption></figcaption></figure>


---

# Agent Instructions: Querying This Documentation

If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter:

```
GET https://devcenter-help.nhn-commerce.com/guide/tuning-example/add-favorite-menu.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.