위멘토 사용가이드


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

관리자페이지

가이드 255

섹션을 삭제하려면 다음 절차에 따라 삭제할 수 있습니다.


섹션 삭제 방법

  1. 디자인 모드에 접속합니다.
  2. 삭제하려는 섹션에 마우스 오른쪽 버튼을 클릭합니다.

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

  3. 보조 메뉴가 나타나면 섹션 삭제를 클릭합니다.
    *주의 : 섹션이 페이지 최상단 또는 최하단에 있는 경우 한 방향으로만 이동 가능합니다.

포마이샵 섹션은 기본적으로 하나의 영역으로 구성되어있습니다.
하지만, 영역을 좌우로 나누어 요소들을 구성하고 싶을때가 있죠.

마우스 우클릭을 통해 빈섹션을 추가합니다.

또 다시 마우스 우클릭을 통해 섹션 설정에 접속하면 왼쪽 하단에서 사이드를 좌/우로 나눌 수 있습니다.


섹션을 나누게 되면 사이트가 나눠지며 각 사이드마다 위젯을 추가할 수 있습니다.


좌측으로 사이드를 나눠 위젯을 추가한 모습입니다. 

이 옵션을 사용하면 마우스 스크롤을 통해 특정 섹션이 브라우저 화면을 벗어나더라도 상단에 고정되는 효과를 줄 수 있습니다.

참고 : 본 옵션의 작동 여부는 사이트 미리보기에서만 확인 가능합니다.


https://s3-us-west-2.amazonaws.com/secure.notion-static.com/9f4aaffb-df45-4511-8254-be81171b81d7/section_fixed_01.gif


설정방법

  1. 디자인 모드에 접속합니다.
  2. 옵션을 줄 섹션에서 위젯이 없는 공간에 마우스 오른쪽 버튼을 클릭합니다.
  3. 보조 메뉴가 나타나면 섹션 설정을 클릭합니다.

  4. 섹션 설정에서 오른쪽 하단 섹션 고정을 체크합니다.

  5. 사이트 미리보기를 클릭해 확인 후 웹에 게시합니다.

디자인 모드 섹션 반복 기능을 통해 페이지 하단에 공통적으로 표시할 내용을 지정할 수 있습니다.

주의 : 섹션 반복을 사용하려면 반드시 섹션을 페이지 최하단에 배치해야 합니다.


설정 방법

  1. 빈 섹션을 추가합니다.
  2. 추가한 빈 섹션을 페이지 최하단으로 이동시킵니다. 
  3. 원하는 위젯을 추가해 섹션을 디자인 합니다.
  4. 디자인한 섹션 빈 곳에 마우스 오른쪽 버튼을 클릭합니다.
  5. 섹션 보조 메뉴가 나타나면 섹션 반복을 클릭합니다.

  6. 다른 메뉴로 이동하면 같은 섹션이 반복되는 것을 확인할 수 있습니다.


2개 이상 섹션 반복하기

섹션이 페이지 최하단에 붙어 있다면 2개 이상의 섹션도 반복시킬 수 있습니다.

위 절차를 반복하여 또 다른 섹션을 추가하고 반복 설정 해보세요.


섹션 반복을 해제하려면?

위 설정 방법 4번을 참조하여 섹션 보조 메뉴를 열어주세요. 섹션 반복이 정상적으로 설정 되었다면 다음처럼 반복 해제 메뉴가 표시됩니다. 

반복 해제를 클릭해 해제 시킵니다.

방문자가 버튼 또는 링크 클릭 시 페이지 내 특정 섹션으로 이동하도록 설정할 수 있습니다.

모든 섹션마다 고유의 ID를 가지고 있으며, 링크할 주소 끝에 섹션 ID를 입력하는 것으로 쉽게 설정이 가능합니다.


설정방법

본 도움말에서는 버튼 위젯을 사용합니다. 버튼 위젯 외에도 링크를 삽입할 수 있는 위젯이라면 모두 사용 가능합니다.

  1. 디자인 모드에 접속합니다.
  2. 버튼 위젯을 추가합니다. 위젯 추가 방법
  3. 버튼 설정창을 엽니다. 위젯 설정 열기
  4. 링크 방식을 링크 또는 코드로 선택합니다.
  5. 오른쪽 링크 주소 입력란에 /메뉴URL를 입력하고 #섹션ID를 붙여서 입력합니다.

    *예시 : /about#s201910224dc7406405bc4

섹션 ID는 어떻게 알아내나요?

섹션 ID란 각 섹션이 가진 고유 ID를 가리킵니다. 섹션 ID는 섹션 설정에서 확인할 수 있습니다.

컬러 픽커의 투명도 조절 슬라이더를 사용해 색상을 투명하게 처리할 수 있습니다. 

