워드프레스) 카테고리 및 메뉴 설명 및 추가 하는 법 – 한국식, 외국식 차이

안녕하세요. 가즈입니다.
오늘은 워드프레스 운영 중 기본인 카테고리 및 메뉴에 관한 글입니다.
※ 사용중인 워드프레스 테마는 Twenty Sixteen입니다.


<블로그 플랫폼의 카테고리, 메뉴 한국식과 외국식 차이>

( 한국형 블로그 플랫폼 티스토리 대부분 형태 – 사이드 바를 주로 이용)

티스토리,네이버 블로그 같은 한국형 블로그 플랫폼은
‘메뉴 = 카테고리’로 설정하여 글을 작성하게 됩니다.
그래서 사이드 바에 메뉴와 카테고리가 동시에 있습니다.
또한 상단을 비워두고 사이드바를 통한 운영 방식입니다.

외국형 블로그 플랫폼 형태
(외국의 대부분 블로그,사이트는 상단에 메뉴와 클릭 시 하위 카테고리가 나오는 형태를 사용한다)
하지만  워드프레스 같은 외국형 플랫폼은 메뉴 > 카테고리 형태로 운영됩니다.
또한 메뉴는 상단에 표시되고 카테고리는 사이드 바에서 확인이 가능합니다.
사이드 바를 잘 이용하지 않고 상단 메뉴를 주로 이용하는 방식을 사용합니다.

※ 레이아웃이 1단인 경우 사이드 바가 없기에 카테고리가 없는 곳도 많습니다.


<카테고리 추가 하는 법>

워드 프레스카테고리 생성 방법
워드프레스 카테고리는 관리자 페이지에서 ‘글 – 카테고리’에서 추가가 가능합니다.
각각에 설명이 잘되어 있기에 작성하시면 됩니다.

슬러그 경우 검색엔진이 크롤링 하는 요소 중 하나이므로 간략하게 잘 써줘야합니다.

사이드 바가 있는 형태의 레이아웃 테마를 설정했다면
사이드 바에 해당 카테고리가 자동 생성됩니다.

카테고리는 반드시 1개 이상의 글이 포함되어 있어야 합니다.
※ 해당 카테고리가 표시가 안된다면 해당 카테고리에 아무 글이나 작성해보세요.

사이드 바가 없는 형태의 테마라면 메뉴 추가로 메뉴에 해당 카테고리를 넣으시길 발바니다.


<메뉴 추가>

워드프레스 메뉴 추가 방법

메뉴는 관리자 페이지에서 ‘테마(외모) – 메뉴’에서 설정이 가능합니다.
새 메뉴를 만들고 싶다면 상단에 ‘새 메뉴 만들기’를 눌러서 만들면 됩니다.

메뉴를 만들었다면 편집도 당연히 가능합니다.
상단에 편집할 메뉴를 선택하고 ‘메뉴 추가’ 부분에서 만들었던 카테고리를 클릭
‘메뉴에 추가‘를 누르면 카테고리가 메뉴 구조로 이동하게 됩니다.

포스팅한 글 또한 메뉴에 넣을 수 있으나 글은 카테고리로 묶어놓기 때문에
굳이 넣을 필요는 없습니다.

메뉴 구성을 완료했다면 메뉴 위치를 선택 해야합니다.
위치 표시로 기본 메뉴를 누르면 상단 오른쪽에 나옵니다.
기본 메뉴 위치는 어느 테마든 대부분 상단에 나오게 됩니다.


메뉴 위치를 변경하고 싶다면 테마마다 다르고, 레이아웃 설정이 가능해야
쉽게 옮길 수 있습니다.

저가 쓰는 Twenty Sixteen 테마는 메뉴는 글보단 페이지 위한 형태이고
주로 카테고리로 운용하는 테마이기 때문에 메뉴 추가를 따로 하지 않았습니다.

테마마다 카테고리만 표시하거나 메뉴만 표시하거나 둘다 필요없이
글만 보이게 하는 등등 다양한 테마들이 존재하는 만큼
메뉴 위치를 바꾸고 싶다면 사용중인 테마에 맞춰서 구글링을 통해 변경해야 합니다.

워드프레스 테마 Twenty Sixteen 한국인에 맞게 설정하기 – 본문 폭넓이 / 사용자(태그) 제거

안녕하세요. 가즈입니다.
이번 글은 워드프레스 테마 중 Twenty Sixteen 설정 방법에 대한 글입니다.


워드프레스 ‘Twenty Sixteen’ 테마의 단점

워드프레스 테마 twenty sixteen 기본 설정 - 답답함
저는 글 작성 기준으로 워드프레스 ‘Twenty Sixteen’ 테마를 사용 중에 있습니다.
사이드 바도 있고 레이 아웃도 마음에 들지만 본문 폭이 짧게 설정되어 있어,
글에서 심각한 답답함을 느끼게 됩니다.
왼쪽에 사용자 명이 달려있고 본문 넓이는 애초에 짧게 설정되어 있습니다.

다른 특정 테마처럼 레이아웃을 쉽게 수정이 불가능한 테마이므로
추가 CSS를 통해 수정하는 방법을 해야 합니다.

추가 CSS 위치

워드프레스 추가 CSS 위치

‘추가 CSS’는 워드프레스 관리자 페이지에서 ‘모양(외모/테마) – 사용자 정의‘에서 확인이 가능합니다.


<사용자(태그) 제거 CSS 코드>

@media screen and (min-width: 61.5625em) {
body:not(.search-results) article:not(.type-page) .entry-footer {
display: none;
}

해당 코드를 ‘추가 CSS’ 칸에 적고 상단의 적용을 누르면 됩니다.
추가 CSS칸에 쓰면 바로 오른쪽에 적용되는 화면이 보입니다.
왼쪽에 사용자 이름,날짜, 댓글 남기기가 삭제되는 것을 볼 수 있습니다.

< 본문 폭 넓히는 CSS 코드>

body:not(.search-results) article:not(.type-page) .entry-content {
float: left;
width: 100%;
}
}

해당 코드를 추가 CSS에 넣으면 본문 폭 넓이가 늘어나,
상단의 제목과 맞게 출력이 되는 모습을 볼 수 있습니다.


태그 제거와 본문 폭만 넓혀도 답답함이 많이 사라지는 만큼
Twenty Sixteen 테마를 사용하는 유저라면 필수로 적용해야 합니다.
워드프레스 테마들이 한국인에 맞춰있기보다는 영어권 사용자들에게 맞춰져 있기에
이런 과정들이 필수로 적용됩니다.