위멘토 사용가이드


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

위멘토 사용 가이드

가이드 3

하단 설정하기 (푸터)




하단이란?

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

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



하단 디자인 시작하기

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


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

미리 구성된 하단 디자인 템플릿을 불러와 하단 디자인을 변경합니다.

변경방법

  1. 디자인 모드에 접속합니다. 
  2. 왼쪽 상단의 마술봉 아이콘을 클릭합니다.

  3. 섹션 추가 메뉴가 나오면 푸터 카테고리에 마우스 포인터를 올립니다.
  4. 마음에 드는 푸터 템플릿을 마우스로 클릭합니다.

  5. 섹션 추가 바깥 영역을 클릭해 설정을 종료합니다.



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

하단 템플릿마다 텍스트를 입력할 수 있는 영역이 존재합니다. 텍스트 영역을 마우스로 클릭하여, 사업자 정보, 연락처, 주소 등의 정보를 입력합니다.

설정방법

  1. 하단 영역에서 텍스트가 입력된 영역을 마우스로 클릭합니다.

  2. 텍스트 에디터가 열리면 텍스트를 입력하거나, 이미지를 첨부하여 꾸밉니다.
  3. 텍스트 에디터 바깥 영역을 클릭해 텍스트 입력을 종료합니다.



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

하단 설정을 열어, 하단에 표시되는 요소 및 링크 설정하고 배경을 변경할 수 있습니다. 하단 표시요소 및 기타 설정에 대한 더 자세한 내용은 하단 요소 변경 및 설정하기 도움말에서도 알아볼 수 있습니다.

설정방법

  1. 하단 영역에 마우스 포인터를 올리고, 마우스 오른쪽 버튼을 클릭합니다.

  2. 컨텍스트 메뉴가 나타나면 하단 설정을 클릭합니다.
  3. 표시요소 항목에서 하단에 표시될 요소를 선택 또는 선택 해제합니다.
  4. 디자인 요소 항목에서 하단 섹션의 텍스트와 여백, 배경을 설정합니다.
  5. SNS/링크 공유하기 항목에서 하단 섹션에 표시할 SNS 또는 일반 링크를 설정합니다.


커스텀 하단 디자인하기

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




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



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



설정방법

1단계: 하단 숨기기

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

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

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

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



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

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

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

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

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




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

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


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




4단계: 섹션 반복하기

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

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




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

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

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



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

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



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

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

모바일 커스텀 하단 만들기

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




PC 버전에서 제작한 커스텀 하단이 모바일에서는 마음에 들지 않거나 모양이 틀어질 수 있습니다. 모바일에 딱 맞는 모바일 커스텀 하단을 만들려면 아래 제작 방법에 따라 제작해 보세요.



제작방법

모바일 커스텀 하단을 제작하는 방법을 설명합니다.


1단계: 모바일 전용 하단 디자인하기

뷰포트를 모바일로 전환하고, 모바일 전용 섹션을 만들어 페이지 최하단으로 이동하는 과정을 설명합니다.

  1. 디자인 모드에 접속합니다. 
  2. 모바일로 뷰포트를 변경합니다. 뷰포트 변경방법
  3. 섹션에 마우스 오른쪽 버튼을 클릭합니다.

    주의: 위젯에 마우스 오른쪽 버튼을 클릭하지 마세요.


  4. 섹션 컨텍스트 메뉴가 나오면 모바일 전용 섹션추가를 클릭합니다.
  5. 새로운 모바일 전용 섹션이 생성되면 이제 해당 섹션을 페이지 가장 아래로 이동시켜야 합니다. 
    섹션에 마우스 오른쪽 버튼을 클릭하고, 컨텍스트 메뉴가 나오면 아래로 이동을 클릭합니다. (모바일 전용 섹션이 생성된 위치에 따라 이 과정을 반복해야 할 수 있습니다.)

  6. 위젯을 추가해 모바일 전용 섹션을 원하는 하단 디자인으로 제작합니다.





2단계: 모바일 전용 하단 섹션 반복하기

제작한 모바일 전용 하단이 모든 페이지에서 표시되도록 섹션 반복 기능을 켭니다.

  1. 모바일 전용 섹션으로 제작한 하단 섹션의 오른쪽 상단에 위치한 섹션 반복 아이콘을 클릭합니다.

  2. 이제 모든 모바일 버전 페이지에 커스텀 하단이 반복되어 표시됩니다.
  3. 디자인 모드 오른쪽 상단의 게시하기 버튼을 클릭합니다.
  4. 스마트폰, 태블릿 등 모바일 기기로 접속해 모바일 커스텀 하단이 정상 동작하는지 확인합니다.




기본 하단 및 커스텀 PC 하단 숨기기

기존 PC 버전에서 사용 또는 제작한 하단을 숨겨줍니다.


기본 하단 숨기기

하단 숨김 옵션을 활성화하여 PC 디자인 시 자동 생성된 기본 하단 디자인을 숨겨줍니다.

  1. 왼쪽 상단의 메뉴 관리 ≡ 아이콘을 클릭합니다.
  2. 상단 메뉴 항목에서 아무 메뉴명의 오른쪽에 위치한 ⓘ 아이콘을 클릭합니다.

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

  4. 메뉴 설정 창 바깥 영역을 클릭해 옵션 설정을 종료합니다.
  5. 위 2~4번 과정을 반복해 모든 상단, 하단 메뉴의 하단 숨김 옵션을 활성화 해줍니다.
  6. 모든 메뉴의 기본 하단이 숨겨지고, 커스텀 하단만 남게 됩니다.



커스텀 하단 숨기기

PC 커스텀 하단을 제작 및 사용하는 경우, 모바일에서는 표시되지 않도록 숨겨줍니다.

  1. 모바일 뷰포트에서 마우스 휠 스크롤을 내려 PC 커스텀 하단 섹션으로 이동합니다.
  2. 해당 섹션에서 왼쪽 상단의 눈모양 아이콘을 클릭합니다.

  3. 이제 모바일에서 커스텀 PC 하단 디자인이 숨겨져 표시되지 않게 됩니다.




관련 도움말

PC 버전 역시 커스텀으로 사용자가 직접 하단을 디자인할 수 있습니다. 자세한 방법은 아래 도움말 링크를 참고해 주세요.

커스텀 하단 만들기



INFORMATION


상호명 : (주)위멘토


사업자등록번호 : 506-87-00931

통신판매업번호 : 제2022-서울강서-1096호 

고객센터 : 1800-2142 ∣ 이메일 : sales@wemento.kr

대표자 : 김성진 ∣ 개인정보책임자 :김성진

주소 : 서울특별시 강서구 공항대로 212(퀸즈파크11), B동 404호

호스팅주소 : 서울특별시 강서구 공항대로 212(퀸즈파크11), B동 404호


© BYULZZI Corp. All Rights Reserved. hosting by byulzzi