[WP] 워드프레스 카테고리 만들기(&워드프레스 메뉴 만들기)

워드프레스에서 작성한 글을 분류하기 위한 목적으로 카테고리를 설정할 수 있습니다. 카테고리는 글의 종류를 분류하기 위한 목적으로 만들며 어떤 CMS를 사용하는 블로그이든 중요한 요소로 생각해볼 수 있습니다.

워드프레스 카테고리 만들기는 블로그 및 웹 사이트를 시작하는 첫걸음인 동시에 글과 페이지 설정과 함께 필수로 설정해야 할 요소라고 생각해볼 수 있습니다

워드프레스에서 글 작성 후 메뉴 별로 글을 보관하려면 카테고리가 필요합니다. 웹 사이트에서 메뉴의 필요성은
①관리자가 효과적으로 글 목록을 관리해야 하며,
②사이트에 접속한 유저가 원하는 정보를 추가로 얻어야 하는 경우에 편하게 사용할 수 있습니다.
③어떤 목적의 웹 사이트인지 확인하는 용도로도 활용이 가능합니다. 블로그를 포함한 모든 웹 사이트에서 메뉴와 카테고리는 중요한 요소 중 하나입니다.

1. 워드프레스 메뉴와 카테고리 어떻게 만들까?

워드프레스 메뉴와 카테고리 두 단어를 각각 언급하는 이유는 워드프레스는 사이트 메인 화면(을 포함한 하위 페이지 등)에 메뉴가 표시되고, 메뉴는 ⓐ카테고리 또는 ⓑ 워드프레스 페이지 등에서 접속 메뉴를 만들 수 있기 때문입니다.

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

메뉴와 카테고리가 절대 같지 않다는 것은 이후 메뉴 만들기에서 다시 자세하게 설명할 예정이며, 먼저 워드프레스 카테고리 글 목록 세팅 방법을 알아 보겠습니다. 이유는 글 분류를 위한 메뉴를 만들기 위해 카테고리가 필수이기 떄문입니다.

1.1.1 워드프레스 카테고리 메뉴 등록 시작하기

워드프레스 관리자 페이지로 로그인 했다면 좌측 상단 [글] > [카테고리] 메뉴로 이동합니다.

워드프레스 카테고리 만들기-카테고리 페이지 이동

새 카테고리 추가 페이지 내 등록할 카테고리 이름을 입력합니다. 슬러그는 대문자와 띄어쓰기로 입력하여 만들어도 하이픈(-)과 소문자로 등록됩니다. 부모 카테고리는 상위와 하위 카테고리를 나눌 수 있습니다. 설명은 카테고리로 만든 메뉴 페이지를 유저가 접속했을 때 카테고리에 대한 설명이며 사용하는 테마에 따라 카테고리 페이지에 표시되거나 보이지 않을 수 있습니다.

1.1.2 워드프레스 카테고리 표시

카테고리 추가를 하면 우측에 TES 카테고리가 만들어진 것을 확인할 수 있습니다. 방금 설명한 이름, 설명, 슬러그를 확인할 수 있습니다.

웹 사이트에 추가한 카테고리가 나올 때 이름은 입력한 내용 그대로 표시되며 슬러그는 대문자 표시가 안되며 문자와 숫자, 하이픈(-)이 표시됩니다. URL 친화적인 슬러그라는 설명처럼 슬러그는 사용자가 메뉴를 클릭해서 접속했을 때 https://www.domain.com/test-카테고리로 표시되기 때문입니다.

카테고리 생성이 완료 되었으니 이제 워드프레스 카테고리 페이지 연결을 진행하기 위해 메뉴바를 만들어 줘야 합니다.

1.1.3 하위 카테고리 만들기

카테고리를 추가로 만들 때 부모 카테고리를 선택해서 만들 수 있습니다.

워드프레스 카테고리 만들기-하위 카테고리 생성 시 화면
EX)
테스트 1
테스트 2

1.2 워드프레스 메뉴 만들기(메뉴바)

[외모] > [메뉴 페이지]로 접속합니다. 첫 번째 작업은 메뉴 생성입니다.

1.2.1 메뉴 생성

[메뉴 구조] > [메뉴 이름]에서 원하는 메뉴명을 입력 후(main Menu) 우측 [메뉴 생성] 버튼을 클릭합니다.

워드프레스 메뉴 생성

1.2.2 워드프레스 메뉴바 설정에서 카테고리 추가하기

이제 생성한 카테고리를 메뉴바에 등록하는 작업만 남았습니다. ①②③의 순서대로 진행합니다. 의 결과를 얻을 수 있습니다. 설정이 완료 되었다면 우측의 [메뉴 저장] 버튼을 눌러서 저장하면 완성됩니다.

워드프레스 메뉴바 설정에서 카테고리 추가하기
TEST 카테고리 서브 카테고리는 웹 사이트에 하위 메뉴를 만들어 주는 항목이며, 마우스로 드래그 해서 우측으로 옴겨야 적용이 가능하며 이미 마우스로 옴겨서 적용한 화면입니다.

기본 세팅 된[Uncategorized]는 [제거] 버튼을 눌러 메뉴에서 삭제할 수 있습니다. 다른 카테로리도 동일한 방법으로 삭제를 하시면 되겠지요.

기본으로 만든 워드프레스 메인 페이지 접속했을 때 결과 값입니다. ▼

워드프레스 메뉴바 설정에서 카테고리추가 결과 값(사용자 페이지)

