티스토리 뷰

워드프레스에서 메뉴를 설정하는 것은 웹사이트의 탐색 구조를 만들고 사용자 경험을 개선하는 데 매우 중요합니다. 메뉴는 사이트 방문자가 원하는 정보를 쉽게 찾을 수 있도록 도와주며, 사이트의 전반적인 구조를 명확하게 보여주는 역할을 합니다. 워드프레스는 사용자 친화적인 인터페이스 덕분에 비교적 간단하게 메뉴를 만들고 수정할 수 있습니다. 이번 글에서는 워드프레스에서 사이트 메뉴를 설정하는 방법에 대해 상세하게 알아보겠습니다.

사이트 메뉴를 설정하는 방법은 크게 두 가지로 나뉩니다. 첫째, 처음부터 메뉴를 새로 생성하는 방법이며, 둘째, 기존에 있는 메뉴를 수정하고 개선하는 방법입니다. 이 과정에서 페이지, 포스트, 카테고리 등 다양한 요소를 추가할 수 있으며, 메뉴의 순서와 구조도 쉽게 조정 가능합니다. 각 단계별로 어떻게 메뉴를 설정하고, 효과적으로 관리할 수 있는지 살펴보겠습니다.

워드프레스
워드프레스

워드프레스 메뉴 설정의 기본 개념

메뉴는 사이트의 상단 또는 사이드바에 표시되며, 보통 페이지, 포스트, 카테고리, 커스텀 링크 등을 포함할 수 있습니다. 워드프레스의 메뉴 설정은 테마에 따라 약간의 차이가 있을 수 있지만, 대부분의 테마는 기본적으로 메뉴 설정 기능을 지원합니다. 메뉴 설정을 잘하면 사용자는 사이트의 구조를 빠르게 파악하고 원하는 정보를 쉽게 찾아볼 수 있게 됩니다.

워드프레스 대시보드에서 메뉴 설정으로 이동

먼저, 워드프레스의 대시보드에서 메뉴 설정으로 이동하는 방법을 알아보겠습니다.

  1. 워드프레스 관리자 페이지로 로그인합니다.
  2. 대시보드의 왼쪽 메뉴에서 '외모(Appearance)'를 클릭합니다.
  3. 드롭다운 메뉴에서 '메뉴(Menus)'를 선택합니다.

이제 메뉴 설정 페이지로 이동할 수 있습니다. 이 페이지에서는 새로운 메뉴를 생성하거나 기존 메뉴를 수정할 수 있으며, 메뉴에 추가할 항목을 선택할 수 있는 옵션이 나타납니다.

새로운 메뉴 생성하기

새로운 메뉴를 만드는 방법은 매우 간단합니다. 아래 단계를 따르면 누구나 쉽게 메뉴를 생성할 수 있습니다.

  1. '새 메뉴 생성' 버튼 클릭: 메뉴 페이지에서 새 메뉴를 생성하려면 상단의 '새 메뉴 생성' 버튼을 클릭합니다.
  2. 메뉴 이름 지정: 생성할 메뉴에 적절한 이름을 입력합니다. 이 이름은 관리자 페이지에서만 보이므로, 사이트 구조를 파악하기 쉽게 이해하기 쉬운 이름을 지정하는 것이 좋습니다.
  3. 메뉴 항목 추가: 메뉴 항목은 페이지, 포스트, 카테고리, 커스텀 링크 등으로 구성할 수 있습니다. 원하는 항목을 체크하고 '메뉴에 추가' 버튼을 클릭하면 메뉴 구조에 추가됩니다.
  4. 메뉴 저장: 메뉴 구성을 마쳤다면 '메뉴 저장' 버튼을 클릭하여 변경 사항을 저장합니다.

기존 메뉴 수정 및 재정렬

기존에 만들어둔 메뉴를 수정하거나 재정렬하는 방법도 매우 간단합니다.

  1. 메뉴 선택: 수정하고 싶은 메뉴를 선택한 후 '선택' 버튼을 클릭합니다.
  2. 메뉴 항목 수정: 메뉴 항목을 수정하고 싶다면 각 항목의 오른쪽에 있는 화살표를 클릭하여 하위 메뉴를 펼친 뒤, 제목이나 URL을 변경할 수 있습니다.
  3. 항목 재정렬: 항목의 순서를 바꾸려면 드래그 앤 드롭 방식으로 항목을 원하는 위치로 이동시킬 수 있습니다.
  4. 하위 메뉴 설정: 특정 항목을 다른 항목 아래로 드래그하면 해당 항목을 하위 메뉴로 설정할 수 있습니다. 이를 통해 메뉴 구조를 계층적으로 만들 수 있습니다.
  5. 변경 사항 저장: 모든 변경이 완료되면 '메뉴 저장' 버튼을 클릭하여 저장합니다.

메뉴 위치 지정

