글을 작성하기 위해서는 글을 분류해서 보관하기 위한 체계가 있어야 합니다. 글의 종류를 구분하는 것은 카테고리입니다. 그리고 메뉴는 카테고리를 링크하거나 독립 페이지를 링크해서 만듭니다. 카테고리와 메뉴는 다릅니다. 오늘은 카테고리를 만들고 메뉴와 연계해서 사이트 메인 화면에 표시하는 방법에 대해 알아 보겠습니다.
¤ 카테고리 만들기 |
이전에는 카테고리와 메뉴의 차이가 이해되지 않았습니다. 한국형 블로그는 메뉴와 카테고리를 구분하지 않습니다. 물론 글을 블로그 서버로 배포할 때 카테고리를 지정합니다. 그것은 자신의 카테고리가 아니고 서버 입장에서 구분한 카테고리입니다. 그런데 해외에서 탄생한 워드프레스는 카테고리와 메뉴를 별도로 작성해야 합니다. 그러니까 메뉴 만들기 전에 카테고리를 먼저 만들어야 하는 것이죠. 그리고 메뉴는 일반 독립 페이지를 링크할 수도 있고 카테고리에 저장된 전체 글을 연결할 수도 있습니다.먼저 카테고리를 만들기 위해 왼쪽 메뉴리스트에서 [글] 의 서브 메뉴인 카테고리 메뉴를 선택합니다. 그러면 오른쪽에 새 카테고리 추가를 위한 옵션 페이지가 나타납니다.
▼ 새 카테고리 추가 페이지에서 이름, 슬러그, 부모, 설명 란에 값을 입력합니다. 이름은 카테고리 이름이며, 슬러그는 URL 표시될 때 카테고리 이름 대신 표시되는 영문 단어 입니다. 영문자로 작성해야 되며 숫자와 하이픈을 사용해도 됩니다. “부모” 는 처음 입력하는 카테고리 이므로 “없음” 이겠죠.
▼ 다음은 최상위 메뉴에 속하는 하위 메뉴를 만드는 방법입니다. 최상위 메뉴 만들 때와 동일하며 단지 “부모” 값을 속하는 카테고리 이름으로 선택해 주시면 되겠죠.
▼ 카테고리의 depth 는 계속해서 내려갈 수 있습니다. 예제에서는 3단계까지만 작성했습니다. 그 이상 내려 간다는 것은 카테고리 분류가 잘못된 것입니다. 최대 3단계까지가 적당합니다.
¤ 메뉴 만들기 |
▼ 이제 카테고리를 메뉴와 연결해 보겠습니다. 물론 워드프레스에는 메인 화면에 카테고리 메뉴가 나와 있습니다. 하지만 한국 사람들은 메뉴와 카테고리를 동일시하는 경향이 있기 때문에 1대1로 맵핑시켜 보겠습니다. 메뉴를 만들기 위해 왼쪽 설정 메뉴리스트에서 [외모] > [메뉴] 를 선택합니다.
▼ 메뉴 이름에 값을 넣고 오른쪽에 있는 [메뉴생성] 버튼을 클릭합니다.
▼ 새로 만든 메뉴에 포함될 하위 메뉴들을 추가해야겠죠. 이미 만들어 놓은 카테고리와 1대1로 메뉴를 작성하기 위해 [카테고리] 탭을 클릭하고 [모두 보기] 로 들어갑니다. 모두 보기 에서 카테고리를 모두 선택한 뒤 [메뉴에 추가] 버튼을 클릭합니다.
▼ 카테고리에서 설정한 3depth 처럼 메뉴도 depth 설정이 가능합니다. 메뉴를 마우스로 클릭해서 끄시면 됩니다. 설정이 끝났으면 오른쪽에 있는 [메뉴저장] 버튼을 클릭합니다.
▼ 메뉴가 제대로 만들어 졌는지 확인해 봐야겠죠. 관리자 페이지 상단에 URL 하위 메뉴인 [사이트 보기] 를 클릭합니다. 그럼 아래처럼 3depth 로 메뉴가 만들어 진걸 알 수 있습니다. 카테고리와 연결했기 때문에 카테고리 이름이 메뉴명으로, 카테고리 설명이 메뉴명 아래 위치하게 됩니다. 이것은 다시 수정이 가능합니다.
'워드프레스' 카테고리의 다른 글
워드프레스(WordPress) 네이버 애널리틱스 코드 등록하고 연결하는 방법 (2) | 2024.06.13 |
---|---|
워드프레스(WordPress) 여러 개의 글 한 번에 비공개 처리하기 (1) | 2024.04.23 |
워드프레스 관리자 패스워드 변경하는 방법 (0) | 2024.04.22 |
워드프레스(WordPress) Yoast SEO sitemap.xml 404 에러 해결 (5) | 2024.04.22 |
워드프레스(WordPress) 드롭 다운 메뉴 설정하기 (0) | 2024.04.11 |
워드프레스 WordPress 사이트맵 sitemap.xml 자동 생성 기능 활성화 Yoast SEO 플러그인 사용 (0) | 2024.03.23 |
워드프레스(Wordpress) 메뉴 외부 링크, 사이트 링크 걸어서 연결하기 (0) | 2024.03.18 |
워드프레스(WordPress) 애드센스 플러그인 Ad Inserter 사용하기 (2) | 2024.03.04 |