애니메이션 효과 적용하기

위젯마다 페이드인, 날아오기, 회전하기, 뒤집기 등 애니메이션 효과를 추가할 수 있습니다. 적절히 활용하면 심미성을 높일 뿐더러 주목도를 높이는 데도 도움이 됩니다.

적용방법

위젯에 애니메이션 효과를 적용하는 방법을 두 가지가 있습니다.

방법2: 위젯 별로 애니메이션 효과 적용하기

적절한 이미지 해상도

위멘토는 반응형 웹 제작 솔루션이기 때문에 PC/태블릿/모바일 기기 해상도에 따라 이미지 크기가 달라집니다. 따라서 명확한 이미지 크기를 명시해 드리기에 어려움이 있습니다.

다만, 디자인 모드의 그리드 기준에 따른 근접한 크기를 안내해 드릴 수는 있습니다. 아래 내용을 참고하여 적절한 크기를 찾아 보시길 바랍니다.

참고 크기

• 공통 디자인 그리드 기준 본문폭: 1280 px
• 가로 영역 확장 시: 1920 px
• 모바일 전용 가로 크기: 768 px

하단 설정하기 (푸터)

하단이란?

하단 또는 푸터(Footer)라는 이름을 가진 이 섹션은 문서로 치면 꼬리말 영역을 말합니다. 

하단/푸터 영역은 사용자가 의도적으로 제외하지 않는 이상 모든 페이지 최하단에 똑같이 표시됩니다.

하단 디자인 시작하기

하단 디자인을 변경하고, 설정하는 단계별 방법을 설명합니다.

1단계: 하단 디자인 변경하기

2단계: 하단에 텍스트 정보 입력하기

3단계: 하단 표시요소 변경 및 설정하기

커스텀 하단 디자인하기

기본 하단 섹션 템플릿이 디자인 콘셉트에 맞지 않는 경우, 아래의 도움말 링크를 참고해 사용자가 직접 하단을 디자인할 수 있습니다.

• 커스텀 하단 만들기
• 모바일 커스텀 하단 만들기

하단 SNS 링크 추가 및 삭제하기 (푸터)

하단(Footer) 영역에 SNS 링크를 추가할 수 있습니다. SNS 링크를 표시 및 추가하는 경우 다음처럼 하단에 표시됩니다.

설정방법

1. 디자인 모드에 접속합니다. 
2. 하단 영역에 마우스 포인터를 올리고, 마우스 오른쪽 버튼을 클릭하여 하단 설정을 엽니다. 하단 설정 열기
3. 표시 요소 항목에서 SNS 바로가기를 선택합니다.
   
4. 마우스 휠을 스크롤 하여 SNS 링크/공유하기 항목으로 내려갑니다.
5. 다음 설명을 참고해 링크를 추가하거나 삭제합니다.

   
   

   • 링크 추가 : 링크 추아이콘을 클릭해 필요한 만큼 링크 수를 추가합니다.
   • 아이콘 : 링크할 SNS 아이콘을 선택합니다.
   • 새창 : 선택 시 새 브라우저 탭으로 링크가 열립니다.
   • URL : 클릭 시 이동할 링크를 추가합니다.
   • 링크 삭제 : 삭제아이콘을 클릭해 링크를 삭제합니다.
6. 하단 설정 오른쪽 상단  아이콘을 클릭합니다.
7. 저장을 클릭합니다.
8. 하단에 SNS 링크가 추가된 것을 확인할 수 있습니다.

하단을 변경했는데 바뀌지 않습니다. (푸터, 하단 숨김)

하단 섹션 템플릿을 변경했지만 페이지 하단 디자인이 바뀌지 않는다면, 메뉴에 하단 숨김 옵션이 적용되었을 가능성이 높습니다. 

이 도움말에서는 숨겨진 하단이 다시 표시되도록 하단 숨김 옵션을 해제하는 방법을 설명합니다.

설정방법

1. 디자인 모드에 진입합니다. 
2. 왼쪽 상단의 메뉴 관리 ≡ 아이콘을 클릭합니다.
3. 하단이 바뀌지 않는 메뉴명 오른쪽 끝의 ⓘ 아이콘을 클릭합니다.
4. 메뉴 설정 창이 나오면 옵션 항목에서 하단 숨김 옵션을 선택 해제합니다.

   
   