워드프레스 테마에 따라 메뉴가 표시되는 위치가 다를 수 있습니다. 기본적으로 대부분의 테마는 상단(헤더) 메뉴와 하단(푸터) 메뉴를 지원하지만, 경우에 따라 추가적으로 사이드바 메뉴나 서브메뉴를 지원하는 테마도 있습니다.

  1. 메뉴 위치 설정: 메뉴 설정 페이지 하단에 '메뉴 위치' 옵션이 있습니다. 여기에서 '메인 메뉴', '푸터 메뉴', '사이드바 메뉴' 등의 위치를 선택할 수 있습니다.
  2. 위치 변경: 원할 경우 메뉴의 위치를 나중에 쉽게 변경할 수 있습니다. 새로운 메뉴를 만들 때마다 적절한 위치에 배치할 수 있습니다.

커스텀 링크와 외부 링크 추가하기

때로는 페이지나 포스트가 아닌 외부 링크를 메뉴에 추가하고 싶을 때가 있습니다. 예를 들어, 다른 웹사이트나 소셜 미디어 페이지로 연결되는 링크를 추가하고 싶다면 아래 단계를 따르면 됩니다.

  1. 커스텀 링크 옵션 선택: 메뉴 설정 페이지에서 '커스텀 링크' 옵션을 선택합니다.
  2. URL 입력: 추가하고 싶은 웹사이트나 페이지의 URL을 입력하고, 그 링크의 텍스트(메뉴에 표시될 이름)를 지정합니다.
  3. 메뉴에 추가: '메뉴에 추가' 버튼을 클릭하여 링크를 추가합니다.

하위 메뉴(드롭다운 메뉴) 만들기

드롭다운 메뉴는 사이트의 메뉴 구조를 깔끔하게 만들고, 여러 관련 페이지나 카테고리를 한 그룹으로 묶을 때 유용합니다.

  1. 메뉴 항목을 하위 메뉴로 이동: 드롭다운 메뉴를 만들고 싶은 항목을 상위 메뉴 아래로 드래그합니다. 이때 살짝 오른쪽으로 밀면 하위 메뉴로 설정됩니다.
  2. 드롭다운 메뉴 확인: 메뉴 저장 후, 사이트에서 실제로 메뉴가 드롭다운 형태로 표시되는지 확인합니다.

카테고리와 페이지를 함께 사용한 메뉴 설정

블로그나 포스트 중심의 웹사이트라면, 카테고리와 페이지를 함께 사용하여 메뉴를 구성할 수 있습니다. 이는 사이트의 콘텐츠를 잘 분류하고, 방문자들이 쉽게 원하는 정보를 찾도록 도와줍니다.

  1. 카테고리 추가: 메뉴 항목 추가 옵션에서 '카테고리' 탭을 선택합니다. 카테고리는 특정 주제나 섹션에 속하는 포스트들을 한 번에 표시하는 역할을 합니다.
  2. 페이지와 함께 사용: 카테고리와 페이지를 함께 메뉴에 추가하여 방문자가 다양한 방식으로 콘텐츠를 탐색할 수 있도록 구성합니다.

다중 메뉴 사용하기

때로는 한 개 이상의 메뉴를 사용하는 것이 사이트 구조상 더 적합할 때가 있습니다. 예를 들어, 헤더에는 주요 페이지 링크를, 푸터에는 사이트 맵이나 법적 고지를 포함하는 메뉴를 둘 수 있습니다.

  1. 새로운 메뉴 생성: 새로운 메뉴를 만들고, 이를 원하는 위치에 지정합니다.
  2. 다양한 메뉴 위치 사용: 테마가 지원하는 다양한 메뉴 위치를 활용하여 사이트의 정보를 효율적으로 제공할 수 있습니다.

반응형 메뉴 설정

모바일 기기 사용자가 많아지면서, 반응형 메뉴의 중요성도 커지고 있습니다. 반응형 메뉴는 사용자가 모바일 기기에서 사이트를 탐색할 때 메뉴가 자동으로 모바일에 최적화된 형태로 변경되는 기능입니다. 워드프레스 테마 중 대부분은 반응형 메뉴를 지원하지만, 테마 설정에서 이를 확인하고 추가 설정할 수 있습니다.

  1. 테마의 반응형 지원 여부 확인: 테마 설명에서 반응형 메뉴 지원 여부를 확인합니다.
  2. 반응형 메뉴 테스트: 실제로 모바일 기기에서 사이트를 테스트해 반응형 메뉴가 제대로 작동하는지 확인합니다.

메뉴 설정에서 SEO 고려하기

메뉴 설정은 SEO에도 영향을 미칠 수 있습니다. 검색 엔진이 사이트를 크롤링할 때 메뉴 구조를 파악하여 사이트의 주요 페이지와 카테고리를 인식하게 됩니다. 따라서 메뉴에 중요한 키워드를 포함하고, 사이트 구조를 논리적으로 설정하는 것이 중요합니다.

  1. 메뉴 항목에 키워드 반영: 주요 키워드를 메뉴 항목 이름에 자연스럽게 포함시켜 검색엔진 최적화를 도모합니다.
  2. 간결한 메뉴 구조 유지: 너무 많은 하위 메뉴나 복잡한 구조는 SEO에 악영향을 줄 수 있으므로, 최대한 간결하게 유지하는 것이 좋습니다.