같은 카테고리 포스트를 사이드바에 표시하는 Same Category Posts

Last Updated: 2020년 11월 14일 | | 댓글 남기기

워드프레스 관련 글에 같은 카테고리 포스트를 표시하는 방법은 이 블로그에서 소개한 적이 있습니다. 동일 카테고리 포스트를 사이드바에 위젯으로 표시하고 싶은 경우 Same Category Posts 플러그인을 사용할 수 있습니다.

같은 카테고리 포스트를 사이드바에 표시하기: Same Category Posts 플러그인

같은 카테고리 포스트를 사이드바에 표시하는 워드프레스용 Same Category Posts 플러그인

Same Category Posts는 현재 포스트과 동일한 포스트 타입의 관련 글 리스트를 표시하는 워드프레스 플러그인입니다. 이 위젯은 단일 포스트(Single Post) 페이지에서만 표시됩니다. 이 플러그인은 Related Posts Widget을 포크한 것입니다. (Related Posts Widget 플러그인은 5년 이상 업데이트되지 않고 방치되고 있습니다. 가끔 유용한 플러그인이 업데이트가 되지 않아 방치되는 경우가 있습니다. 그러면 다른 개발자나 업체가 플러그인을 포크하여 새롭게 플러그인을 내놓기도 합니다.)

기능

  • 관련 글 리스트 표시
  • 현재 글과 관련된 포스트 타입 지정 옵션
  • 커스텀 포스트 타입 지원
  • 하나 이상의 카테고리 또는 용어(Term)를 제외하는 옵션
  • 인기 포스트 기준으로 필터링하는 옵션 (인기 포스트는 댓글 개수 기준)
  • 2개 이상의 카테고리가 지정될 경우 카테고리 분리 옵션
  • 표시할 글 개수 설정 (전체 또는 카테고리별)
  • 현재 글, 붙박이 글 또는 하위 카테고리 제외 옵션
  • 제목 문자열에 Placeholder 사용 (예: “There are a lot of %cat%-News.” -> “There are a lot of Tech-News.”).
  • 글 제목을 위한 필터 훅 ‘widget_title’
  • 포스트 썸네일 표시 및 가로/세로 크기 설정 옵션
  • CSS로 썸네일을 자르는 옵션
  • 썸네일을 상단에 배치 옵션
  • 위젯 타이틀 링크를 카테고리 페이지로 지정하는 옵션
  • 제목 표시/숨기기
  • 요약글 표시 옵션 및 요약문 길이 설정 (단어 수)
  • 요약글 'more' 문구 변경
  • 글 발행 날짜, 작성자 및 댓글 개수 표시 옵션
  • 여러 개의 위젯 사용 가능

대시보드에서 플러그인 > 새로 추가를 클릭하고 "Same Category Pots"를 검색하여 이 플러그인을 설치할 수 있습니다.

워드프레스 Same Category Pots 플러그인 설치하기

이 플러그인을 설치하면 테마 디자인 > 위젯Same Category Posts 위젯이 표시됩니다. 이 위젯을 끌어다가 원하는 곳(보통 사이드바)으로 끌어다 놓은 다음 설정을 하면 됩니다.

워드프레스 Same Category Pots 위젯

타이틀, 필터, Thumbnails (썸네일), Post details (포스트 상세 정보) 각각을 클릭하여 세부적으로 설정하도록 합니다. 테스트를 해보니 포스트에서 동일 카테고리의 관련 글이 예상대로 표시되었습니다. (전면 페이지 등에서는 사이드바에 관련 글 목록이 표시되지 않습니다.) 원하는 경우 CSS로 사이드바에 표시되는 관련 글 목록의 스타일을 수정할 수 있습니다.

같은 카테고리 글을 관련 글에 표시하는 방법 (사용자 코드)

위에서 소개한 Same Category Posts 플러그인을 사용하면 사이드바나 푸터 등 위젯에 동일 카테고리 내의 글을 관련 글로 표시할 수 있습니다. 관련 글을 본문 하단에 표시하는 경우가 많습니다. 그런 경우 다음 글에 소개된 방법을 사용하여 직접 코드를 테마 파일에 추가할 수 있습니다.

GeneratePress 테마를 사용하는 경우 테마 파일 소스를 수정하지 않고 후크(Hook)를 사용하여 글 하단에 관련 글을 설정할 수 있습니다.

하지만 위의 글에 포함된 코드를 테마 파일 소스에 직접 추가하면 잘 작동하지만, GeneratePress 테마의 Element를 사용하여 추가하려고 시도하면 잘 작동하지 않습니다. 대신 구글에서 검색하여 다른 코드를 시도해볼 수 있습니다. 이와 관련하여 별도의 글을 통해 후크로도 잘 작동하는 코드를 소개해드리겠습니다.

참고


댓글 남기기

Leave a Comment