텍스트 위젯을 통해 포토샵 등을 사용해 직접 제작한 이미지 버튼을 추가할 수 있습니다. 이미지 위젯을 사용해, 이미지 버튼을 삽입하는 것도 가능하지만, 정밀한 편집 및 이미지 크기 조절이 필요하신 경우 다음 도움말을 참고해 추가할 수 있습니다.
이 도움말에서는 버튼을 예시로 설명하지만, 필요에 따라 버튼이 아닌 다른 디자인을 사용하셔도 됩니다.
1단계: 이미지 버튼 추가 및 링크 걸기
직접 디자인한 이미지를 업로드하고, 클릭 시 이동하도록 링크를 추가합니다.
2단계: 이미지 크기 편집하기
업로드한 이미지의 크기를 조절할 수 있습니다.
폭과 높이를 숫자로 입력하고, 업데이트를 클릭합니다.참고: 둘 중 하나만 입력해도 상대 비율에 따라 자동 조절됩니다.
3단계: 이미지 정렬하기
업로드한 이미지 버튼은 정렬 기능을 통해 텍스트 위젯 영역 안에서 왼쪽/가운데/오른쪽으로 정렬할 수 있습니다.
4단계: 작동여부 확인하기
도움말에 찾으시는 답변이 없으신가요? 문의하기
온라인 판매는 하지 않지만, 쇼핑 위젯을 사용해 방문자에게 상품을 보여주고 싶은 경우, 상품 상세페이지의 구매하기 버튼, 장바구니 버튼, 위시리스트 버튼을 사용안함으로 설정하여 숨길 수 있습니다.
앞서 완료해야 할 사항들
다음 설정을 진행하기에 앞서 아래 항목들을 체크하고 완료해야 합니다.
설정방법
구매하기 버튼 옵션을 사용안함 으로 변경합니다.
관련 도움말
섹션 배경에 특수한 배경 효과를 줄 수 있습니다.
적용방법
배경 효과를 선택합니다. 옵션은 중복으로 선택할 수 있습니다.
효과목록
섹션 안쪽에 여백을 줄 수 있습니다. 디자인 모드에서는 일반적으로 여백 위젯을 사용해 여백을 줍니다. 하지만 섹션 설정 내 여백 옵션을 활용하면 같은 크기의 여백을 빠르게 추가할 수도 있습니다.
섹션의 그리드 간격을 수정해, 위젯 간의 거리를 사용자 임의로 조절할 수 있습니다. 기본 섹션 그리드 간격은 사방 15px 입니다.
간격 항목 오른쪽 끝의 기본 그리드 간격을 선택 해제합니다.
섹션을 나누어 사이드 영역을 만들 수 있습니다. 섹션 사이드에는 종종 2차 메뉴를 삽입하곤 하지만, 광고 배너, 페이지 타이틀 등 다양하게 응용해 사용할 수 있습니다.
이 도움말에서는 섹션을 둘로 나누어, 왼쪽 또는 오른쪽에 섹션 사이드 영역을 추가하는 방법을 설명합니다.
7. (선택 사항) 섹션 사이드 고정 옵션을 선택할 수 있습니다. 해당 옵션을 활성화하면 페이지를 스크롤해도 사이드 섹션이 현재 위치에 고정됩니다.
8.섹션 설정 창 바깥 영역을 클릭해 설정을 완료합니다.
9.선택한 방향에 사이드 영역이 생긴 걸 확인할 수 있습니다. 이제 사이드 영역에 ⨁를 클릭해 위젯을 추가해 꾸밉니다. (예를 들어, 메뉴 리스트 위젯을 추가해 세로형 사이드 메뉴를 추가할 수도 있습니다.)
페이지 섹션 배경에 유튜브(YouTube) 또는 비메오(Vimeo) 동영상을 추가할 수 있습니다.
섹션 배경은 요소가 아닌 배경으로 처리되어, 사용자가 원하는 크기 및 비율로 정확하게 표시하기 어렵습니다. 동영상은 특정 요소(제품, 글자 등)를 중심으로 하는 영상은 피하고, 배경으로 사용할 영상을 사용하실 것을 권장합니다.
동영상 추가방법
동영상을 클릭합니다.
YouTube 또는 Vimeo 동영상 링크(URL)를 입력하고 확인을 클릭합니다.
주의사항
유튜브에 동영상 등록 시 공개설정을 일부 공개( 또는 미등록)로 설정해 주세요. 비공개로 설정하신 경우 동영상이 재생되지 않습니다. 일부 공개로 선택하신 경우 유튜브에서 검색되지 않으며, 동영상 링크가 있는 사람만 볼 수 있습니다.
남들이 퍼갈 수 없고, 특정 사이트에서만 재생되도록 하려면 Vimeo를 사용하실 것을 추천합니다.
페이지 섹션 배경에 색상, 이미지, 동영상을 추가할 수 있습니다. 이 도움말에서는 이미지를 추가하는 방법에 관해 설명합니다.
섹션 배경 이미지는 구조 상 요소(텍스트, 버튼, 이미지)가 아닌 배경으로 처리됩니다. 섹션 배경 이미지는 브라우저 크기에 따라 자동으로 늘어나거나 줄어들며, 이에 따라 일부가 잘려 보일 수 있습니다.
추가방법
6.섹션 배경에 배경 이미지가 추가됩니다.
배경 이미지 속성
디자인 모드에서 사이트 제작 중 요소별로 링크를 추가할 수 있습니다. 기본 메뉴 링크 외에도 여러 링크 타입을 제공하고 있기에 다양하게 활용해 보시길 바랍니다.
링크 타입의 종류
메뉴, 위젯 등 요소에 링크를 추가하는 자세한 방법은 요소에 링크 추가하기 도움말에서 확인해 보실 수 있습니다.
특정 메뉴(페이지)를 열어 볼 수 있는 권한을 사용자마다 달리 설정할 수 있습니다. 특정 콘텐츠를 회원만 볼 수 있게끔 설정하거나, 지정한 그룹만 볼 수 있도록 설정하려면 다음 절차에 따라 페이지 접근 권한을 설정해 보세요.
사용자 지정 그룹: 지정된 사용자 그룹만 메뉴를 열어볼 수 있습니다. 사용자 그룹을 추가하는 방법은 사용자 그룹 지정하기 도움말을 참고하세요. 사용자 지정 그룹 선택 시 아래 그림처럼 허용 그룹을 선택할 수 있습니다.
5. (선택 사항) 접근 권한에 대한 옵션을 설정할 수 있습니다.
6. 닫기 ✕ 아이콘을 클릭해 메뉴 설정 창을 종료합니다.
텍스트 위젯을 통해 포토샵 등을 사용해 직접 제작한 이미지 버튼을 추가할 수 있습니다. 이미지 위젯을 사용해, 이미지 버튼을 삽입하는 것도 가능하지만, 정밀한 편집 및 이미지 크기 조절이 필요하신 경우 다음 도움말을 참고해 추가할 수 있습니다.
이 도움말에서는 버튼을 예시로 설명하지만, 필요에 따라 버튼이 아닌 다른 디자인을 사용하셔도 됩니다.
1단계: 이미지 버튼 추가 및 링크 걸기
직접 디자인한 이미지를 업로드하고, 클릭 시 이동하도록 링크를 추가합니다.
2단계: 이미지 크기 편집하기
업로드한 이미지의 크기를 조절할 수 있습니다.
폭과 높이를 숫자로 입력하고, 업데이트를 클릭합니다.
참고: 둘 중 하나만 입력해도 상대 비율에 따라 자동 조절됩니다.
3단계: 이미지 정렬하기
업로드한 이미지 버튼은 정렬 기능을 통해 텍스트 위젯 영역 안에서 왼쪽/가운데/오른쪽으로 정렬할 수 있습니다.
4단계: 작동여부 확인하기
도움말에 찾으시는 답변이 없으신가요? 문의하기
온라인 판매는 하지 않지만, 쇼핑 위젯을 사용해 방문자에게 상품을 보여주고 싶은 경우, 상품 상세페이지의 구매하기 버튼, 장바구니 버튼, 위시리스트 버튼을 사용안함으로 설정하여 숨길 수 있습니다.
앞서 완료해야 할 사항들
다음 설정을 진행하기에 앞서 아래 항목들을 체크하고 완료해야 합니다.
설정방법
구매하기 버튼 옵션을 사용안함 으로 변경합니다.
관련 도움말
도움말에 찾으시는 답변이 없으신가요? 문의하기
섹션 배경에 특수한 배경 효과를 줄 수 있습니다.
적용방법
배경 효과를 선택합니다. 옵션은 중복으로 선택할 수 있습니다.
효과목록
도움말에 찾으시는 답변이 없으신가요? 문의하기
섹션 안쪽에 여백을 줄 수 있습니다. 디자인 모드에서는 일반적으로 여백 위젯을 사용해 여백을 줍니다. 하지만 섹션 설정 내 여백 옵션을 활용하면 같은 크기의 여백을 빠르게 추가할 수도 있습니다.
설정방법
도움말에 찾으시는 답변이 없으신가요? 문의하기
섹션의 그리드 간격을 수정해, 위젯 간의 거리를 사용자 임의로 조절할 수 있습니다. 기본 섹션 그리드 간격은 사방 15px 입니다.
설정방법
간격 항목 오른쪽 끝의 기본 그리드 간격을 선택 해제합니다.
섹션을 나누어 사이드 영역을 만들 수 있습니다. 섹션 사이드에는 종종 2차 메뉴를 삽입하곤 하지만, 광고 배너, 페이지 타이틀 등 다양하게 응용해 사용할 수 있습니다.
이 도움말에서는 섹션을 둘로 나누어, 왼쪽 또는 오른쪽에 섹션 사이드 영역을 추가하는 방법을 설명합니다.
설정방법
7. (선택 사항) 섹션 사이드 고정 옵션을 선택할 수 있습니다. 해당 옵션을 활성화하면 페이지를 스크롤해도 사이드 섹션이 현재 위치에 고정됩니다.
8.섹션 설정 창 바깥 영역을 클릭해 설정을 완료합니다.
9.선택한 방향에 사이드 영역이 생긴 걸 확인할 수 있습니다. 이제 사이드 영역에 ⨁를 클릭해 위젯을 추가해 꾸밉니다. (예를 들어, 메뉴 리스트 위젯을 추가해 세로형 사이드 메뉴를 추가할 수도 있습니다.)
도움말에 찾으시는 답변이 없으신가요? 문의하기
페이지 섹션 배경에 유튜브(YouTube) 또는 비메오(Vimeo) 동영상을 추가할 수 있습니다.
섹션 배경은 요소가 아닌 배경으로 처리되어, 사용자가 원하는 크기 및 비율로 정확하게 표시하기 어렵습니다. 동영상은 특정 요소(제품, 글자 등)를 중심으로 하는 영상은 피하고, 배경으로 사용할 영상을 사용하실 것을 권장합니다.
동영상 추가방법
동영상을 클릭합니다.
YouTube 또는 Vimeo 동영상 링크(URL)를 입력하고 확인을 클릭합니다.
주의사항
유튜브에 동영상 등록 시 공개설정을 일부 공개( 또는 미등록)로 설정해 주세요. 비공개로 설정하신 경우 동영상이 재생되지 않습니다. 일부 공개로 선택하신 경우 유튜브에서 검색되지 않으며, 동영상 링크가 있는 사람만 볼 수 있습니다.
남들이 퍼갈 수 없고, 특정 사이트에서만 재생되도록 하려면 Vimeo를 사용하실 것을 추천합니다.
도움말에 찾으시는 답변이 없으신가요? 문의하기
페이지 섹션 배경에 색상, 이미지, 동영상을 추가할 수 있습니다. 이 도움말에서는 이미지를 추가하는 방법에 관해 설명합니다.
섹션 배경 이미지는 구조 상 요소(텍스트, 버튼, 이미지)가 아닌 배경으로 처리됩니다. 섹션 배경 이미지는 브라우저 크기에 따라 자동으로 늘어나거나 줄어들며, 이에 따라 일부가 잘려 보일 수 있습니다.
추가방법
6.섹션 배경에 배경 이미지가 추가됩니다.
배경 이미지 속성
도움말에 찾으시는 답변이 없으신가요? 문의하기
디자인 모드에서 사이트 제작 중 요소별로 링크를 추가할 수 있습니다. 기본 메뉴 링크 외에도 여러 링크 타입을 제공하고 있기에 다양하게 활용해 보시길 바랍니다.
링크 타입의 종류
관련 도움말
메뉴, 위젯 등 요소에 링크를 추가하는 자세한 방법은 요소에 링크 추가하기 도움말에서 확인해 보실 수 있습니다.
도움말에 찾으시는 답변이 없으신가요? 문의하기
특정 메뉴(페이지)를 열어 볼 수 있는 권한을 사용자마다 달리 설정할 수 있습니다. 특정 콘텐츠를 회원만 볼 수 있게끔 설정하거나, 지정한 그룹만 볼 수 있도록 설정하려면 다음 절차에 따라 페이지 접근 권한을 설정해 보세요.
설정방법
사용자 지정 그룹: 지정된 사용자 그룹만 메뉴를 열어볼 수 있습니다. 사용자 그룹을 추가하는 방법은 사용자 그룹 지정하기 도움말을 참고하세요. 사용자 지정 그룹 선택 시 아래 그림처럼 허용 그룹을 선택할 수 있습니다.
5. (선택 사항) 접근 권한에 대한 옵션을 설정할 수 있습니다.
6. 닫기 ✕ 아이콘을 클릭해 메뉴 설정 창을 종료합니다.
시작이 어려