# 4.2. 워드프레스: 버튼 꾸미기

### ✅ 미리 확인해주세요.

{% hint style="danger" %}
❗️ 관리자 등급 계정만 사용할 수 있는 기능입니다.

대시보드의 **설정 관련 기능들**은 **관리자 등급 계정(Admin)**&#xB9CC; 이용할 수 있습니다. 따라서 데이터 가져오기 기능을 사용하려면 **관리자 계정**으로 로그인해야 합니다.

만약 관리자 계정을 잊어버리셨다면, [**아키스케치 채널톡**](https://archisketch.channel.io/home) 또는 [**도입문의**](https://www.archisketch.com/kr/enterprisetrial)를 통해 아키스케치 팀에 문의해 주세요.
{% endhint %}

{% hint style="warning" %}
🚧 해당 기능을 사용하려면 사전 설치 작업이 완료되어야 합니다.

해당 기능은 **\[3.1. 고도몰: 앱 설치 방법]** 작업이 완료되어야 사용할 수 있습니다.
{% endhint %}

***

## 워드프레스 플러그인 버튼 꾸미기

{% stepper %}
{% step %}
**워드프레스 ↔️ 아키스케치 앱(App) 설치**가 완료되었다면,

**\[연동 > 연결된 채널]**&#xC5D0;서 고도몰 연동이 정상적으로 되었는지 확인합니다.

*(\* 워드프레스 연동이 완료되면, 워드프레스 카드가 "연동됨"이라는 뱃지와 함께 활성화됩니다.)*

![](/files/a9cf50ec6124b92be4e13bd2f24c528390f589b0)
{% endstep %}

{% step %}
워드프레스 웹사이트 연동이 정상적으로 활성화되었다면, 상단의 **\[연동 > 웹버튼 설정]** 탭으로 이동해 주세요.

**"디자인"** 글자 옆 **\[수정]** 버튼을 클릭하면, 웹 버튼을 수정할 수 있습니다. 우측 미리보기 페이지에서 버튼이 어떻게 커스텀되는지 미리 확인하면서 꾸며보세요.

버튼 커스텀은 아래의 기능들을 제공하고 있습니다.

![](/files/3f7c42ed4568bd46c13c777e10b42207fe99d2b3)

### 📌 디자인

| 기능         | 설명                                                                                                  |
| ---------- | --------------------------------------------------------------------------------------------------- |
| **버튼 이미지** | 버튼 이미지를 수정 할 수 있습니다. (deafult: 아키스케치 로고)                                                            |
| **버튼 색상**  | 버튼 색상을 수정 할 수 있습니다. (default: #2e2ee8)                                                              |
| **버튼 숨기기** | 진입 버튼을 숨깁니다. (default: Off)                                                                         |
| **버튼 이름**  | <p>버튼 이름 숨기기: 버튼 이름 영역을 숨깁니다. (default: Off)<br>버튼 이름 변경: 버튼 이름을 설정합니다. (default: 3D 인테리어 하러가기)</p> |

### 📌 위치&사이즈

| 기능               | 설명                                         |
| ---------------- | ------------------------------------------ |
| **디바이스 타입**      | PC와 모바일 환경에서 버튼 사이즈 및 위치를 별도로 설정 할 수 있습니다. |
| **버튼 사이즈**       | 버튼의 사이즈를 설정합니다.                            |
| **버튼 위치**        | 좌측 또는 우측 시작점을 설정 할 수 있습니다. (default: 오른쪽)  |
| **위치 조절**        | 좌측 또는 우측의 시작점을 중심으로 버튼의 위치를 조절합니다.         |
| {% endstep %}    |                                            |
| {% endstepper %} |                                            |


---

# 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://docs.archisketch.com/dev-guide/builder/wordpress/app-button.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.