5. 메뉴 설정 창 바깥 영역을 클릭해 설정을 종료합니다.
6. 마우스 휠 스크롤을 내려 페이지의 하단 섹션이 표시되는지 확인합니다.

쇼핑몰 하단 법적 필수 정보 (푸터)

이 도움말에서는 온라인 쇼핑몰에 필수적으로 기재해야 하는 항목들을 설명합니다. 쇼핑몰 오픈 전 아래 사항들을 확인하고 반드시 추가해 주시기 바랍니다.

표시목록

1. 상호 및 대표자 성명 : 사업자등록증과 일치하는 대표자명을 기입합니다.
2. 사업장 주소 : 소비자 불만사항을 처리할 수 있는 곳의 주소를 입력합니다.
3. 연락처 : 사업장 전화번호 및 전자우편주소를 입력합니다.
4. 개인정보관리책임자 : 개인정보관리책임자의 이름을 입력합니다. 별도의 관리자가 없는 경우 대표자명을 기입합니다.
5. 호스팅제공자 : 전자상거래법 규정에 따라 호스팅서비스 제공자 상호를 반드시 표시하도록 의무화 되어 있습니다. 예시는 다음과 같습니다.
   • 호스팅제공자: (주)위멘토
   • Hosting by (주)wemento
6. 사업자등록번호 : 사업자등록증과 일치하는 번호로 기입합니다.
7. 통신판매업신고번호 : 인터넷 쇼핑몰 사업자는 반드시 통신판매업신고를 진행해야 합니다. 통신판매업신고는 정부24에서 신청할 수 있습니다.
8. 이용약관 : 차후 발생할 수 있는 고객과의 갈등 상황을 사전에 방지하도록 하기 위해 필요하며, 서비스 이용자에게 공시함으로써 효력이 발생합니다. 영업상 중요 사유가 있을 시 변경할 수 있지만 최소 2주 전 고객에게 반드시 알려야 합니다.
9. 개인정보취급방침 : 자체적으로 개인정보처리를 하고 있어도 홈페이지에 반드시 개인정보처리방침을 공표해야 합니다. 그리고 개인정보취급방침은 다른 항목들과 달리 파란색으로 표기되어 있는 것을 볼 수 있는데요. 개인정보처리(또는 취급)방침은 글자 크기, 색상 등을 활용하여 쉽게 확인할 수 있도록 해야 하기 때문입니다.
10. 에스크로 인증마크 : 에스크로 인증마크는 구매자를 대상으로 안전거래에 대한 신뢰를 줄 뿐만 아니라 네이버페이, 카카오페이, 지그재그 등의 서비스 가입 심사요소 중 하나이므로 꼭 삽입해 주세요.

• KCP 에스크로 인증마크 삽입하기
• KG 이니시스 에스크로 인증마크 삽입하기
• 나이스페이 에스크로 인증마크 삽입하기
• 이지페이 에스크로 인증마크 삽입하기

커스텀 하단 만들기 (푸터)

위멘토는 여러 개의 하단(푸터) 디자인 템플릿을 제공합니다. 사용자는 섹션 템플릿을 사용해 간편하게 하단 디자인을 적용하고 편집할 수 있습니다. 만약 기본 하단 디자인이 마음에 들지 않는 경우, 섹션 반복 기능을 활용해 커스텀 하단을 디자인할 수도 있습니다.

설정방법

1단계: 하단 숨기기

2단계: 빈 섹션 추가 및 하단 디자인하기

3단계: 섹션 아래로 이동하기

4단계: 섹션 반복하기

(선택 사항) 5단계: 특정 메뉴에서 커스텀 하단 숨기기

6단계: 미리보기 및 게시하기

모바일에서 커스텀 하단이 망가지나요?

커스텀 하단 디자인에 따라 모바일 기기에서 의도한 대로 표시되지 않을 수 있습니다. 모바일 전용 커스텀 하단을 디자인하려면 아래 도움말 링크를 참고하세요.

모바일 커스텀 하단 만들기

하단 요소 변경 및 설정하기 (푸터)

하단을 꾸미기 위한 각종 요소들을 편집할 수 있습니다.

하단 설정 열기

하단 요소를 변경하려면 하단 설정을 열어야 합니다. 하단 영역에 마우스 포인터를 올리고, 마우스 오른쪽 버튼을 클릭해 하단 설정을 열어주세요. 상세한 지침이 필요한 경우 다음 하단 설정 열기 도움말을 참조합니다.

