워드프레스 강좌 / 메뉴 만들고 배치하기

워드프레스는 페이지, 글, 카테고리, 태그, 사용자 정의 링크 등으로 메뉴를 만들 수 있습니다. 그리고 그 메뉴는 테마가 제공하는 위치에 배치를 합니다. 하나의 메뉴를 여러 곳에 배치할 수도 있고, 위젯에 추가하는 것도 가능합니다.

메뉴 생성과 관리는 [테마 디자인 - 메뉴]에서 합니다.

화면 옵션

메뉴에 추가할 수 있는 아이템은 여러 가지가 있습니다. 그리고 테마나 플러그인으로 인해 만들어지는 아이템도 있습니다. 하지만, 그 모든 아이템이 화면에 나오지는 않습니다. 메뉴를 만들 때 가장 먼저 해야 할 것은 오른쪽 위의 화면 옵션을 클릭하여 어떤 아이템이 있는지 살펴보는 것입니다. 필요한 아이템 또는 속성에 체크를 하고 메뉴 만들기를 시작합니다.

메뉴 만들기

  • 메뉴 이름에 적당한 이름을 입력하고 [메뉴 생성]을 클릭하면 메뉴가 만들어집니다.
  • 메뉴는 여러 개 만들 수 있습니다. 메뉴 생성과 배치는 별개의 문제입니다. 즉, 메뉴를 만들었다고 해서 꼭 배치해야 하는 것은 아닙니다.
  • 테마를 변경해도 메뉴는 삭제되지 않고 그대로 남아 있습니다.

메뉴 아이템 추가하기

  • 왼쪽에서 아이템을 체크한 후 [메뉴에 추가]를 클릭하면 메뉴에 아이템이 추가됩니다.

  • 메뉴 아이템은 여러 개 넣을 수 있고, 마우스로 드래그하여 위치를 바꾸거나 계층적으로 만들 수 있습니다.
  • 메뉴가 완성되었으면 [메뉴 저장]을 클릭하여 저장합니다.

메뉴 배치하기

테마가 제공하는 자리에 배치하기

  • 테마에는 메뉴를 배치할 공간이 마련되어 있습니다. 공간의 갯수와 위치는 테마마다 다릅니다.
  • Twenty Nineteen의 경우 Primary, Footer Menu, Social Links Menu 세 곳이 있습니다.
  • 배치시킬 메뉴를 선택하고, 테마 위치에서 원하는 위치를 선택한 다음 [메뉴 저장]을 클릭합니다.

  • 아래는 Primary에 배치한 결과입니다. 계층적 메뉴를 만들었다면, 하위 메뉴는 드롭다운으로 나옵니다.

  • 메뉴 위치는 [외모 - 메뉴]의 [위치 관리하기] 탭에서 정할 수도 있습니다.

  • Social Links Menu는 소셜 링크를 위한 특별한 메뉴입니다.
  • 새롭게 메뉴를 만들고, 사용자정의 링크의 URL에 자신의 SNS URL을 입력하고, 링크 텍스트에 적당한 문구를 입력한 후, 메뉴에 추가합니다.

  • 위치를 Social Links Menu로 선택하고 [메뉴 저장]을 클릭합니다.

  • 소셜 링크 메뉴의 위치는 Primary의 아래이고, URL을 분석하여 적절한 아이콘을 보여줍니다.

사이드바에 배치하기

  • [탐색 메뉴]이 메뉴를 출력하는 위젯입니다. 위젯을 사이드바 영역에 배치하고 메뉴를 선택하면, 그 자리에 선택한 메뉴가 출력됩니다.

워드프레스 강좌