워드프레스 메뉴 만들기 배치하기 방법

잘 모르는 곳을 여행할 때 우리는 구글 지도나 네비게이션을 보고 찾아갑니다.

마찬가지로 잘 모르는 웹사이트를 탐색할 때 ‘Menu(메뉴)’는 중요한 안내자 역할을 합니다.

그런데 워드프레스에서 처음 메뉴를 만들어보면 한국과 많이 달라서 당황하게 됩니다. 페이지(page), 카테고리(category), 포스트(post) 등 생소한 용어가 가득하기 때문입니다.

이 포스팅에서는 메뉴와 다른 용어의 뜻을 구분하고 4단계로 메뉴 생성하는 방법에 대해 알려드리겠습니다.

먼저 메뉴, 카테고리, 페이지, 포스트에 대한 개념을 알려드리겠습니다. 처음에 용어가 생소할 뿐 사실 알고 보면 간단합니다.

 

메뉴(Navigation Menu) 의미

메뉴란 주로 홈페이지의 상단에 위치한 웹사이트의 컨텐츠에 대한 지도입니다. 만약 메뉴가 없다면 질서 없는 컨텐츠의 나열이 될 것입니다. 메뉴는 방문자가 원하는 컨텐츠를 찾을 수 있게 해주는 기능을 합니다.

 

페이지(Page), 포스트(Post)

페이지와 포스트는 거의 같은 기능을 합니다. 둘 다 컨텐츠를 담는 그릇입니다.

 

카테고리(Category)

카테고리는 포스트를 한 곳에 묶어둔 포스트의 상위 개념입니다.

카테고리 포스트 개념 설명페이지(Page) 포스트(Post) 차이

  • 페이지는 카테고리로 분류될 수 없습니다. 독립적입니다. 오직 페이지 끼리만 계층을 이룹니다.
  • 포스트는 카테고리로 분류 가능합니다. 심지어 여러 카테고리에 속하는 것도 가능합니다.

 

포스트와 페이지가 주로 쓰이는 사이트형태는 다음과 같습니다.

포스트

✅매거진

✅블로그형태

페이지

✅랜딩페이지

✅회사 홈페이지

✅포트폴리오 페이지

 

Step #1 메뉴를 미리 그려본다

사람마다 자신이 원하는 웹사이트 메뉴 구성이 다릅니다. 미리 메뉴를 대략적으로 계획해야합니다.

워드프레스 메뉴 계획2

저의 예시

  1. 튜토리얼(tutorial), 리뷰(review) 두 가지 카테고리로 나눈다.
  2. 각각 카테고리에 웹호스팅, 도메인, 워드프레스를 집어넣는다.
  3. Home, 자기소개 About, 연락처 Contact를 추가한다.

완벽하게 할 필요 없습니다. ‘대략적인’ 밑그림만 그려두면 충분합니다. 일단 시작하는 게 중요하며 나중에 수정할 수 있습니다.

 

Step #2 카테고리와 페이지를 생성한다

메뉴 계획을 했다면 가장 먼저 할 일은 카테고리와 페이지 생성입니다.

건강 관련 웹사이트를 만든다고 가정해보겠습니다.

 

메뉴 계획은 다음과 같습니다.

워드프레스 메뉴 계획

6개의 카테고리를 만들어야 합니다. (운동법, 근력운동, 유산소, 칼럼, 건강상식, 음식)

 

Posts- Categories로 이동합니다

워드프레스 카테고리 만들기 1

 

카테고리를 추가합니다. (운동법, 근력운동, 유산소, 칼럼, 건강상식, 음식)

워드프레스 카테고리 만들기 2

 

6개 카테고리가 추가된 모습입니다

워드프레스 카테고리 만들기 3

 

2개의 페이지를 생성해야 합니다(About, Contact)

Pages-Add new로 이동합니다.

워드프레스 페이지 만들기1

 

제목, 내용을 적고 발행합니다. (About, Contact)

워드프레스 페이지 만들기2

Contact도 같은 방법으로 만듭니다.

 

Step #3 메뉴를 생성한다

카테고리가 완성되고 나면 ‘메뉴’를 만들 차례입니다.

 

Appearance-Menus로 이동합니다

워드프레스 메뉴 만들기1

 