하단 요소 설명

1. 표시 요소

하단 설정에서 수정할 수 있는 요소들을 설명합니다.

1. 사이트 명 : 하단에 사이트 이름을 표시합니다.
2. 메인 메뉴 : 상단 메뉴(메인 메뉴)를 하단에 표시합니다.
3. 하단 메뉴 : 하단 메뉴를 하단에 표시합니다. 하단 메뉴가 없는 경우 선택해도 표시되지 않습니다.
4. SNS 바로가기 : Facbook, Instargram, YouTube, 카페, 블로그 등 링크 아이콘을 표시합니다. SNS 링크 이외에도 즐겨찾기, 전화걸기, 파일첨부 등 다양한 링크를 연결할 수 있습니다. 링크 방식 종류
5. 저작권 문구 표시 : 저작권 문구(Copyright)를 표시합니다.
6. 앱 링크 표시 : 안드로이드/iOS 앱 사용자의 경우 앱 다운로드 링크를 표시할 수 있습니다.
7. 약관/개인정보처리방침 : 이용약관 및 개인정보처리방침 링크를 표시합니다.
8. 국내/국외여행약관 : 여행업에 종사하는 경우 여행약관을 표시합니다.

2. 디자인 요소

하단의 텍스트 크기 및 색상, 상하 여백, 배경색 또는 배경이미지 설정이 가능합니다.

3. SNS 바로가기

하단에 표시되는 SNS 바로가기 링크를 편집합니다. 이곳에서 SNS 링크를 편집해도, 위 1번 표시 요소에서 SNS 바로가기를 선택하지 않으면 표시되지 않습니다. SNS 링크 편집방법은 다음 도움말을 통해 자세히 알아보실 수 있습니다.

하단 SNS 링크 추가 및 삭제하기

메뉴 관리 열기

메뉴 관리에서 웹사이트 제작에 필요한 모든 메뉴(페이지)를 추가하거나 삭제, 설정할 수 있습니다.

메뉴 관리 열기

1. 디자인 모드에 접속합니다. 
2. 왼쪽 상단의 메뉴 관리 ≡ 아이콘을 클릭합니다.
3. 디자인 모드 왼쪽에서 메뉴 관리 창이 나타납니다.
   

메뉴 설정하기 (메뉴명, 메뉴 주소 변경 등)

메뉴 설정을 열어 메뉴의 이름을 수정하거나 페이지 URL, 페이지의 제목과 설명, 접속권한 외 여러 옵션을 설정할 수 있습니다.

메뉴 설정 열기

1. 디자인 모드에 접속합니다. 
2. 디자인 모드 왼쪽 상단의 메뉴 관리 ≡ 아이콘을 클릭합니다.
3. 메뉴명에 마우스 포인터를 올립니다.
4. 아래의 그림처럼 ⓘ 아이콘이 나타나면 클릭합니다.

또는,
마우스 오른쪽 버튼 클릭하면 나오는 컨텍스트 메뉴에서 메뉴 설정을 클릭해 열 수도 있습니다.

메뉴 설정항목

1. 메뉴명 : 메뉴명을 변경합니다. 메뉴명을 변경하면 상단 메뉴바 메뉴명도 함께 변경됩니다.
2. URL : 해당 메뉴의 주소(URL)를 변경합니다.
3. 페이지 제목 : 페이지 제목을 작성합니다. *검색엔진최적화에 영향, 15자 이하 입력 권장
4. 페이지 설명 : 페이지 내용을 간략하게 작성합니다. *검색엔진최적화에 영향, 60~80자 입력 권장
5. 메뉴 대표이미지 : 페이지 공유 시 표시되는 오픈그래프 이미지를 설정합니다.
6. 옵션 : 상단에서 메뉴를 숨기거나, 상단/하단 숨김, 풀다운 메뉴 사용안함 등
7. 메뉴 링크 : 메뉴 클릭 시 연결한 링크 방식으로 작동합니다. *이 기능을 사용하면 페이지 편집이 제한됨
8. 접근 권한 : 해당 메뉴를 열어 볼 수 있는 접근 권한을 설정합니다.
9. 메뉴 삭제 : 해당 메뉴를 삭제합니다.