워드프레스) 홈페이지(메인 페이지) 글에서 목록형으로 바꾸는 방법 – twenty sixteen 테마 사용

안녕하세요. 가즈입니다.
이번글은 워드프레스 홈페이지를 목록형으로 바꾸는 방법입니다.


워드프레스 홈페이지(메인 페이지) 설정하는 이유

티스토리 블로그 홈페이지
워드프레스나 블로그를 들어갔을 때, 해당 블로그의 홈페이지를 먼저 보게 됩니다.

홈페이지가 뚜렷해야 무슨 사이트인지 독자들이 쉽게 파악이 가능
하며,
워드프레스 대부분 무료 테마의 경우 홈페이지 부분이 최신 글로 설정되어 있어서
최신글만 보게 되므로 이는 블로그를 보기보다는 1개의 최신 글만 보고 이탈하는
현상이 나타나게 됩니다.

이를 해결하기 위해 대부분이 목록형, 그리드형 레이아웃으로 바꾸어서
다른 글들도 보여줌으로써 원하는 글을 찾게 해 줍니다.

워드프레스 그리드, 목록형으로 바꾸는 방법

해당 방법으로는 플러그인을 사용할 것입니다.
‘플러그인 – 새 플러그인 추가’로 밑의 플러그인 검색하여 설치 및 활성화시켜주세요.
“content views (콘텐츠 뷰)”
콘텐츠 뷰 플러그인 다운로드 방법

해당 플러그인은 내가 원하는 레이아웃을 만들어서 카테고리, 메뉴, 홈페이지 등등의
레이아웃을 변경해주는 플러그인입니다.

 

콘텐츠 뷰 이용 방법 add
설치하였다면, 워드프레스 관리자에 ‘콘텐츠 뷰’라는 탭이 새로 생기게 됩니다.
해당 탭에서 ‘add new’를 눌러주세요.

제목은 원하는 대로 지으시면 됩니다.

필터 설정은 유형은 글
로 해주세요.

고급에서는 홈페이지용으로 보여줄 콘텐츠를 선택하는 것입니다.
저는 홈페이지에 카테고리와 태그에 등록된 게시글을 나열해서 보이기 위해
카테고리, 태그를 넣었습니다.

카테고리 용어 선택은 어느 카테고리를 보여줄 것이냐?라는 탭으로
보여줄 카테고리 목록들을 넣으시면 됩니다.
태그도 똑같이 하시면 됩니다.

콘텐츠 뷰 표시설정 방법 레이아웃 만들기
상단의 ‘표시설정’으로 들어가시면 레이아웃을 설정할 수 있습니다.
레이아웃 추천은 기본 블로그형은 리스트, 일상형 블로그는 그리드를 추천드립니다.
※ 오른쪽 하단에 업데이트 미리 보기로 구성을 바로 확인이 가능합니다.

 

콘텐츠 뷰 페이지 처리 설정방법
중요한 건 표시 설정에서 스크롤을 내려 ‘페이지 처리 부분’을 반드시 활성화해주세요.
이 부분을 설정하지 않으면 보여줄 게시글 숫자를 초과해도 다른 게시글을 보여주지 않습니다.
페이지당 항목 수는 1페이지당 몇개의 글을 보여줄 것인지 설정하는 것입니다.
계속해서 포스팅이 늘어나는 카테고리 유형은 반드시 활성화해주시기 바랍니다.

만든 컨텐츠 뷰 페이지에 적용 시키기
이제 레이아웃과 콘텐츠 뷰를 만들었다면 해당 구성을 넣어서 작동해야 하죠.
콘텐츠 뷰 탭에서 ‘모두 보기 – 만든 레이아웃’ 클릭 후 상단의 아이디를 복사해주세요.

콘텐츠 뷰 전용 페이지 만들기
이후 홈’페이지’는 당연히 ‘페이지’ 부분이기 때문에 페이지 탭으로 이동하여,
전면 페이지라고 적힌 페이지를 수정할 것입니다.
전면 페이지가 없다면 새 페이지를 만드셔도 됩니다.

페이지에 복사한 id를  붙여 넣고 저장해 주세요.

페이지에는 고유주소가 있는데, 홈페이지는 당연히
해당 블로그의 메인 페이지이기 때문에 “블로그 주소”만 설정하시면 됩니다.
굳이 안 해도 상관은 없긴 합니다.
워드프레스는 설정에서 홈페이지 설정이 가능하기 때문입니다.

홈페이지용 워드프레스 설정 방법
이후 워드프레스 관리자 탭에서 ‘설정- 읽기’ 탭으로 가주세요.
그럼 상단에 홈페이지 설정 부분이 있습니다.
이를 최신 글 대신 ‘정적인 페이지’로 설정해주시고
홈페이지 부분에 내가 만들었던 페이지로 설정해주시면 됩니다.

이러면 홈페이지 글이 내가 만든 레이아웃(그리드, 목록 등등)으로 바뀌어 보이게 됩니다.

확인은 자신의 워드프레스를 들어가 보면 알 수 있겠죠?


한국의 대부분 블로그는 리스트형 홈페이지가 많습니다.
리스트형 블로그로 해두는 이유는 내가 올린 글들이 무엇이 있는지 쉽게 파악이 가능하고
다른 글에도 흥미를 가질 수 있게 할 수 있기 때문입니다.
메인 홈페이지를 잘 꾸며서 많은 방문자들을 모으시기 바랍니다.

워드프레스) 글 작성시 간단하게 본문 맞춤법 검사 방법 – 플러그인 X

안녕하세요. 가즈입니다.
이번글은 워드프레스 글 작성 시에 맞춤법 검사하는 방법입니다.


※해당 맞춤법 검사는 한국에서 사용이 가능한 방법입니다.

