> For the complete documentation index, see [llms.txt](https://help.makeshop.co.kr/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://help.makeshop.co.kr/maunal/editor/undefined-4.md).

# 디자인 관리

쇼핑몰에 사용할 디자인 스킨을 추가하고, 삭제·편집·복사·초기화까지 한곳에서 관리하는 메뉴예요. 마음에 드는 스킨을 미리 확인하고 추가한 뒤, 필요에 맞게 고쳐서 사용할 수 있어요. 스킨은 쇼핑몰 전체의 분위기를 정하기 때문에, 고객이 보는 쇼핑몰 화면도 이 메뉴에서 정한 디자인에 따라 달라져요.

## 📍 관리자 메뉴 위치

* **경로:** 에디터 > 좌측 메뉴 > 디자인 관리

## ⚙️ 메뉴 안내 및 설정 방법

### 1.디자인 추가

쇼핑몰에 사용할 스킨을 골라 내 디자인 목록에 담는 단계예요. 좌측 메뉴 '디자인 관리' 아래쪽의 \[디자인 추가]를 누르면 디자인 선택 창이 열리고, 라이트 기본 스킨·라이트 APT 스킨처럼 사용할 수 있는 스킨을 확인할 수 있어요.

* **미리보기 (선택 항목)**
  * **기능 설명:** 디자인 선택 창에서 \[미리보기] 버튼을 누르면 해당 디자인 스킨이 어떻게 보이는지 확인할 수 있어요.
  * **이렇게 사용하면 좋아요 🌟:** 스킨을 추가하기 전에 \[미리보기]로 전체 분위기를 먼저 확인해 보세요. 마음에 드는 스킨만 추가하면 목록이 깔끔하게 유지돼요.
* **디자인 추가 (선택 항목)**

  * **기능 설명:** 디자인 선택 창에서 \[디자인 추가] 버튼을 누르면 선택한 디자인 스킨이 내 디자인 목록에 추가돼요.
  * **이렇게 사용하면 좋아요 🌟:** 추가한 스킨은 좌측 메뉴 '디자인 관리' 목록에서 바로 확인하고 편집할 수 있어요.
  *

  ```
  <figure><img src="/files/nXMrtnM5R1Z6jwJjHvob" alt=""><figcaption></figcaption></figure>
  ```

### 2. 디자인 관리

이미 추가한 스킨을 고치거나 정리하는 단계예요. 좌측 메뉴 '디자인 관리'에서 추가된 스킨 위에 마우스를 올리면 오른쪽 위에 점 모양의 메뉴 버튼이 나타나요. 이 버튼을 누르면 삭제·디자인 편집·복사·초기화 메뉴가 열려요.

* **삭제 (선택 항목)**
  * **기능 설명:** 메뉴 버튼에서 \[삭제]를 누르면 해당 스킨이 삭제돼요. 단, 현재 사용 중인 스킨은 삭제할 수 없어요.
  * **이렇게 사용하면 좋아요 🌟:** 쓰지 않는 스킨을 정리할 때 사용해 보세요. 삭제한 스킨은 다시 볼 수 없을 수 있으니, 지우기 전에 꼭 필요한 스킨인지 한 번 더 확인해 주세요.
* **디자인 편집 (선택 항목)**
  * **기능 설명:** 메뉴 버튼에서 \[디자인 편집]을 누르면 해당 스킨을 편집할 수 있어요.
  * **이렇게 사용하면 좋아요 🌟:** 현재 쇼핑몰에 사용 중인 스킨을 바로 고치기보다는, 아래 \[복사]로 복사본을 만든 뒤 편집하면 더 안전해요.
* **복사 (선택 항목)**
  * **기능 설명:** 메뉴 버튼에서 \[복사]를 누르면 해당 스킨을 똑같이 복사할 수 있어요.
  * **이렇게 사용하면 좋아요 🌟:** 사용 중인 스킨을 수정하거나 편집해야 할 때는 먼저 복사하세요. 복사된 스킨에서 수정·편집을 마친 뒤 쇼핑몰에 보여 주면, 작업 중인 화면이 고객에게 그대로 보이는 일을 막을 수 있어요.
* **초기화 (선택 항목)**
  * **기능 설명:** 메뉴 버튼에서 \[초기화]를 누르면 해당 스킨이 처음 추가했을 때의 버전으로 되돌아가요.
  * **이렇게 사용하면 좋아요 🌟:** 편집하다가 처음 모습으로 다시 시작하고 싶을 때 사용해 보세요. 초기화하면 그동안 수정한 내용이 처음 상태로 돌아가니, 남기고 싶은 디자인이 있다면 먼저 \[복사]로 복사본을 만들어 두세요.

<figure><img src="https://3607863916-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FOy1iiAFI4nA1SH1UFEa0%2Fuploads%2FTqa9hN8V8rztRE7aB1Ta%2F6%20(1).png?alt=media&amp;token=e905d4b2-162f-42a8-befa-f364d4b27d67" alt=""><figcaption></figcaption></figure>

### ✅ 최종 적용

* **\[디자인 추가]**
  * 디자인 선택 창에서 누르면 선택한 스킨이 내 디자인 목록에 추가돼요.

## 💡 꼭 확인해 주세요! (참고 및 주의사항)

{% hint style="info" %}
**알아두면 좋아요:** 스킨 목록에서 '사용 중' 표시가 있는 스킨은 현재 쇼핑몰에 사용 중인 스킨이고, 편집 중인 스킨에는 '편집 중' 표시가 나타나요. 사용 중인 스킨을 고치고 싶을 때는 \[복사] 후 복사된 스킨에서 수정하는 방법을 추천해요.
{% endhint %}

{% hint style="warning" %}
**주의사항:** 사용 중인 스킨은 삭제할 수 없어요. 또한 \[초기화]를 누르면 해당 스킨이 처음 추가했을 때의 버전으로 돌아가니, 수정한 내용이 필요하다면 초기화 전에 꼭 확인해 주세요.
{% endhint %}