공통 디자인 설정
공통 디자인 설정을 변경해 페이지마다 공통적으로 적용할 텍스트의 크기와 색상, 기본 배경색, 본문폭, 글꼴(폰트), 버튼 디자인 등을 맞춤설정 할 수 있습니다.
*참조 : 본 설정 메뉴에서 설정한 공통 디자인 값들은 일부를 제외하고 별도 수정이 가능합니다.
메뉴 열기
- 디자인 모드에 접속합니다.
- 오른쪽 상단 톱니바퀴 아이콘을 클릭합니다.
본문 설정항목
- 브랜드/링크색 : 구매하기, 로그인 버튼, 게시물 기본 링크색, 자동 발송 메일의 강조 등에 사용됩니다. 흰색 또는 밝은색 사용시 보이지 않는 경우가 생길 수 있으므로 주의가 필요합니다.
- 뱃지색 : 알림 카운트 등을 표시하는데 사용하는 뱃지의 배경색을 설정합니다. 뱃지의 숫자는 흰색이므로 너무 밝지 않은 색상 적용이 권장됩니다.
- 글자색 : 본문 텍스트 기본 색상을 변경할 수 있습니다.
- 배경색 : 내 사이트 기본 배경색을 설정합니다. 섹션에서 설정한 배경이 있을 경우 기본 배경색 위에 덮어씌우게 됩니다.
- 본문폭 : 데스크톱(PC) 모드의 기본 본문 가로폭을 설정합니다. 사이트의 모든 페이지에 영향을 주며, 위젯의 가로영역 확장 또는 섹션 가로 100% 확장이 적용된 영역은 본문폭이 적용되지 않습니다. 본문폭 설정방법
- 그리드 간격 : 위젯과 위젯간의 상, 하, 좌, 우 간격을 설정합니다. 섹션 설정에서 그리드 간격 사용 시 섹션 설정이 더 우선시 됩니다.
텍스트 설정항목
- 텍스트 정의 : 내 사이트에서 사용하는 기본 텍스트 크기 및 색상, 줄간격 등을 설정합니다.
- 본문 한/중/일 : 단락이 본문(표준)으로 설정된 텍스트의 한글/중국어/일어 글꼴을 변경할 수 있습니다.
- 본문 영문 글꼴 : 단락이 본문(표준)으로 설정된 텍스트의 영어 글꼴을 변경할 수 있습니다.
- 제목 한/중/일 : 단락이 제목(Heading)으로 설정된 텍스트의 한글/중국어/일어 글꼴을 변경할 수 있습니다.
- 제목 영문 글꼴 : 단락이 제목(Heading)으로 설정된 텍스트의 영어 글꼴을 변경할 수 있습니다.
구성요소 설정항목
- 버튼 스타일 : 입력폼 위젯, 상품, 예약 상세페이지, 주문페이지 등 버튼이 포함된 항목의 스타일을 설정합니다. 일부 상황(로그인, 회원가입)에서는 버튼 스타일이 반영되지 않습니다.
- 입력 필드 : 입력폼 위젯, 상품, 예약 상세페이지, 주문페이지 등 입력요소가 있는 항목의 스타일을 설정합니다. 일부 상황(로그인, 회원가입)에서는 입력 스타일이 반영되지 않습니다.
- 말풍선 스타일 : 각종 위젯의 링크 타입을 말풍선으로 사용할 경우 표시될 말풍선의 스타일을 설정합니다. 이 설정은 모든 말풍선에 동일하게 적용됩니다.
- 페이징 스타일 : 비주얼섹션 및 슬라이드 갤러리의 페이징 스타일을 지정합니다.
- 기본 No-Image : 게시판 및 최신글 위젯(그리드 및 Masonry 타입만 적용) 등에 공통적으로 표시할 이미지를 지정합니다. 게시물에 대표이미지를 지정한 경우 직접 지정한 대표이미지가 우선 반영됩니다.
옵션 설정항목
- 원페이지 구성 : 대메뉴가 원페이지로 구성됩니다. 대메뉴의 하위메뉴(서브메뉴)는 원페이지 적용 대상이 아니며, 미리보기에서만 원페이지 구성을 확인하실 수 있습니다. 상세 설정방법
- 모바일 폰트유지 : 모바일에서도 설정한 글꼴(폰트)가 로드됩니다. 한글 폰트의 경우 용량이 많은 편이기에 로드 속도가 지연될 수 있으므로 특별한 경우가 아닌한 사용 해제를 권장합니다.
- 모바일에서 PC 보기 버튼 사용 : 모바일에서 접속 시 페이지 최하단에 PC 보기 버튼을 표시합니다. PC 보기 버튼의 배경색과 글자색은 마지막 섹션을 따릅니다.
- 로그인/가입 팝업으로 사용 : 이 옵션을 사용하면 로그인이나 가입창이 현재 페이지에서 팝업(모달) 형태로 나타납니다. 해제 시 메뉴 관리의 글로벌 메뉴에서 로그인, 가입 페이지를 직접 디자인(변경) 할 수 있습니다. 단, 사이트 접속 시 성인인증 페이지 출력 사용 시, 해당 페이지에서는 이 설정에 관계 없이 팝업 형태로 로그인, 가입 페이지가 동작합니다.
- 가입완료 후 특정 위치로 이동 : 가입완료 후 항상 설정한 메뉴로 이동합니다.
- 로그인 후 특정 위치로 이동 : 로그인 후 이동할 메뉴를 설정합니다. 로그인 위젯이나 모바일 메뉴의 로그인 영역을 통해서 로그인 시에만 적용되며 이외에는 마지막 접속 메뉴로 이동합니다.
- 스크롤 부드럽게 : 방문자 컴퓨터의 기본 마우스 스크롤 설정 대신 부드러운 스크롤을 사용합니다. 디자인 모드가 아닌 미리보기에서 적용 상태를 직접 스크롤하여 확인할 수 있습니다. 단, 이 기능 적용 시 마우스 휠을 이용한 확대 및 축소 기능이 동작하지 않습니다.
- 페이지 전환시 페이드 효과 : 사이트 내에서 링크 이동, 메뉴 이동 등 페이지 전환 시 서서히 전환되는 효과를 적용합니다. 디자인 모드가 아닌 미리보기에서 적용 상태를 메뉴 등을 클릭해 확인할 수 있습니다. Safari(사파리) 브라우저에서는 호환성 문제로 지원하지 않습니다.
- 위젯에 애니메이션 적용 : 상단 섹션을 제외한 모든 위젯에 페이드인 애니메이션 효과가 지속시간 2초로 적용됩니다. 위젯마다 개별 적용한 경우 이 설정을 따르지 않습니다. 개별 애니메이션 설정방법
공통 디자인 설정 적용 또는 취소하기
- 공통 디자인 설정 오른쪽 상단 ⓧ를 클릭하거나, 설정메뉴 바깥 영역 아무 곳을 클릭합니다.
- '공통 디자인 설정을 저장 하시겠습니까?'라는 경고창이 나타납니다.
적용을 하려면 저장을, 적용하지 않고 종료하려면 취소 버튼을 클릭합니다.