쉽고 상세히 알수있는

온라인 사용가이드


위멘토 홈페이지로 쉽고 간편하게 만들 수 있는

온라인사용가이드를 확인하실 수 있습니다.

위멘토 사용가이드


포토샵을 못해도 코딩을 못해도 쉽고 간편하게 관리 해보세요

위멘토 사용 가이드

가이드 302

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



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



설정방법

1단계: 하단 숨기기

커스텀 하단을 추가하기 위해 기본 하단 섹션을 숨겨줍니다.

  1. 디자인 모드에 접속합니다. 
  2. 왼쪽 상단의 메뉴 관리 ≡ 아이콘을 클릭합니다.
  3. 메뉴에 마우스 포인터를 올리고, ⓘ 아이콘을 클릭합니다.

    참고: 상단 메뉴 또는 하단 메뉴 항목의 어떤 메뉴여도 무방합니다.

  4. 메뉴 설정 창이 나타나면 옵션 항목에서 하단 숨김을 선택합니다.



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

커스텀 하단을 디자인하기 위한 새로운 빈 섹션을 추가합니다.

  1. 위젯이 없는 작업영역에 마우스 포인터를 올리고, 마우스 오른쪽 버튼을 클릭합니다.

    참고: 위젯에 마우스 오른쪽 버튼 클릭 시 위젯 컨텍스트 메뉴가 나타납니다. 위젯이 아닌 작업영역에 마우스 오른쪽 버튼을 클릭해 주세요.

  2. 컨텍스트 메뉴가 나오면 빈 섹션 추가하기를 클릭합니다.
  3. 새로운 빈 섹션이 추가되면, 위젯을 추가해 하단 섹션을 디자인합니다.




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

  1. 디자인한 하단 섹션에 마우스 포인터를 올리고, 마우스 오른쪽 버튼을 클릭합니다.
  2. 컨텍스트 메뉴가 나오면 아래로 이동을 클릭합니다.


  3. 해당 페이지의 최하단으로 이동할 때까지 위 1~2번 과정을 반복합니다.




4단계: 섹션 반복하기

  1. 하단 섹션에 마우스 포인터를 올리고, 마우스 오른쪽 버튼을 클릭합니다.
  2. 컨텍스트 메뉴가 나오면 섹션 반복을 클릭합니다.

  3. 이제 모든 메뉴에서 커스텀 하단이 표시됩니다.




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

필요에 따라 특정 메뉴에서 반복 섹션을 숨겨야 하는 경우, 아래 도움말 링크를 참고하세요.

특정 메뉴의 반복 섹션 숨김 처리하기



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

  1. 디자인 모드 오른쪽 상단의 미리보기 아이콘을 클릭합니다.
  2. 메뉴마다 페이지 최하단으로 이동해 커스텀 하단이 정상적으로 표시되는지 확인합니다.
  3. 문제가 없다면 디자인 모드로 돌아가 게시하기 버튼을 클릭합니다.



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

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

모바일 커스텀 하단 만들기

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



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


하단 설정 열기

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


하단 요소 설명

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. 메뉴 삭제 : 해당 메뉴를 삭제합니다.



메뉴명 변경하기



메뉴 추가 이후 언제든 메뉴명을 수정할 수 있습니다. 다음 절차에 따라 기존 메뉴 이름을 변경해 보세요.


변경방법

  1. 디자인 모드에 접속합니다. 
  2. 왼쪽 상단의 메뉴 관리 ≡ 를 클릭합니다.
  3. 변경을 원하는 메뉴명 오른쪽 끝 ⓘ 아이콘을 클릭해 메뉴 설정을 켭니다.
  4. 메뉴명 항목의 기본 메뉴에 입력된 이름을 수정합니다.
  5. (선택 사항) Hover에 메뉴명을 입력하면, 기본 메뉴명 위에 마우스 포인터를 올렸을 때 입력하신 Hover 메뉴로 변환됩니다.
  6. 닫기 ✕ 아이콘을 클릭해 메뉴 설정 창을 끕니다.
  7. 닫기 ✕ 아이콘을 클릭해 메뉴 관리를 끕니다.
  8. 변경된 메뉴명을 확인합니다.
    참고: 메뉴명이 바로 변경되지 않을 시 새로고침(F5) 후 확인해 보세요.





메뉴명 Hover 효과 적용하기



상단 메뉴에 마우스 커서를 올렸을 때 메뉴명이 바뀌는 Hover 효과를 간단하게 적용할 수 있습니다.


적용방법

  1. 디자인 모드에 접속합니다. 
  2. 왼쪽 상단 메뉴 관리를 클릭합니다.
  3. 변경을 원하는 메뉴명 오른쪽 끝 ⓘ 아이콘을 클릭해 메뉴 설정을 켭니다.


  4. 메뉴명 Hover 항목에 마우스 포인터를 올리면 변경될 메뉴명을 입력합니다.
  5. 닫기 ✕ 아이콘을 클릭해 메뉴 설정 창을 끕니다.
  6. 닫기 ✕ 아이콘을 클릭해 메뉴 관리를 끕니다.
  7. 디자인 모드 오른쪽 상단 미리보기를 클릭해 확인합니다.
  8. 문제가 없다면 디자인 모드로 돌아가 게시하기 버튼을 클릭합니다.



