디앤
가이드

빠른 메뉴


메뉴 추가 이후 언제든 메뉴명을 수정할 수 있습니다. 다음 절차에 따라 기존 메뉴 이름을 변경해보세요. Free 버전 사용자의 경우 최대 5개까지 메뉴를 구성할 수 있으며, 테마의 기존 메뉴명을 수정해 사용할 수 있습니다. 


변경방법

  1. 디자인 모드에 접속합니다. 
  2. 왼쪽 상단 메뉴 관리를 클릭합니다.
  3. 변경을 원하는 메뉴명 오른쪽 끝 아이콘을 클릭해 메뉴 설정을 켭니다.
  4. 메뉴명 항목의 기본 메뉴에 입력된 이름을 수정합니다.

  5. (선택 사항) Hover 메뉴에 보조 메뉴명을 입력하면, 기본 메뉴 위에 마우스 포인터를 올렸을 때 입력하신 보조 메뉴로 변환됩니다.
  6. 닫기아이콘을 클릭해 메뉴 설정을 끕니다.
  7. 닫기아이콘을 클릭해 메뉴 관리를 끕니다.
  8. 변경된 메뉴명을 확인합니다.
    참고: 메뉴명이 바로 변경되지 않을 시 새로고침(F5)를 눌러줍니다.

겹치기 기능에 대한 이해

겹치기는 상단 메뉴와 본문 배경이 겹쳐진 형태를 말합니다. 겹치기가 활성화 되면 다음 그림처럼 상단 메뉴와 본문 배경이 겹쳐집니다.

주의: 겹치기 기능을 사용하기 위해서는 상단 메뉴 바로 아래쪽 섹션에 배경(배경색/이미지/동영상)이 설정되어 있어야 합니다.

참고

  • 겹쳐진 메뉴(상단/헤더)의 배경은 무시되어 투명이 됩니다. 따라서 상단에 배경을 설정하더라도 투명한 형태로 표시됩니다.
  • 겹치기를 해제할 경우 설정한 배경이 적용됩니다.
  • 상단(헤더)과 겹쳐진 아래쪽 섹션 내 위젯은 메뉴와 겹쳐지지 않습니다. 섹션의 배경만 메뉴와 겹쳐집니다.

설정방법

2016년 2월 22일 이전에 개설한 사이트의 경우 기존 상단(헤더)을 사용하고 있을 가능성이 있습니다. 본 기능을 정상적으로 사용하려면 새로운 상단(헤더)으로 교체해야 합니다. 

  1. 디자인 모드에 접속합니다. 
  2. 디자인 모드 오른쪽 상단 겹치기 아이콘을 클릭합니다.

  3. 상단 메뉴와 본문 섹션 겹쳐집니다.

겹치기를 해제하려면?

위 지침에 따라 다시 한 번 겹치기 아이콘을 클릭하면 기본 상단으로 돌아갑니다.

디자인 모드에서 메뉴 관리, 위젯, 섹션에 마우스 포인터를 올리고, 마우스 오른쪽 버튼을 클릭해 보세요. 각종 설정을 위한 보조(컨텍스트) 메뉴를 열 수 있습니다.

메뉴 관리에서:

  1. 메뉴 설정: 메뉴명 수정, 메뉴 주소(URL), 페이지 제목 및 설명 등을 변경할 수 있는 설정 메뉴를 엽니다.
  2. 메뉴 추가: 새로운 메뉴(페이지)를 추가합니다.
  3. 메뉴 복제: 해당 메뉴를 복제합니다.
  4. 삭제: 메뉴를 삭제합니다.

위젯에서:

  1. (위젯) 설정: 위젯 설정 메뉴를 엽니다. 위젯별로 옵션을 변경할 수 있습니다.
  2. 애니메이션: 애니메이션 설정 메뉴를 엽니다. *여백 위젯 제외
  3. 가로 영역 확장: 위젯 가로 크기를 브라우저 양끝까지 확장시킵니다.
  4. 위젯 복사 / 붙여넣기: 위젯을 복제합니다.
  5. (위젯) 삭제: 위젯을 삭제합니다.

섹션에서:

  1. 섹션 설정: 섹션 설정 창을 엽니다. 섹션 배경에 색/이미지/동영상을 넣거나 각종 효과, 옵션을 줄 수 있습니다.
  2. 빈 섹션추가: 빈 섹션을 추가합니다.
  3. 위로 이동: 섹션을 위로 이동 시킵니다.
  4. 아래로 이동: 섹션을 아래로 이동 시킵니다.
  5. 섹션 복사: 섹션을 복사합니다.
  6. 섹션 붙여넣기: 섹션을 붙여넣기 합니다. *다른 메뉴에서 붙여넣기 가능
  7. 섹션 반복: 해당 섹션이 다른 모든 페이지에서도 반복되도록 설정합니다. *하단 제일 끝에 위치하는 경우만 해당
  8. 섹션 삭제: 섹션을 삭제합니다.

