× 3월의 특별한 혜택 프리미엄 12개월 요금 결제 시 NHN KCP(전자결제 PG)가입비 22만원 면제! 자세히 보기
가이드
사이트 메뉴관리(추가/삭제/이동/설정)
빈페이지닷컴 2020-08-11 16:34:04



<데스크톱 버전>




사이트 메뉴관리




1) '메뉴관리'에서 내 사이트의 메뉴를 추가/삭제/이동/설정할 수 있습니다.



image.png









2) 사이트 메뉴는 크게 사용자가 직접 추가하는 '사용자 메뉴'와 사이트 구조상 삭제가 불가능한 '시스템 메뉴'로 나누어집니다.

(사용자 메뉴는 직접 설정이 가능하며 시스템 메뉴는 웹 사이트 개설에 필요한 요소들이 있습니다.)


3) 사용자 메뉴와 시스템 메뉴는 메뉴관리에서 상단의 탭 메뉴로 전환하여 관리할 수 있습니다.



image.png










1) 그룹 추가 : 그룹 형태의 메뉴를 추가합니다. 그룹은 일반 메뉴들을 묶어주는 폴더의 역할을 하며, URL을 갖지 않습니다.(mydomain.com/URL 형태로 존재하지 않음)


2) 메뉴 추가 : 사이트의 메뉴를 추가합니다. 각 메뉴들은 고유의 URL을 가지게 됩니다. (mydomain.com/URL 형태로 존재함)


3) 그룹 내에 또다시 그룹을 배치할 수도 있습니다.


4) 그룹과 메뉴는 메뉴 앞에 위치한 선의 색상으로 구분할 수 있습니다.(그룹 : 보라색, 메뉴 : 회색)



image.png







*더블 클릭하여 메뉴명 변경하기




메뉴를 더블 클릭하면 메뉴명 편집 형태로 전환되며, 변경할 메뉴명을 입력 후 확인 버튼을 누르면 적용됩니다.



image.png









-메뉴를 그룹으로 넣기





메뉴 또는 그룹을 드래그하여 삽입할 그룹으로 가져다 놓으면(점선 가이드선 표시) 해당 메뉴는 그룹으로 들어가게 됩니다.



image.png











-메뉴 이동(순서 변경)






메뉴를 드래그하여 원하는 위치로 이동하여 메뉴의 순서를 변경할 수 있습니다.(실선 가이드선 표시)





image.png









각 메뉴 또는 그룹 우측의 아이콘을 클릭하면 설정/복제/삭제를 할 수 있는 팝업메뉴가 출현합니다.


1) 설정 : 각 메뉴 또는 그룹 관련된 속성을 변경할 수 있는 설정 창을 호출합니다.


2) 복제 : 그룹 및 메뉴를 복제하여 추가합니다. 복제할 경우 '메뉴명 copy' 형태로 같은 속성을 가진 메뉴가 하나 더 추가됩니다. 메뉴를 복제할 경우 복제 대상의 섹션들 및 요소들까지 그대로 복사됩니다.


그룹을 복제할 경우 그룹 안에 존재하는 메뉴들이 모두 복제됩니다.



3) 삭제 : 해당 메뉴를 삭제합니다.





image.png











-그룹 설정




1) 그룹명을 변경할 수 있습니다.


2) 해당 그룹 메뉴에 접근할 수 있는 권한을 설정할 수 있습니다.


-제한 없음 : 모든 사용자가 해당 그룹 메뉴에 접근 가능합니다.

-로그인 회원 : 비로그인 사용자는 접근할 수 없도록 설정합니다.

-관리자 : 관리자만 해당 그룹 메뉴에 접근 가능하도록 설정합니다.

-지정 그룹 : 사이트 회원들 중 특정 회원그룹만 해당 그룹 메뉴에 접근 가능하도록 설정합니다.




3) 상단 영역의 메뉴 리스트 요소에서 해당 그룹 메뉴를 표시 or 미표시 설정할 수 있습니다. 메뉴 리스트에서 표시/미표시 유무만 설정할 뿐 실제로 해당 그룹 메뉴 내의 메뉴들은 URL 링크 연결 등의 방법으로 접근할 수는 있습니다.


4) 상단 메뉴 리스트 요소에서 그룹 메뉴에 마우스 오버 시 하위 메뉴들을 표시해 주는 풀다운 메뉴의 표시/미표시 여부를 설정합니다.





image.png










-메뉴 설정


1) 메뉴명 : 해당 메뉴의 이름을 변경할 수 있습니다.


2) 메뉴 URL : 해당 메뉴의 접속 URL (mydomain.com/url 부분)을 설정할 수 있습니다.


3) 메뉴 접근 권한 : 해당 메뉴의 접근할 수 있는 권한을 설정할 수 있습니다.


-제한 없음 : 모든 사용자가 해당 메뉴에 접근 가능합니다.

-로그인 회원 : 비로그인 사용자는 접근할 수 없도록 설정합니다.

-관리자 : 관리자만 해당 메뉴에 접근 가능하도록 설정합니다.

-지정 그룹 : 사이트 회원들 중 특정 회원그룹만 해당 메뉴에 접근 가능하도록 설정합니다.



4) 메뉴 숨김 설정 : 상단 메뉴 리스트 요소에서 해당 메뉴를 표시/숨김 설정할 수 있습니다.


5) 메뉴 링크 설정 : 해당 메뉴를 클릭 시 다른 URL로 링크를 걸 수 있습니다.(메뉴 리스트에서 단순 링크형 메뉴로 활용할 때 사용)


6) 영역 숨김 설정 : 해당 메뉴 진입 시 상단 영역 또는 하단 영역을 표시 안 되게 설정할 수 있습니다.





image.png




