워드프레스 웹사이트의 메뉴를 구성하기 위해서는 워드프레스 메뉴 기능을 사용합니다. 관리자 대쉬보드(알림판)에서 [외모 Appearance] – [메뉴 Menus]로 이동합니다.
워드프레스 메뉴 생성하기
메뉴 설정으로 이동하면 위와 같이 좌측에는 ‘메뉴 추가 Add menu items’, 우측에는 ‘메뉴 구조 Menu structure’ 영역이 나옵니다. 예전에는 이전에 추가한 메뉴가 없으면 메뉴 구조가 텅 빈 초기화 상태로 나왔는데, 요즘에는 메뉴 설정을 최초 로딩하더라도 기존 페이지들과 워드프레스 읽기 설정을 토대로 기본 메뉴들이 어느 정도 추가되어 있습니다.
저는 초기 상태에서 작업하기 위해 기본 메뉴들을 일단 모두 삭제해보겠습니다. ‘일괄 선택 Bulk Select’을 체크하여 체크박스가 나타나면 메뉴를 모두 선택하고 ‘선택된 아이템 제거 Remove Selected Items’ 링크를 클릭하여 기본 메뉴들을 모두 삭제했습니다.
워드프레스 메뉴를 사용하기 위해서는 반드시 메뉴를 생성해줘야 합니다. 새 메뉴를 생성하려면 ‘메뉴 이름 Menu Name’ 섹션에 생성할 메뉴의 이름을 입력해주고 ‘메뉴 생성 Create Menu’ 버튼을 누르면 됩니다. 사이트 상단에서 메인 메뉴로 사용할 예정이라서 ‘Main Menu’라는 이름으로 생성해주었습니다.
‘Main Menu’ 메뉴가 생성되었습니다. ‘좌측 컬럼에서 메뉴 아이템을 추가하세요. 우측에는 Add menu items from the column on the left.’ 라는 안내문이 보이고, 좌측 컬럼에는 현재 추가할 수 있는 메뉴 아이템의 그룹 목록이 보여집니다. 기본적으로 페이지 Pages, 포스트(글) Posts, 사용자 정의 링크 Custom Links, 카테고리 Categories 등의 아이템 그룹들을 추가할 수 있게 되어 있습니다. 워드프레스에 설치된 플러그인의 종류에 따라 메뉴에 사용할 수 있는 아이템 그룹들이 추가되기도 합니다. 우측 하단에는 두 개의 ‘메뉴 설정 Menu Settings’ 항목이 있습니다.
- 페이지 자동 추가: ‘새로 만드는 최상위 페이지를 이 메뉴에 자동으로 추가하기 Automatically add new top-level pages to this menu’ 옵션을 체크하면, 최상위 페이지를 새로 만들 때마다 자동으로 메뉴에 추가됩니다. 일반적으로 페이지들이 워드프레스 메뉴 항목이 되기 때문에 경우에 따라 이 옵션을 유용하게 사용할 수도 있습니다.
- 위치 표시: 이 옵션은 해당 사이트에 현재 활성화되어 있는 테마가 어떠한 메뉴 구성을 제공하느냐에 따라 달라지게 됩니다. 현재 활성화되어 있는 테마에서는 메뉴를 넣을 수 있는 위치가 ‘Primary Menu’ 한 곳 뿐이기 때문에, 옵션에 ‘Primary Menu’ 한 개만 나오고 있습니다. 저는 Main Menu를 Primary Menu 위치에 넣을 예정이므로 이 옵션을 선택해주었습니다.
테마에 따라 여러 군데의 메뉴 위치를 제공하는 경우도 있습니다. 위의 경우는 해당 테마가 Primary Menu, Secondary Menu, Footer Menu 이렇게 세 군데의 메뉴 위치를 허용하고 있는 예입니다. 이런 경우는 워드프레스 메뉴를 생성하고 나서 어느 위치에 넣을 것인지 반드시 선택해줘야 합니다.
워드프레스 메뉴 구성하기
좌측 ‘메뉴 추가 Add menu items’ 영역에서 아이템을 선택하여 ‘메뉴에 추가 Add to Menu’ 버튼을 누르면 우측 ‘메뉴 구조 Menu structure’ 영역에 추가됩니다.
- 페이지 Pages: 작성된 페이지들 중 원하는 페이지들을 메뉴에 추가할 수 있습니다.
- 포스트(글) Posts: 작성된 포스트(글)들 중 원하는 포스트(글)들을 메뉴에 추가할 수 있습니다.
- 사용자 정의 링크 Custom Links: 사용자 정의 링크는 보통 다음 두 가지 용도로 사용합니다 – 1) 클릭 시 외부 링크로 연결되는 메뉴를 추가하고 싶을 때, 2) 클릭되지 않는 상위 메뉴를 추가하고 싶을 때 (이 경우는 URL 없이 ‘링크 텍스트 Link Text’만 입력합니다)
- 카테고리 Categories: 사용중인 카테고리들 중 원하는 카테고리들을 메뉴에 추가할 수 있습니다.
추가된 메뉴들은 위와 같이 추가된 순서대로 ‘메뉴 구조 Menu structure’ 영역에 나열됩니다. ‘메뉴 아이템을 원하는 순서대로 끌어놓으세요. 아이템의 오른쪽에 있는 화살표를 누르면 추가 설정 옵션이 보입니다. Drag the items into the order you prefer. Click the arrow on the right of the item to reveal additional configuration options.’ 안내 문구대로, 모든 메뉴는 드래그 앤 드롭 Drag & Drop으로 위치 변경이 가능하며 우측 화살표를 눌러 설정을 변경할 수 있습니다.
위와 같이, 메뉴 순서 뿐 아니라 상위 메뉴와 하위 메뉴가 존재하는 계층 구조 또한 드래그 앤 드롭 Drag & Drop으로 구성가능합니다.
우측 화살표를 누르면 아이템의 원본 이름과 별도로 워드프레스 메뉴에서 보여질 ‘내비게이션 레이블 Navigation Label’을 자유롭게 수정할 수 있습니다. 해당 메뉴 아이템을 삭제하기 위해서는 하단의 ‘삭제 Remove’ 링크를 누르면 됩니다. 여기서의 삭제는, 실제 아이템 자체가 삭제되는 것이 아니라 ‘메뉴 구조 Menu structure’ 영역에서만 삭제되는 것이므로, 삭제한 메뉴도 좌측 ‘메뉴 추가 Add menu items’ 영역에서 언제든 다시 추가가 가능합니다. 언제든 이 모든 변경사항은 최하단에 있는 ‘메뉴 저장 Save Menu’ 버튼을 눌러야만 최종 적용된다는 점에 유의하도록 합니다.
위와 같이, 해당 테마의 메뉴 지정 영역인 Primary Menu 위치에 새로 추가한 메뉴가 나타납니다.
