버튼 색상 바꾸기

버튼 색상도 브랜드의 일부예요

사이트에서 가장 눈에 잘 띄는 요소 중 하나가 버튼이에요.

색상만 바꿔도 사이트 분위기가 확 달라져요.

버튼 색상은 두 가지 방식으로 바꿀 수 있어요.

1. 공통 디자인 설정에서 바꾸기(전체 설정)

전체 버튼의 기본 스타일을 한 번에 바꾸는 방법이에요.

모든 페이지에 동일하게 적용돼요.

1. 아임웹 로그인 > 내 사이트 > 관리 > 디자인 모드

2. 오른쪽 상단 톱니바퀴 아이콘(공통 디자인 설정) 클릭

3. '구성요소' 항목에서 버튼 스타일 클릭

4. 텍스트 색, 배경 색, 테두리 설정

5. 오른쪽 상단의 X 아이콘을 클릭하거나, 공통 디자인 설정 바깥 영역 아무 곳 클릭

6. '공통 디자인 설정을 저장 하시겠습니까?' 문구와 함께 경고 창이 나타납니다.

7. '저장' 버튼을 클릭하면 변경 내용은 전체 사이트에 바로 적용

8. 오른쪽 상단 게시하기 왼쪽 '미리보기' 아이콘 클릭하여 변경 내용 확인이 가능

9. 변경 내용 확인 후 오른쪽 상단 '게시하기' 버튼 클릭하여 적용

참고: 강조 버튼은 ‘구매하기’, ‘회원가입’ 같은 행동을 유도하는 버튼에 주로 사용돼요.

2. 버튼 위젯에서 바꾸기(개별 설정)

특정 버튼 하나만 다른 색으로 바꾸고 싶을 때는 이렇게 해요.

1. 아임웹 로그인 > 내 사이트 > 관리 > 디자인 모드

2. ＋위젯 추가 버튼을 클릭해서 버튼 위젯 추가

3. 마우스 우클릭 >버튼 설정 클릭

4. 버튼 > 사용자 정의 텍스트 색, 배경 색, 테두리 설정

5. X 클릭 후 저장

6. 오른쪽 상단 게시하기 왼쪽 '미리보기' 아이콘 클릭하여 변경 내용 확인이 가능

7. 변경 내용 확인 후 오른쪽 상단 '게시하기' 버튼 클릭하여 적용

참고: 개별로 수정한 버튼은 공통 디자인 설정의 영향을 받지 않아요.

3. 버튼 링크 추가하기

1. 아임웹 로그인 > 내 사이트 > 관리 > 디자인 모드

2. 버튼에 마우스를 올리고 우클릭 > 버튼 설정 클릭

3. 링크 추가

4. X 클릭 후 저장

5. 오른쪽 상단 게시하기 왼쪽 '미리보기' 아이콘 클릭하여 변경 내용 확인이 가능

6. 변경 내용 확인 후 오른쪽 상단 '게시하기' 버튼 클릭하여 적용

버튼 하나만 바꿨는데 사이트 분위기가 달라졌죠?

다음은 글꼴(폰트) 바꾸기로 넘어가볼게요.