2. 워드프레스 메뉴바 구성

워드프레스 메뉴바는 카테고리와 페이지를 추가할 때 주로 사용되며 메뉴에 글(Post)이나 사용자 정의 링크(다른 웹 사이트 URL이나 내 웹 사이트)를 추가할 수 있습니다.

3. 사용자 정의하기를 이용한 메뉴 설정

[사용자 정의하기]에 접속 후

워드프레스 사용자 정의하기에서 메뉴 설정

[메뉴] 버튼을 눌러

워드프레스 사용자 정의하기 화면 이동 후-메뉴 설정

직접 변경된 화면을 보면서 설정을 할 수 있습니다.

4. 포인트

카테고리는 글{Post}을 다양한 주제로 분류하는 기능을 합니다. 웹 사이트에 표시할 메뉴는 생성된 워드프레스 카테고리 기반으로 만들어지며, 메뉴 구성 시 원하는 카테고리 항목만 추가하여 메뉴를 구성할 수 있습니다. wordpress.com의 메뉴 생성 설명란에도 메뉴 구성 시 카테고리를 기반으로 메뉴 생성하는 방법에 대한 설명을 하는 것을 알 수 있습니다.

Similar Posts

  • [WP] 워드프레스 SSL 보안인증서 적용 방법

    워드프레스를 포함한 웹 사이트에서 SSL 보안인증서는 필수가 되었습니다. 워드프레스 SSL 보안인증서 적용 방법과 TLS/SSL 인증서가 필요한 이유에 대해 알아 보겠습니다. 목차1. 워드프레스 메뉴와 카테고리 어떻게 만들까?1.1 워드프레스 카테고리 만들기1.2 워드프레스 메뉴 만들기(메뉴바)2. 워드프레스 메뉴바 구성3. 사용자 정의하기를 이용한 메뉴 설정4. 포인트1. 워드프레스 SSL 보안인증서 적용 방법 첫 번째 SSL 인증서가 서버에 설치되어야 합니다….

  • 워드프레스 캐시 플러그인 WP Rocket 속도 테스트: 설정 전·후 성능 최적화 비교 분석

    WP Rocket 플러그인의 세팅 방법 및 할인된 가격 등에 대해 확인을 했습니다. 가장 보편적인 설정 이후에 WP Rocket 속도 테스트를 진행하였습니다. 크롬 개발자 도구의 DOMContentLoaded 및 구글 페이지 스피드 점수 2가지 항목으로 테스트를 진행합니다. WP Rocket의 설정 방법 및 가격 정보가 필요할 경우 아래 버튼을 눌러 확인할 수 있습니다. 목차1. 워드프레스 메뉴와 카테고리…

  • [WP] 워드프레스 미디어 개요 및 5가지 주요 기능

    워드프레스 미디어 라이브러리는 이미지(JPEG, PNG 등), 비디오, 오디오 및 문서(PDF,Word 등 파일로 구성되며 한 곳에서 관리할 수 있습니다. 미디어 라이브러리에서 미디어 업로드와 필요하지 않은 관련 파일의 삭제 및 편집을 할 수 있습니다. 목차1. 워드프레스 메뉴와 카테고리 어떻게 만들까?1.1 워드프레스 카테고리 만들기1.2 워드프레스 메뉴 만들기(메뉴바)2. 워드프레스 메뉴바 구성3. 사용자 정의하기를 이용한 메뉴 설정4. 포인트워드프레스…

  • [WP] 워드프레스 단점과 장점

    W3태그 통계에 따르면 전 세계 CMS 점유율 중에 워드프레스의 점유율 43%를 확인할 수 있습니다. 워드프레스는 장점만 있고 워드프레스 단점에 대해 생각할 필요가 없는 것일까요? 워드프레스 장점과 단점에 대해 생각해 보겠습니다. 목차1. 워드프레스 메뉴와 카테고리 어떻게 만들까?1.1 워드프레스 카테고리 만들기1.2 워드프레스 메뉴 만들기(메뉴바)2. 워드프레스 메뉴바 구성3. 사용자 정의하기를 이용한 메뉴 설정4. 포인트 1. 대표적인…

  • MainWP Dashboard 플러그인

    워드프레스 웹 사이트가 2개 이상일 경우 보다 수월한 관리가 필요할 수 있습니다. 2~3개의 워드프레스 웹 사이트를 효율적으로 관리할 수 있는 MainWP Dashboard 플러그인은 서로 다른 독립적인 사이트를 한번에 관리할 수 있는 기능입니다. 서로 다른 호스트 및 서버에 있는 다른 워드프레스 사이트를 연결한 후 완전히 제어할 수 있는 플러그인입니다. 600,000개가 넘는 워드프레스 웹사이트가 10,000개의…

  • Ghost CMS에 cPanel Nodejs 설치 및 관리 방법

    Node.js는 Chrome V8JavaScript 엔진 기반 JavaScript 런타임입니다. 보통 기존 JavaScript보다 Node.js를 사용할 경우 웹 사이트의 속도가 빠른 것으로 생각할 수 있으며, 사용 중인 호스팅에서 cPanel Nodejs를 지원할 경우 설정하는 방법에 대해 알아 보겠습니다. Node.js는 오픈 소스 Javascript 런타임 환경으로, 웹 호스팅 서버에서 클라이언트의 웹 브라우저 대신 Javascript 코드를 실행시키기 위해 사용됩니다. Node.js는 웹 페이지의…