LogoLogo
NHN커머스 메인고도몰 운영 도움말
  • 고도몰 튜닝 가이드
    • Intro
    • 이해하기
      • 용어
      • 구조
        • 튜닝 진행 방법
        • 튜닝 가능 범위
        • 고도몰 아키텍쳐(Architecture)
        • 코딩 규칙
        • 네이밍 규칙
    • 준비하기
      • 심화 구조 이해
        • Routing 소개
        • Controller 소개
        • HTTP 소개
        • Database 소개
        • Security 소개
        • Exception 소개
        • Language 소개
      • 오픈 API 사용가이드
        • 인증키 발급 방법 안내
        • 공급사 이용 방법 안내
    • 튜닝하기
      • 소스 코드 튜닝
        • 기본 튜닝 방법
        • 컨트롤러 튜닝 방법
        • 템플릿 튜닝 방법
        • 튜닝 시 유의사항
      • 데이터베이스 튜닝
        • 튜닝 방법
        • 튜닝 시 유의사항
        • 고도몰 테이블 명세서
        • PhpMyAdmin 이용
      • 디버깅 방법
      • 패치 확인 및 대응 방법
    • 튜닝 따라하기
      • 관리자 GNB 색상 변경하기
      • 즐겨찾기 메뉴 바로가기 만들기
      • 관리자 메뉴 추가하기
      • 관리자 메뉴 수정하기
      • 관리자 페이지 추가하기
      • 관리자 페이지 수정하기
      • 사용자 페이지 추가하기
      • 사용자 페이지 수정하기
    • 잘못된 튜닝사례
      • 상속 미준수
      • 메소드 관련
      • 그 외
  • 기타 개발 가이드
    • 로그 사용 가이드
    • [PMA] 내보내기(export) 이용 안내
    • 외부 스크립트 사용 가이드
    • SDK 사용 가이드
    • [DB] 사용 가이드
  • 튜닝가이드 영상 보기
Powered by GitBook
LogoLogo

NHN COMMERCE

  • 공지사항
  • 회사소개

Partners

  • 서비스 제휴문의
  • 셀러어드민
  • 디자인 파트너

Developers

  • 스토어

©NHN COMMERCE Corp. All rights reserved.

On this page
  • 📌 요구사항 정의 및 분석
  • 📝 개선안 정리
  • 🛠️ 튜닝 진행
  • 🔖 결과 확인

Was this helpful?

  1. 고도몰 튜닝 가이드
  2. 튜닝 따라하기

관리자 GNB 색상 변경하기

Previous튜닝 따라하기Next즐겨찾기 메뉴 바로가기 만들기

Last updated 1 year ago

Was this helpful?

📌 요구사항 정의 및 분석

  • 상점의 아이덴티티를 나타내는 색상이 존재하여, 해당 색상을 상점 관리자의 GNB에 적용하고 싶음.

  • 고도몰 상점 관리자 GNB 영역은 수정이 가능한 부분임을 확인하여 해당 부분 색상을 수정하고자 함.

📝 개선안 정리

  • 색상을 변경하고자 하는 GNB 범위 선정

  • 영역 별로 다른 색상을 적용하며, ➀번은 #213D54으로 ➁번은 #5A86CB 으로 변경

🛠️ 튜닝 진행

  • admin/header.php 파일에서 수정하고자 하는 영역의 클래스를 확인합니다.

  • 관리자페이지 CSS를 추가할 수 있는 admin/css/admin-custom.css 파일을 엽니다.

admin-custom.css
@charset "utf-8";

/**
 * custom css 입니다. 추가적인 css는 여기에 작성을 해주세요.
 */
  • ➀번 클래스의 background-color를 #213D54 로 지정합니다.

admin-custom.css
@charset "utf-8";

#header .navbar {
    background-color: #213D54;
}
  • ➁번 클래스의 background-color를 #5A86CB 로 지정합니다.

admin-custom.css
@charset "utf-8";

#header .nav.navbar-nav.reform {
    background-color: #5A86CB;
}

🔖 결과 확인