버튼 위젯의 스타일(버튼 배경색, 선색 등)은 사용자가 무료 사이트를 생성하는 과정에서 선택한 템플릿에 따라 자동으로 설정됩니다.

만약 버튼 위젯을 추가할 때마다 자동 설정되는 기본 버튼의 스타일을 직접 지정하려면 이 도움말에 따라 일반 버튼 스타일을 변경해 주세요.

이 도움말은 기본적으로 사용되는 일반 버튼의 스타일 설정 방법을 설명합니다.

설정방법

1. 디자인 모드에 접속합니다. 접속방법
2. 오른쪽 상단의 톱니바퀴 아이콘을 클릭합니다.
3. 공통 디자인 설정 메뉴가 나타나면 구성요소 항목으로 이동합니다.

4. 버튼 스타일을 클릭합니다.

   

5. 버튼 텍스트, 배경색, 선색이 페이지 배경색과 다르게 설정합니다. 예를 들어, 페이지 배경색이 흰색인 경우 텍스트 색상을 검정(#000)으로, 배경색을 흰색(#fff)으로, 선 색을 검정색(#000)으로 설정할 수 있습니다.

   참고: 버튼 스타일 옵션 상단의 버튼 모양에 마우스 포인터를 올려 롤오버 버튼 스타일을 확인할 수 있습니다.

   

6. 기본 색상 변경을 마쳤다면 마우스 롤오버 시 색상을 변경하고, 버튼의 모양, 버튼 텍스트 좌우 여백 등을 추가 설정하세요.
7. 버튼 스타일 설정을 완료했다면 공통 디자인 설정 메뉴 바깥 영역을 클릭하고, 저장 을 클릭해 설정을 완료합니다.
8. 디자인 모드 오른쪽 상단의 미리보기 아이콘을 클릭합니다.
9. 의도한대로 버튼 스타일이 변경되었는지 확인합니다.
10. 문제가 없다면 디자인 모드로 돌아가 게시하기 버튼을 클릭해 적용합니다.

관련 도움말

• 강조 버튼 설정하기 (공통 디자인 설정)