*시스템 메뉴의 메뉴 설정



시스템 메뉴의 메뉴들은 특성상 사용자가 임의로 메뉴명을 변경하거나 URL을 변경할 수 없으며, 영역 숨김 설정만 가능합니다.



image.png















<모바일 버전>



사이트 메뉴관리






1) '메뉴관리'에서 내 사이트의 메뉴를 추가/삭제/이동/설정할 수 있습니다.



image.png









2) 사이트 메뉴는 크게 사용자가 직접 추가하는 '사용자 메뉴'와 사이트 구조상 삭제가 불가능한 '시스템 메뉴'로 나누어집니다.




3) 사용자 메뉴와 시스템 메뉴는 메뉴관리에서 상단의 탭 메뉴로 전환하여 관리할 수 있습니다.



image.png










1) 그룹 추가 : 그룹 형태의 메뉴를 추가합니다. 그룹은 일반 메뉴들을 묶어주는 폴더의 역할을 하며, URL을 갖지 않습니다.(mydomain.com/URL 형태로 존재하지 않음)



2) 메뉴 추가 : 사이트의 메뉴를 추가합니다. 각 메뉴들은 고유의 URL을 가지게 됩니다. (mydomain.com/URL 형태로 존재함)



3) 그룹 내에 또다시 그룹을 배치할 수도 있습니다.



4) 그룹과 메뉴는 메뉴 앞에 위치한 선의 색상으로 구분할 수 있습니다.(그룹 : 보라색, 메뉴 : 회색)



image.png










*더블 클릭하여 메뉴명 변경하기




메뉴를 더블 클릭하면 메뉴명 편집 형태로 전환되며, 변경할 메뉴명을 입력 후 확인 버튼을 누르면 적용됩니다.



image.png









-메뉴를 그룹으로 넣기



메뉴 또는 그룹을 드래그하여 삽입할 그룹으로 가져다 놓으면(점선 가이드선 표시) 해당 메뉴는 그룹으로 들어가게 됩니다.




image.png







-메뉴 이동(순서 변경)




메뉴를 드래그하여 원하는 위치로 이동하여 메뉴의 순서를 변경할 수 있습니다.(실선 가이드선 표시)




image.png











각 메뉴 또는 그룹 우측의 아이콘을 클릭하면 설정/복제/삭제를 할 수 있는 팝업메뉴가 출현합니다.



1) 설정 : 각 메뉴 또는 그룹 관련된 속성을 변경할 수 있는 설정 창을 호출합니다.


2) 복제 : 그룹 및 메뉴를 복제하여 추가합니다. 복제할 경우 '메뉴명 copy' 형태로 같은 속성을 가진 메뉴가 하나 더 추가됩니다. 메뉴를 복제할 경우 복제 대상의 섹션들 및 요소들까지 그대로 복사됩니다.


그룹을 복제할 경우 그룹 안에 존재하는 메뉴들이 모두 복제됩니다.


3) 삭제 : 해당 메뉴를 삭제합니다.





image.png











-그룹 설정




1) 그룹명을 변경할 수 있습니다.


2) 해당 그룹 메뉴에 접근할 수 있는 권한을 설정할 수 있습니다.


-제한 없음 : 모든 사용자가 해당 그룹 메뉴에 접근 가능합니다.

-로그인 회원 : 비로그인 사용자는 접근할 수 없도록 설정합니다.

-관리자 : 관리자만 해당 그룹 메뉴에 접근 가능하도록 설정합니다.

-지정 그룹 : 사이트 회원들 중 특정 회원그룹만 해당 그룹 메뉴에 접근 가능하도록 설정합니다.




3) 상단 영역의 메뉴 리스트 요소에서 해당 그룹 메뉴를 표시 or 미표시 설정할 수 있습니다. 메뉴 리스트에서 표시/미표시 유무만 설정할 뿐 실제로 해당 그룹 메뉴 내의 메뉴들은 URL 링크 연결 등의 방법으로 접근할 수는 있습니다.


4) 상단 메뉴 리스트 요소에서 그룹 메뉴에 마우스 오버 시 하위 메뉴들을 표시해 주는 풀다운 메뉴의 표시/미표시 여부를 설정합니다.



image.png














-메뉴 설정


1) 메뉴명 : 해당 메뉴의 이름을 변경할 수 있습니다.


2) 메뉴 URL : 해당 메뉴의 접속 URL (mydomain.com/url 부분)을 설정할 수 있습니다.


3) 메뉴 접근 권한 : 해당 메뉴의 접근할 수 있는 권한을 설정할 수 있습니다.


-제한 없음 : 모든 사용자가 해당 메뉴에 접근 가능합니다.

-로그인 회원 : 비로그인 사용자는 접근할 수 없도록 설정합니다.

-관리자 : 관리자만 해당 메뉴에 접근 가능하도록 설정합니다.

-지정 그룹 : 사이트 회원들 중 특정 회원그룹만 해당 메뉴에 접근 가능하도록 설정합니다.



4) 메뉴 숨김 설정 : 상단 메뉴 리스트 요소에서 해당 메뉴를 표시/숨김 설정할 수 있습니다.


5) 메뉴 링크 설정 : 해당 메뉴를 클릭 시 다른 URL로 링크를 걸 수 있습니다.(메뉴 리스트에서 단순 링크형 메뉴로 활용할 때 사용)


6) 영역 숨김 설정 : 해당 메뉴 진입 시 상단 영역 또는 하단 영역을 표시 안 되게 설정할 수 있습니다.





image.png



*시스템 메뉴의 메뉴 설정



시스템 메뉴의 메뉴들은 특성상 사용자가 임의로 메뉴명을 변경하거나 URL을 변경할 수 없으며, 영역 숨김 설정만 가능합니다.



image.png