Create a New Menu를 클릭합니다

워드프레스 메뉴 만들기2

기존에 메뉴가 생성돼 있다면, 기존 메뉴를 사용해도 괜찮습니다.

 

Step #4 페이지와 카테고리를 배치한다

메뉴 뼈대를 가져왔다면 카테고리와 페이지로 채울 차례입니다.

 

페이지와 카테고리를  불러옵니다.

워드프레스 메뉴 배치하기1

Home, About, Contact를 사용할 예정이므로 해당되는 페이지를 선택한 뒤 ‘Add to Menu’를 클릭합니다.

 

워드프레스 메뉴 배치하기2

건강상식, 근력운동, 운동법, 유산소 등 해당되는 카테고리를 선택한 뒤 ‘Add to Menu’를 클릭합니다.

 

메뉴, 페이지를 계획한대로 배치합니다

메뉴 배치하기

마우스로 끌어 당겨서 옆에 놔두면 자동으로 계층이 나눠집니다. 

운동법 아래에 근력운동, 유산소를 넣고 칼럼 아래에 건강상식과 음식을 배치했습니다.

 

워드프레스 메뉴 옮기기

이렇게  자유롭게 이동도 가능합니다.

 

배치가 끝나면 Save Menu를 클릭합니다

워드프레스 메뉴 배치하기3

아래에 Primary Menu를 꼭 체크하셔야 합니다.

Step #5 포스트를 작성한 뒤 카테고리에 넣는다

메뉴배치, 카테고리 설정이 끝났으므로  글(포스트)을 작성할 차례입니다.

 

Posts-Add New 로이동합니다.

워드프레스 포스트 작성하기

 

알맞은 카테고리를 체크하고 발행(Publish)합니다

워드프레스 포스트 작성하기2

 

워드프레스 포스트 작성하기3

다음과 같이 운동법, 근력운동 카테고리에 포스트가 포함된 걸 확인할 수 있습니다.

 

일단 시작하고 나중에 수정하기

처음부터 너무 카테고리를 완벽하게 만들 필요가 없습니다. 대략적인 그림을 그린 뒤 포스트를 배치하고 언제라도 수정가능하기 때문입니다.

워드프레스는 처음 보는 단어가 많아서 초보자에게 어렵게 느껴집니다. 이전에 쓴 초보라면 꼭 알아야 할 구조 설명에 관한 글도 분명히 도움될 것입니다.

그리고 이 글에서 저는 워드프레스 설정영어로 해둔 것을 보셨을 겁니다. 혹시나 한글로 사용하고 계신 분 중 워드프레스를 오래 활용하실 분은 꼭 영어로 설정을 바꾸길 추천 드립니다. 워드프레스를 영어로 꼭 설정해야하는 이유는 4가지가있습니다. 자세한 내용은 링크 참고 부탁드립니다.

 

이글로 메뉴에 대한 이해와 메뉴 디자인에 도움이 됐길 바랍니다.

 

2 thoughts on “워드프레스 메뉴 만들기 배치하기 방법”

  1. 안녕하세요.
    워드프레스 기본 설정 사이트를 알게 되어 정주행하고 있습니다 ㅎㅎ

    제가 워프를 설정하고 있는데 계속 막히는 게 있는데요.

    상기와 같이 카테고리 5개, 메뉴 5개 동일하게 모두 메뉴 추가를 한 후에
    새글 포스팅 해서 카테고리지정하여 발행까지는 잘 돼요.

    사이트 우측 상단에 메뉴 5개는 노출되고, 새글 포스트도 해당 메뉴 클릭 시 잘 나옵니다.

    문제는 게시글 [더보기] 클릭하면 oops… 어쩌고저쩌고..하고 페이지 링크가 않되는데

    이건 어떻게 연결해야 상세페이지가 나올 수 있을까요?

    Reply
    • 안녕하세요 minsu님! 오류해결을 도와드리려면 현재 사용중인 워드프레스 테마를 알아야 합니다.

      1.어떤 테마를 이용중이신가요?
      2.스크린샷을 올려주실 수 있나요?

      아래 채널로 문의 주시면 좀 더 상세하게 답변 드릴게요!
      http://pf.kakao.com/_Kxmxbjs

      Reply

Leave a Comment