메뉴 구성하기


홈페이지에서 사용할 페이지와 카테고리를 등록했으면 홈페이지 메뉴에서 보이도록 하는 연결 작업을 진행해야 합니다.
메뉴 연결 작업은 메뉴 편집기에서 할 수 있습니다. 메뉴 편집기는 왼쪽 사이드바의 외모 > 메뉴를 클릭하여 들어갑니다.



메뉴 편집하기 탭에서 메뉴를 구성하고 편집할 수 있습니다.



메뉴에 사용하기 위해서 이미 만들어놓은 페이지와 사용자정의 링크, 카테고리가 왼쪽 박스에 나타납니다. 

메뉴를 구성하는 작업순서는 다음과 같습니다.
첫 번째, 메뉴에 연결할 페이지를 배치
두 번째, 메뉴에 연결할 카데고리를 배치



모두 보기 탭을 클릭해서 추가했던 모든 페이지를 확인합니다.



메뉴에 추가 하기를 원하는 항목을 체크한 뒤에 '메뉴에 추가' 버튼을 클릭합니다.



오른쪽 박스에 메뉴가 추가된 것을 볼 수 있습니다. 




메뉴를 원하는 트리 구조로 구성하는 것은 어렵지않습니다. 단지 메뉴를 마우스로 클릭해서 드래그해서 원하는 곳에 가져다 놓으면 됩니다. 서브메뉴로 만드는 것도 간단합니다. 메뉴 간의 상하위 구조를 만들기 위해서 살짝 오른쪽으로 움직이면 서브메뉴로 만들어집니다.
회사 비전을 드래그해서 회사 소개 쪽으로 아래 그림과 같이 배치합니다.




이러한 방법으로 나머지 메뉴도 배치해서 메뉴 구성 작업을 완료합니다.



이번에는 카데고리를 메뉴에 추가해보겠습니다. 왼쪽 박스에서 카테고리를 선택한뒤에 모두 보기 탭을 클릭합니다.



조금 전에 페이지에서 했던 작업처럼 메뉴에 구성하기 원하는 항목을 체크한 뒤에 메뉴에 추가 버튼을 클릭합니다.





오른쪽 박스에 카테고리 항목도 새롭게 추가된 것을 볼 수 있습니다.


카데고리 항목도 마우스로 드래그해서 메뉴 구성을 진행합니다. 금주 제품서비스 안내 카데고리를 드래그해서 제품서비스 안내 밑으로 배치합니다.



메뉴의 배치가 다음과 같이 완료되었습니다. 



이제 메뉴 설정부분에 '상단 주 메뉴' 체크박스 부분에 체크를 한 뒤에 메뉴 저장 버튼을 클릭하여 메뉴 구성을 완료합니다.



웹사이트 화면에 등록한 메뉴가 정상적으로 보이는지 확인하기 위해서 왼쪽 상단의 사이트명을 클릭해서 사용자 화면으로 이동합니다.



사용자 웹사이트 화면을 확인하면 오른쪽 상단에 메뉴가 생성된 것을 볼 수 있습니다.




 
일전에도 강조했듯이 메뉴를 만들기 위해서 무엇보다도 중요한 것은 사이트맵을 기획하거나 메뉴구조도를 미리 만들어 보는 것입니다.

자신의 생각을 글이나 그림, 도표로 정리되지 않은 상태에서 메뉴를 구성하면 여러 번 변경하는 일이 빈번하게 발생할 수 있기 때문입니다. 먼저 내가 만들 워드프레스 사이트의 목적을 생각하고 목적에 입각해서 메뉴 구성을 그려보고 워드프레스에 적용하면 됩니다.



워드프레스의 사이트 메뉴를 구성하는 방법을 알아보도록 하겠습니다.
왼쪽 메뉴바에서 외모 > 메뉴를 클릭합니다. 아래에 나오는 화면이 메뉴를 편집하는 화면입니다. 이곳에서 내 사이트의 메뉴를 구성할 수 있습니다.


현재 사이트 화면에서 오른쪽 상단의 메뉴 부분에는 아직 메뉴를 구성하지 않았기 때문에 디폴트로 샘플페이지가 보입니다.



메뉴구조도 만들기

메뉴를 구성하기 위해서는 먼저 메뉴구조도를 만드는 것이 중요합니다.

메뉴 구조도는 사이트를 기획할 때 가장 중요한 요소 중의 하나입니다. 잘 구성된 메뉴구조도는 구글 검색엔진 최적화(SEO)에도 좋은 결과를 나타냅니다. 사이트 기획의 핵심 요소인 메뉴구조도를 만드는 것은 어렵지 않습니다.
메뉴 구조도를 만들 때 앞서 설명한 알마인드를 사용해도 되고 MS 엑셀이나 구글 스프레드시트를 이용해도 됩니다.

참고 포스팅)

아니면, 컴퓨터 프로그램이 아닌 단순히 종이에 연필만 있어도 메뉴구조도를 만드는데는 문제가 없습니다.
여기에서는 스프레드시트를 사용해서 메뉴구조도를 만들고, 워드프레스 메뉴 관리화면에 적용하도록 하겠습니다. 

먼저는 머리속에 만들려는 사이트에 대한 구상을 하고 그 다음은 생각했던 내용을 메뉴 구조도로 만들면 됩니다.
메뉴 구성은 대분류, 중분류로 2단계 구성합니다. 


항목 중에 구분이라는 항목을 두었는데 구분은 메뉴에 연결된 화면의 종류에 따라서 페이지, 카데고리, 사용자 정의로 분류할 예정입니다.

머리속에 구상한 가상 회사의 메뉴 구조도를 아래와 같이 작성하였습니다.



사이트 메뉴 구성 준비하기

이제 메뉴구조도를 기반으로 워드프레스 사이트의 메뉴를 구성하겠습니다. 



현재까지 메뉴 이름 왼쪽에 페이지, 사용자정의 링크, 카테고리 부분이 비활성화 되어있습니다. 



메뉴를 구성하기 위해서는 먼저 메뉴를 생성해야 합니다. 메뉴 이름 란에 기본 메뉴 라고 입력한 뒤 메뉴 생성 버튼을 클릭합니다.




조금전에 비활성화 되어있던 왼쪽의 페이지, 사용자정의 링크, 카테고리 부분이 활성화 되고, 오른쪽에 메뉴 설정 부분도 설정이 가능하게 변경되었습니다.




워드프레스에서 메뉴를 구성하는 방법은 왼쪽(페이지, 사용자정의 링크, 카테고리) 부분에서 메뉴를 구성하기를 희망하는 것을 선정해서 메뉴에 추가하면 됩니다.

그렇지만, 메뉴를 구성하기 위해서는 실제로 구성할 페이지와 사용자정의 링크, 카테고리가 존재해야 합니다. 그래야 메뉴와 연결할 수 있습니다. 카데고리, 페이지등 메뉴 연결에 필요한 세부적인 작업은 바로 다음 글에서 이어서 진행하겠습니다.

이어지는 포스트)
카테고리 만들고 구성하기


+ Recent posts