메뉴 요소(Menu)

메뉴 요소는 주로 헤더 제작 시에 많이 사용되는 요소입니다.

하지만 다양한 메뉴 제작으로 페이지에서 페이지 블럭에서 블럭을 연결해 줄수 있는 요소입니다

기본 요소로 사용하는 방법에 대해 포스팅하겠습니다.

메뉴 기본 사용

구조화 되지 않은 메뉴로 인해 메뉴요소를 드랍해도 사용이 불가능합니다.

메뉴요소는 미리 구조화된 메뉴를 제작해서 해당 리스트를 불러와 사용해야 합니다.

그러기 위해서 편집기가 아닌 대쉬보드 내에서 미리 메뉴를 구조화 해야 합니다.

메뉴 구조화

메뉴 이름을 만들고 원하는 페이지나 글 또는 직접 제작한 링크로 메뉴를 구조화 합니다.

대시보드 좌측 메뉴에서 모양>메뉴 에서 메뉴를 구조화 하고 편집합니다.

메뉴 항목 추가

메뉴 이름을 정하고 저장하면 메뉴 항목 추가가 가능합니다.

원하는 페이지를 선택한 후 하단에 메뉴항목추가 버튼을 클릭해 메뉴항목을 생성합니다.

항목 라벨 설정

추가한 항목은 원하는 메뉴 명으로 변경이 가능합니다.

항목 순서 변경

마우스를 클릭한 항목의 순서를 바꾸거나 항목 아래로 밀어넣어 하위 메뉴를 생성합니다.

사용자 정의 링크 설정

특정 블럭이나 특정 위치로 바로 링크할 수 있는 메뉴는 링크를 만들어 직접 메뉴 생성이 가능합니다

메뉴 불러오기

메뉴를 저장 후 편집기로 돌아가 다시 메뉴요소를 드랍해 사용합니다.

위 그림 순서대로 메뉴를 제작하고 저장하면 이제 편집기 메뉴요소에서

저장한 메뉴를 불러올 수 있습니다.

메가 메뉴

메가 메뉴는 메인 메뉴의 하위 메뉴를 보다 디자인적으로 풍부하게 제작할 수 있는 기능입니다.
하위 메뉴에 행열 요소를 드랍하고 각종 요소들을 올려 기능적 디자인적으로 구성할 수 있습니다.

메가 메뉴는 사이트를 풍부하게 해주지만 초보자가 구성하기는 쉽지 않고

컨텐츠가 다양해야 충분한 구성이 가능합니다.

플러그인에 대해

폴리랭 플러그인 (POLYL...
워드프레스 웹사이트 하나로 한국어, 영어, 일본어 등 여러 언어를 동시에 지원하는 다...
스마트 슬라이더 3 플러그인...
웹사이트 첫 화면의 메인 비주얼 배너나 이미지 슬라이드를 코딩 없이 전문 디자이너 수...
요스트SEO 플러그인(Yoa...
내 웹사이트와 블로그 글이 구글, 네이버 등 주요 검색엔진 결과 상위에 노출될 수 있...

참고 사이트 소개

SVG Repo
웹사이트를 제작할 때 메뉴 아이콘, 버튼 심볼, 서비스 특징을 설명하는 일러스트는 방...
리무브비지(Remove BG...
웹사이트를 제작할 때 상품 사진, 인물 프로필, 브랜드 로고를 깔끔하게 배치하려면 불...
캔바(Canva)
웹사이트를 만들 때 가장 큰 난관 중 하나는 로고, 메인 비주얼 배너, 블로그 썸네일...