> 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/manual/undefined-1/undefined.md).

# 디자인 스킨 관리

## 관리자 메뉴 위치

`디자인` > `디자인 스킨 관리` > `디자인 스킨 관리` 

## 내 쇼핑몰 디자인 확인 및 편집 방법

`디자인` > `디자인 스킨 관리` > `디자인 스킨 관리` > `보관 스킨` 메뉴를 확인해 주세요.   

<mark style="color:$primary;">\[사용 중]</mark> 으로 표시된 스킨이 현재 내 쇼핑몰에 적용된 디자인이에요.

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

&#x20;**① 미리보기**&#x20;

* 해당 디자인 스킨을 미리볼 수 있어요.&#x20;

**② 디자인 편집**

* 디자인 수정이 필요할 때 편집 페이지에 들어갈 수 있어요.&#x20;

**③ 복사**

* 디자인스킨을 똑같이 복사해서 하나의 스킨을 추가로 만들 수 있어요.&#x20;

**④ 업로드**

* tar 파일로 한 번에 디자인 소스를 업로드 할 수 있어요.&#x20;

**⑤ 삭제**

* 해당 스킨을 삭제할 수 있어요. 삭제한 스킨은 복구되지 않으니 주의해서 삭제해 주세요.

**⑥ 다운**

* 작업된 디자인 스킨을 tar파일로 다운로드 받을 수 있어요.&#x20;

## 디자인 편집하기&#x20;

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

* 내 쇼핑몰 스킨의 <mark style="color:$primary;">\[디자인 편집]</mark> 버튼으로 편집 페이지에 들어갈 수 있어요.&#x20;
* 자세한 디자인 편집 방법은 (링크) 확인해 주세요.&#x20;

## 다른 디자인 스킨 사용하기

{% stepper %}
{% step %}

### 스킨 검색하기&#x20;

`디자인` > `디자인 스킨 관리` > `디자인 스킨 추가` 메뉴에 들어가 주세요.\
200개가 넘는 다양한 무료 디자인 스킨이 제공되니 원하시는 스킨을 찾아 보세요.&#x20;

<figure><img src="/files/3KH0MVf5TB7AjefPsjvv" alt=""><figcaption></figcaption></figure>

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

{% endstep %}

{% step %}

### 스킨 디자인 미리보기&#x20;

마음에 드는 디자인 스킨이 있다면 <mark style="color:$primary;">\[미리보기>]</mark> 버튼에 마우스를 올려주세요. \
PC/모바일 디자인 미리보기를 통해 원하시는 디자인이 맞는지 확인해 보세요.&#x20;

<figure><img src="/files/ZQzYY5iEIU79vmo9IvBz" alt=""><figcaption></figcaption></figure>
{% endstep %}

{% step %}

### 스킨 추가하기

마음에 드는 디자인을 찾았다면 <mark style="color:$primary;">\[디자인 추가]</mark> 버튼에 마우스를 올려 PC/모바일 버전별로 각각추가해 주세요.

<figure><img src="/files/jHXnQVF82qWdDsovKcfl" alt=""><figcaption></figcaption></figure>
{% endstep %}

{% step %}

### 추가된 스킨 사용하기

추가한 스킨은디자인 > 디자인 스킨 관리 > 디자인 스킨 관리 > 보관 스킨 메뉴에서\
현재 사용 중인 스킨의 바로 아래 두 번째 순서로 추가돼요.&#x20;

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

**① 쇼핑몰 적용**&#x20;

* 내 쇼핑몰의 최종 디자인으로 변경돼요.&#x20;

**② 미리보기**&#x20;

* 디자인 스킨이 어떤 모습인지 적용 전에 미리보기 할 수 있어요.

**③ 디자인 편집**

* 추가된 스킨의 디자인을 편집할 수 있어요.&#x20;

{% hint style="success" %}
작업 TIP

* 안전한 디자인 작업을 위해 사용 중인 스킨을 복사해 주세요.
* 복사된 스킨 기준으로 디자인 작업 후 미리보기에서 문제가 없다면 최종적으로 쇼핑몰에 적용해 주세요.  &#x20;
  {% endhint %}
  {% endstep %}
  {% endstepper %}