메뉴 삭제하기



메뉴(페이지)는 언제든 삭제할 수 있습니다. 메뉴를 삭제하면 상단 또는 하단에 표시된 메뉴명도 함께 사라집니다.

삭제방법

  1. 디자인 모드에 접속합니다. 
  2. 왼쪽 상단의 메뉴 관리 ≡ 아이콘을 클릭합니다.
  3. 삭제하려는 메뉴에 마우스 포인터를 올리고, 마우스 오른쪽 버튼을 클릭합니다.
  4. 컨텍스트 메뉴가 나오면 삭제를 클릭합니다.


  5. 메뉴가 삭제됩니다.



메뉴 추가, 이동, 복제, 설정, 삭제하기



메뉴를 추가하고, 복제, 이동, 삭제할 수 있습니다. 메뉴를 추가하면 새로운 빈 페이지가 생성되며, 사용자는 빈 페이지에 위젯과 섹션을 추가해 페이지를 꾸밀 수 있게 됩니다.




사용방법

메뉴 추가하기


웹사이트를 디자인할 때 가장 먼저 해야 할 일은 메뉴(페이지)를 추가하는 것입니다. 사용자는 '메뉴 관리'를 열어 상단 메뉴 및 하단 메뉴를 추가할 수 있으며, 생성된 메뉴는 각 항목에 해당하는 영역에 추가됩니다.

또한, 메뉴를 마우스로 클릭 후 드래그하여 메뉴가 표시되는 순서를 변경하거나, 상위·하위 메뉴로 그룹화 할 수도 있습니다.

메뉴 추가하기

참고: 모달은 버튼 또는 링크를 클릭했을 때 나타나는 팝업 한 종류입니다. 모달 메뉴는 새롭게 생성해도 페이지에 메뉴로서 표시되지는 않습니다.


메뉴 이동하기

상단 메뉴 또는 하단 메뉴 항목에 추가한 메뉴를 위 또는 아래로 이동하여 메뉴 표시 순서를 변경할 수 있습니다. 또한, 메뉴가 너무 많아 상단 메뉴에 모두 표시하기 어렵다면 메뉴 이동을 통해 여러 개의 메뉴를 하나의 그룹으로 구성하는 것도 가능합니다.


메뉴 복제하기

기존 메뉴를 복제할 수 있습니다. 웹사이트 제작 중 같은 디자인을 여러번 반복 사용해야 하는 경우, 메뉴 복제 기능을 사용해 보세요. 복제한 메뉴의 일부 콘텐츠를 수정하며 작업하면 더 효율적이고 빠른 작업이 가능합니다.

메뉴 복제하기

참고: 메뉴명은 동일하게 사용할 수 있지만, 메뉴 URL은 다르게 작성해야 합니다.



메뉴 설정하기

메뉴의 이름, URL(주소), 페이지 제목과 설명, 메뉴 숨김, 상단·하단 숨김, 접속권한 등의 메뉴에 관한 다양한 옵션을 수정할 수 있습니다.

메뉴 설정하기



메뉴 삭제하기

불필요한 메뉴는 언제든 삭제할 수 있습니다.

메뉴 삭제하기




메뉴 추가하기



디자인 모드의 메뉴 관리에서 새로운 메뉴를 추가해 페이지를 생성하고, 메뉴의 순서를 변경할 수 있습니다. 이 도움말에서는 상단, 하단, 모달 메뉴에 새로운 메뉴를 생성하는 방법을 안내합니다.


설정방법

  1. 디자인 모드에 접속합니다. 
  2. 왼쪽 상단의 메뉴 관리 ≡ 아이콘을 클릭합니다.
  3. 메뉴 항목별 오른쪽 끝에 메뉴 추가 ⊕ 아이콘을 클릭합니다.

  4. 메뉴명을 입력하고, 확인을 클릭해 저장합니다.
  5. 위 3~4번 과정을 반복해 메뉴를 추가합니다.




관련 도움말




메뉴 복제하기




메뉴(페이지)를 복제할 수 있습니다. 단, 복제 시 일부 DB요소 위젯은 복제가 불가능하거나, 복제가 되어도 연동 설정은 별도로 해줘야 할 수 있습니다.


복제방법

  1. 디자인 모드에 접속합니다. 
  2. 왼쪽 상단의 메뉴 관리 ≡ 아이콘을 클릭합니다.
  3. 복제하려는 메뉴에 마우스 포인터를 올리고, 마우스 오른쪽 버튼을 클릭합니다.
  4. 컨텍스트 메뉴가 나오면 메뉴 복제를 클릭합니다.


  5. 메뉴 복제가 완료됩니다.



대표.  김성진  ㅣ  사업자등록번호.  506-87-00931  ㅣ  Emeil. sales@wemento.kr  ㅣ  고객센터.  1800-2142 (09:00~18:00 / 주말 및 공휴일 휴무)

주소.  서울특별시 강서구 공항대로 212(퀸즈파크11), B동 404호  ㅣ    Copyright 2023 ⓒ Hosting Design by WEMENTO.