투명 색상은 색상 변경 가능한 옵션이 있는 모든 위젯(텍스트 편집모드 포함), 섹션에 적용할 수 있습니다.


투명도 조절 방법

  1. 컬러 픽커를 켭니다.
  2. 투명도 슬라이더를 클릭해 좌우로 이동합니다.

  3. 색상 코드가 RGBA 형식으로 바뀌며, 색상이 투명하게 처리됩니다.
    참고 : 0.5는 투명도를 50% 투명하게 처리하라는 의미입니다. 직접 숫자를 입력해 수정할 수도 있습니다.

애니메이션

위젯 별로 페이드인, 날아오기, 회전하기, 뒤집기 등 애니메이션 효과를 추가할 수 있습니다.

적절히 활용하면 심미성을 높일 뿐더러 방문자의 집중도를 높이는 데도 도움이 됩니다.


적용방법

상단을 제외한 모든 위젯에 페이드인 애니메이션 효과를 한꺼번에 적용할 수 있습니다. 

혹은 위젯 별로 각기 다른 애니메이션 효과를 적용할 수도 있습니다.

방법1. 한 번에 애니메이션 효과 적용하기
주의. 한 번에 애니메이션 효과를 적용하는 경우 페이드인 애니메이션 효과만 적용 가능합니다.

1단계, 디자인 모드 오른쪽 상단 톱니바퀴   아이콘을 클릭합니다.

2단계, 공통 디자인 설정 툴바가 나타나면 하단으로 스크롤 합니다.

3단계, 옵션 항목에서 위젯에 애니메이션 적용을 체크합니다.


방법2. 위젯 별로 애니메이션 효과 적용하기
위젯마다 개별 애니메이션 적용이 가능합니다. *여백 위젯은 제외

1단계, 위젯에 마우스 오른쪽 버튼을 클릭합니다.
2단계, 오른쪽 버튼 메뉴가 나타나면 애니메이션을 클릭합니다.
3단계, 애니메이션 효과를 선택합니다.
4단계, 방향 옵션이 있는 경우 방향을 지정합니다.
5단계, 지속시간지연시간을 입력합니다.
6단계, 닫기를 클릭해 설정 화면을 끕니다.

포마이샵은은 반응형 웹 제작 솔루션이기 때문에 PC/태블릿/모바일 기기 해상도에 따라 이미지 크기가 달라집니다.

따라서 명확한 이미지 크기를 명시해 드리기에 어려움이 있습니다.

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


참고 크기

  • 공통 디자인 그리드 기준 가로폭 : 1280 px
  • 가로영역 100% 확장 시(비주얼섹션, 섹션 배경 이미지) : 1920 px
  • 모바일 전용 가로 크기 : 768 px

하단이란?

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

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

기본적으로 미리 구성된 하단/푸터 섹션 템플릿을 변경해 편집할 수 있으며, 필요한 경우 커스텀 하단/푸터를 만들 수도 있습니다. 

커스텀 하단 제작 방법은 다음 도움말을 참조해주세요.



하단 변경 방법

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

  3. 푸터/메뉴 항목에 마우스 커서를 올리면 하단 템플릿이 나타납니다.

  4. 마음에 드는 템플릿을 클릭합니다.
  5. 선택하신 템플릿으로 하단이 변경되며 모든 페이지에 공통적으로 표시됩니다.
    주의 : 템플릿이 나타나지 않는 경우 아래 추가정보를 참조해주세요.


하단 영역 세부 설정하는 법

하단 영역도 위젯이나 다른 설정과 마찬가지로 마우스 오른쪽 버튼을 눌러 설정 메뉴로 진입할 수 있습니다. 이곳에서 사이트 이름, 상단 메뉴, 하단 메뉴 등 표시정보를 키고 끄거나, 텍스트 크기, 상하 여백 외 소셜미디어(트위터, 페이스북, 인스타그램)/링크도 설정할 수 있습니다.



템플릿을 선택했는데 하단이 변경되지 않나요?

처음 사이트 개설 시 선택하신 어떤 테마는 하단 섹션 숨김 옵션이 적용되어 있을 수 있습니다. 

하단 섹션이 나타나지 않거나 변경되지 않는 경우 다음 도움말을 참조해 하단 숨김 옵션을 해제해보세요.

하단 마우스 우클릭 → 하단설정으로 접속해 SNS 바로가기 옵션을 체크합니다.

각 SNS 항목에 내 SNS 주소를 입력해주세요.만약 일부 SNS 항목을 지우고 싶다면 기본으로 입력된 #을 지우거나 입력된 주소를 지워 공백의 칸을 만들어 주시면 해당 아이콘이 사라집니다.


(EX. 페이스북과 인스타만 연동하고 싶은 경우 트위터의 #을 지워주세요.)

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