상단 헤더 (Header)에서:

  1. 상단 설정: 상단 설정 메뉴로 이동합니다.
  2. 겹치기: 상단 메뉴와 본문 배경이 겹치는 효과를 줍니다.

하단 푸터 (Footer)에서:

  • 하단 설정: 하단 설정 메뉴를 엽니다.

디자인 모드에서 마우스 오른쪽 클릭 메뉴가 나타나지 않습니다.

디자인 모드에서 마우스 오른쪽 버튼 클릭 시 보조 메뉴가 나타나지 않거나, 브라우저 자체 오른쪽 메뉴가 나타나는 경우가 있습니다. 해당 문제는 주로 Google 크롬 브라우저 사용자 중 마우스 우클릭 해제 확장 프로그램(Extension)을 사용 중인 사용자에게서 발생합니다.

본 도움말은 Google 크롬 브라우저 사용자를 대상으로 마우스 우클릭 해제 확장 프로그램이 설치되어 있지 않은지 확인하는 방법 및 확장 프로그램 삭제(또는 사용중지) 방법을 설명합니다.

크롬 확장 프로그램 삭제하기

  1. PC에서 Google 크롬 브라우저를 켭니다.
  2. 오른쪽 상단 더보기아이콘을 클릭합니다.
  3. [도구 더보기 > 확장 프로그램]을 클릭합니다.
  4. 마우스 우클릭 해제 확장 프로그램을 찾습니다.
  5. 삭제를 클릭합니다.

  6. 경고창이 뜨면 다시 한 번 삭제를 클릭합니다.

확장 프로그램 사용중지

확장 프로그램을 일시적으로 사용 중지하려면 다음 지침에 따라 진행합니다. 언제든 다시 사용할 수 있습니다.

  1. PC에서 Google 크롬 브라우저를 켭니다.
  2. 오른쪽 상단 더보기아이콘을 클릭합니다.
  3. [도구 더보기 > 확장 프로그램]을 클릭합니다.
  4. 마우스 우클릭 해제 확장 프로그램을 찾습니다.
  5. 토글 버튼을 클릭해 확장 프로그램 사용을 중지합니다.
    참고: 클릭해 다시 사용할 수 있습니다.

메뉴 기본 사용법을 배울 수 있습니다.

참고: Free 버전 사용자의 경우 최대 5개까지 메뉴(상·하단, 하위 메뉴 포함)를 생성할 수 있습니다. 선택하신 테마 내 메뉴가 5개인 경우 기존 메뉴를 수정하거나 삭제하여 이용해주세요.


메뉴 추가, 이동하기

사이트 디자인 시 가장 먼저 해야 할 일은 메뉴(페이지)를 추가하고 배치하는 것입니다. 추가한 메뉴는 곧바로 상단 메뉴바에 추가되며, 메뉴를 이동시켜 순서를 변경할 수 있습니다.


메뉴 복제하기

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


메뉴명 변경하기

언제든 메뉴명을 변경할 수 있습니다. 메뉴 이름을 실수로 잘못 입력했거나 변경하고자 하는 경우 다음 도움말을 참조해주세요.
참고: Free 버전 사용자의 경우 최대 5개까지 메뉴를 구성할 수 있으며, 기존 메뉴명을 변경해 사용할 수 있습니다.


메뉴 삭제하기

더 이상 필요가 없어진 메뉴를 삭제합니다.


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


메뉴 설정 열기

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

    또는,
    마우스 오른쪽 버튼 클릭 시 나타나는 보조 메뉴, 메뉴 설정을 클릭해 열 수 있습니다.


메뉴 설정항목

  1. 메뉴명: 메뉴명을 변경합니다. 메뉴명을 변경하면 상단 메뉴바 메뉴명도 함께 변경됩니다.
  2. URL: 해당 메뉴의 주소(URL)를 변경합니다.
  3. 페이지 제목: 페이지 제목을 작성합니다. *검색노출에 영향, 15자 이하 입력 권장
  4. 페이지 설명: 페이지 내용을 간략하게 작성합니다. *검색엔진최적화에 영향, 60자 이상 80자 이하 입력 권장
  5. 메뉴 대표이미지: 페이지 공유 시 표시되는 오픈그래프 이미지를 설정합니다.
  6. 옵션: 상단에서 메뉴를 숨기거나, 상단/하단 숨김, 풀다운 메뉴 사용안함 등
  7. 메뉴 링크: 메뉴 클릭 시 연결한 링크 방식으로 작동합니다. *이 기능을 사용하는 경우 페이지 편집 제한
  8. 접근 권한: 해당 메뉴를 열어 볼 수 있는 접근 권한을 설정합니다. *모든 방문자, 회원만, 나만, 특정 그룹만 접근 설정
  9. 메뉴 삭제: 해당 메뉴를 삭제합니다.
감성적인 느낌이 있는 디앤퍼슨스의 디자인
웹사이트, 쇼핑몰 디자인 맞춤제작 그리고 템플릿
COPYRIGHT © 2007-2024. DNPERSONs ALL RIGHTS RESERVED.