워드프레스 메뉴 만들기

오늘은 워드프레스 홈페이지에 메뉴를 추가하는 방법에 대해서 알아 보겠습니다.

워드프레스에 테마를 적용하면 기본적으로는 메뉴가 생성되어 있지 않습니다.

그래서 메뉴가 필요하다면 관리자 화면에서 메뉴를 생성해 주셔야 합니다.

참고로 메뉴를 클릭하면 한페이지로 구성된 페이지가 나올수도 있고,

게시판 형태의 글목록이 나올수도 있습니다.

자신이 생각하는 메뉴의 기능이 무엇인지를 미리 한번 생각해 두면 좋을거 같습니다.

1. 테마 선택

먼저 워드프레스의 테마를 다른것으로 선택을 하겠습니다.

테마에 따라서 메뉴가 없는것도 있을수 있으니 참고 바랍니다.

이전 글에서 테마를 선택하는 방법에 대해서 알아봤습니다. 궁금하신 분들은 이전글을 참고 바랍니다.

저는 메뉴가 잘 어울리는 Twenty Sixteen 테마를 적용하여 메뉴를 만들어 보겠습니다.

아래는 Twenty Sixteen 테마를 활성화 한 화면입니다.

아래 화면은 테마가 적용된 홈페이지 화면입니다.

2. 메뉴 구성 정하기

이 홈페이지에,

아래 화면처럼 우측 상단에 메뉴를 추가하려고 합니다.

메뉴 구성은 아래와 같습니다.

ABOUT US          (페이지)

건강                  (카테고리)

경제                  (카테고리)

IT                      (카테고리)

CONTACT US       (페이지)

ABOUT US와 CONTACT US는 한 페이지로 내용이 구성할꺼라서 페이지로 메뉴를 만들것입니다.

그리고 건강, 경제, IT는 게시판 형태의 글 목록을 노출할꺼기 때문에 카테고리로 메뉴를 만들어야 합니다.

이렇게 메뉴를 만들기 전에 무엇을 메뉴로 만들것인지를 먼저 생각해야 합니다.

페이지가 될수도 있고, 게시물 목록인 카테고리가 될수도 있고, 게시물 하나가 메뉴가 될수도 있습니다.

메뉴를 눌렀을때 어떤 화면이 나올것이지를 미리 생각해 보면 무엇을 선택해야할지 알수가 있습니다.

3. 페이지 만들기

메뉴를 구성할 페이지 부터 만들어 보겠습니다.

필요한 페이지는 ABOUT US 와 CONTACT US 입니다.

관리자 화면에서 페이지 메뉴에 들어가서 '새 페이지 추가'를 눌러보겠습니다.

그럼 아래 화면과 같이 페이지를 만들 입력 폼이 나옵니다.

여기서 페이지명과 페이지 내용을 입력하고 공개를 클릭하여 페이지를 생성합니다.

참고로 이렇게 공개로 생성한 페이지는 실제 홈페이지에서는 연결되는 링크가 없어서 확인할 수가 없습니다.

아래는 CONTACT US 페이지를 만드는 화면입니다.

이렇게 두개의 페이지를 만들면,

아래와 같이 페이지 목록에서 생성된 페이지를 확인 하실수 있습니다.

4. 카테고리 만들기

일반적으로 글 메뉴에서 글을 쓰면, 카테고리가 없어 미분류로 글이 작성됩니다.

그런데 이 글들을 카테고리 별로 묶을수가 있습니다.

카테고리를 생성하고 글들의 카테고리를 선택해 주시면 됩니다.

주제별 게시판이라고 생각하셔도 좋을거 같습니다.

그럼 메뉴로 만들 카테고리를 만들어 보겠습니다.

아래 화면처럼 관리자 화면에서 카테고리를 선택해 주세요~

카테고리 이름과 슬러그(영문이름)을 입력하고 '새 카테고리 추가'를 하시면 됩니다.

아래는 메뉴로 만들 건강, 경제, IT 카테고리를 추가한 화면입니다.

5. 메뉴 만들기

이제 메뉴를 만들기 위해 관리자화면에서 메뉴 페이지로 이동하겠습니다.

메뉴 화면에 들어오면 좌측에는 무엇을 메뉴로 만들것이지 선택하는 영역이며,

우측에는 추가된 메뉴 목록이 나오는 화면입니다.

먼저 좌측에 페이지 탭을 클릭하시면 방금 생성한 CONTACT US 와 ABOUT US 페이지를 확인할 수 있습니다.

해당 페이지를 체크하고 '메뉴에 추가'를 클릭합니다.

그럼 아래 화면처럼,

우측 메뉴 구조에 해당 메뉴가 생성된 것을 확인하실 수 있습니다.

여기서 잘못 선택이 되었다면 우측에 화살표 버튼을 누르면 상세 설정화면이 펼쳐지는데 여기서 삭제 메뉴를 클릭하면 생성된 메뉴가 삭제됩니다.

메뉴가 삭제된 것이지 페이지가 삭제된것은 아닙니다. 좌측에서 다시 페이지를 선택하고 추가할 수 있습니다.

메뉴는 마음대로 추가, 삭제 하셔도 상관없습니다. ^^

다음은 좌측에서 카테고리 탭을 클릭하고,

우리가 생성한 카테고리인 건강, 경제, IT를 체크하고 '메뉴에 추가'를 클릭 합니다.

그럼 아래 화면처럼,

카테고리도 메뉴로 추가가 되었습니다.

메뉴를 클릭해서 드레그 하시면 움직일수가 있고 순서를 수정하실수 있습니다.

메뉴 순서를 수정한 후에,

아래쪽에 '기본 메뉴' 항목을 체크하고, '메뉴저장'을 클릭해 주세요~

그럼 아래 화면처럼,

홈페이지에서 메뉴가 추가된 것을 확인하실 수 있습니다.

메뉴 추가는 이것으로 마무리가 되었습니다.

홈페이지 조금 횡하니 메뉴 아래에 큰 이미지를 하나 추가해 보도록 하겠습니다.

해더 이미지라고도 하는데, 한번 추가해 보겠습니다.

6. 헤더 이미지 추가

아래 처럼 관라자 화면에서, '메뉴' 메뉴 아래에 '헤더' 메뉴를 클릭합니다.

그럼 아래와 같이 해더 이미지를 추가할수 있는 화면이 나오는데,

여기서 '새 이미지 추가'를 선택해서 해더 이미지로 사용할 이미지를 업로드 합니다.

업로드 하면 아래 화면처럼 이미지가 삽입된 화면을 확인할 수 있고, 

좌측 상단에 '공개' 버튼을 클릭하면 홈페이지에 반영이 됩니다.

아래는 헤더 이미지가 실제 홈페이지에 반영된 모습니다.

홈페이지가 좀 더 보기가 좋아졌죠? ^^

이상으로 워드프레스에 메뉴 만들기에 대해서 알아 봤습니다.

수고 많으셨습니다. ^^