맞춤법이 중요한 이유

  • 의사소통의 명확성: 맞춤법이 정확하면 내가 보여줄  글의 의미가 명확해지고,
    독자가 내용을 쉽게 이해할 수 있습니다.
    잘못된 맞춤법은 독자들의 이해도와 잘못된 의미 전달이 될 수도 있습니다.
  • 신뢰도: 올바른 맞춤법은 작성자의 신뢰도를 높입니다.
    특히 전문성이나 뉴스를 다루는 글이라면 중요합니다.
  • 읽기 편리성: 독자들이 글에 집중을 못하고 이탈을 야기할 수도 있습니다.

한국형 워드프레스 맞춤법 검사하는 법

티스토리의 맞춤법 검사 방법
한국인이라면 카카오톡을 위해서 카카오 계정이 있을 텐데요.

카카오는 블로그 플랫폼인 ‘티스토리’를 운영 중에 있습니다.
해당 플랫폼은 한국형 블로그 맞춤이기 때문에 ‘문법 검사’가 존재합니다.
이를 통해 워드프레스 글을 등록 전에 문법 검사를 하는 방식입니다.

※ 티스토리 경우 예전에는 기존 유저의 초대로만 가입이 가능했는데
카카오에 편입된 이후로는 카카오 계정을 통해 아무나 사용이 가능해졌습니다.

티스토리에 가입 및 블로그 개설

티스토리 로그인 및 회원가입 방법
티스토리 사이트에 접속해 주세요.
상단 위에 ‘카카오 계정으로 시작하기‘ 버튼이 있습니다.
※ 티스토리 가입은 카카오 계정으로 쉽게 가능합니다.

티스토리 블로그 개설 방법
티스토리 새 블로그 만드는 방법
로그인 후 ‘계정 관리’로 들어가면 ‘새 블로그 만들기’가 보입니다.
이름과 블로그 주소를 원하는 대로 만들어주시면 됩니다.

티스토리 글쓰는 방법
블로그를 만들었다면 상단바에서 ‘글쓰기’를 눌러주세요.
아니면 ‘톱니바퀴’를 눌러 티스토리 관리자로 들어간 후 ‘글쓰기’를 눌러도 됩니다.

티스토리 맞춤법 검사 방법
여기다 워드프레스로 작성한 글을 복사, 붙여 넣은 후 하단에 ‘맞춤법’을 눌러주세요.
틀린 맞춤법은 상단에 보여주면서 ‘수정’ 버튼을 누르면 수정이 됩니다.
이를 통해 쉽게 맞춤법을 수정 할 수 있습니다.


티스토리를 이용한 이유

티스토리는 엄연히 블로그 플랫폼입니다.
이용자 대부분이 한국인이기 때문에 한국에 딱 맞는 블로그 플랫폼이죠.
그래서 해외 영어권에 맞춘 워드프레스보다 사용하기 쉽고
한국인 입맛에 맞게 설정되어 있을뿐더러 많은 필요 기능을 기본적으로 제공하고 있습니다.
이를 통해 맞춤법뿐만 아니라 글자색과 취소선등 다양한 옵션을 사용하여 수정이 가능합니다.
또한 워드프레스뿐만 아니라 다양한 플랫폼을 이용해 봄으로써
나의 블로그를 어느 방향으로 레이아웃을 짤지 옮길지를 생각할 수 있습니다.

이만 포스팅을 마치겠습니다.
본인의 블로그 잘 꾸미시길 바랍니다.

 

워드프레스) 사이드 바 고정 시키는 방법 – CSS 추가로 쉽게 해결하기

안녕하세요. 가즈입니다.
이번 글은 사이드 바(side bar) 고정 시키는 방법입니다.


사이드바(side bar) 고정 시켜야 하는 이유

워드프레스 무료 테마 대부분이 사이드 바의 경우 밑으로 스크롤을 내렸을 때,
고정되지 않기 때문에 사이드 바 메뉴들이 사라져,
블로그 방문자들이 포스팅 글을 다 읽은 후에는
다른 글로 이동할 만한 컨텐츠와 카테고리를 확인을 못 하게 됩니다.
해당 기능을 유료화 시킨 테마들도 많은 편입니다.

이는 워드프레스,웹 사이트 이탈로 이어지기 때문에 생각보다 중요도가 높은 설정입니다.
또한 사이드 바에 광고를 이용 할 경우 한번 노출 이후로는 못보게 되는 단점이 있습니다.
이 또한 광고 수익률 저하로 이어집니다.
워드프레스 경우 매우 간단히 해결할 수 있으므로 따라하시면 됩니다.

사이드 바 고정 방법(CSS 활용)

워드프레스 '추가 CSS' 탭위치
워드프레스 경우 ‘추가 CSS’ 로 쉽게 변경이 가능합니다.

워드프레스 관리자 탭에서 ‘외모(모양) – 사용자 정의’ 탭으로 이동해주세요.

왼쪽 하단 탭에 ‘추가 CSS 버튼’이 있습니다.
해당 CSS 코드를 넣고 저장을 하세요.
※ 저장 전에 오른쪽 예시로 적용이 되는지 바로 확인이 가능합니다.

워드프레스 사이드 바 고정 CSS 코드

/* 사이드바 고정 */
#secondary {
position: -webkit-sticky; /* 사파리 호환성 */
position: sticky;
top: 30px; /* 상단에서 떨어진 거리 */
}

top : ‘숫자’px로 사이드 바 목록과 윗부분의 거리를 조정이 가능합니다.
개인적으로는 30px가 제일 적당하다고 봅니다.


한국형 블로그들은 사이드 바를 이용해오는 방식을 오랫동안 유지한만큼
사용자들도 사이드 바에 익숙한 편입니다.
사이드 바를 적극적으로 이용하는것을 추천드립니다.