워드프레스 최신 글 목록 위젯에 썸네일 추가하기

참고: 인기 테마인 BE 테마(33%)The 7(35%) 할인 행사를 진행하고 있습니다.
참고

워드프레스에서 기본적으로 제공되는 최신 글 위젯의 경우 글 제목만 나열되는 매우 단순한 기능만 제공합니다. 썸네일이나 요약문을 추가하려면 기본 위젯을 수정하거나 별도의 플러그인을 사용해야 합니다. 무료 플러그인 가운데 Recent Posts Widget Extended를 사용하면 쉽게 최신 글 목록에 썸네일과 요약문(Excerpt)를 추가할 수 있습니다.

Recent Posts Widget Extended를 설치하고 활성화하면 외모 > 위젯Recent Posts Extended라는 위젯이 추가됩니다.

Recent Posts Extended

Recent Posts Extended를 원하는 위젯 영역(예: 사이드바)에 추가하면 아래와 같이 다양한 옵션을 설정할 수 있는 화면이 표시됩니다.
Recent Posts Widget Extended WordPress plugin
설정 가능한 옵션을 대강 살펴보면

  • (1) 표시할 글 개수
  • (2) Offset. 이 기능은 표시하지 않을 최신 글의 개수를 지정합니다. 가령 2를 입력하면 최신 글 목록에서 최신 글 2개는 생략되고 3번째부터 표시됩니다.
  • (3) 썸네일 표시
  • (4) 특성 이미지(썸네일)가 없는 글에 사용할 기본 썸네일. placehold.it에서 제공하는 이미지 대신 사용자가 만든 이미지를 사용할 수도 있습니다.
  • (5) 요약글(Excerpt) 표시 여부
  • (6) 요약글을 표시할 경우 글의 길이. 그 아래에 있는 “Readmore Text”는 “더 보기 ” 또는 “자세히 보기” 등으로 수정하실 수 있습니다.
  • (7) 체크하면 붙박이 글(Sticky post)이 표시되지 않습니다.
  • (8) 정렬 기준. 기본적으로 “Date”를 선택되어 있으며, 이 경우 최신 글순으로 표시됩니다. “Random”을 선택하면 글이 랜덤(임의 순서)하게 표시됩니다. (참고로 여기에 기본 최신 글 위젯을 사용하여 랜덤하게 글을 표시하는 방법이 설명되어 있습니다.)
  • (9) Category로 제한할 경우에 사용합니다. 이 기능을 사용하면 카테고리별로 최신 글 목록을 표시할 수 있습니다. 그림에는 표시되지 않았는데 그 아래에 “Limit to Tag”에서는 태그로 제한할 수 있습니다.
  • (10) CSS ID나 CSS 클래스를 추가할 수 있습니다.
  • (11) (12) 최신 글 목록 위 또는 아래에 표시할 텍스트를 지정할 수 있습니다.

이외에도 날짜를 표시할 수 있는 옵션도 제공합니다.

Recent Posts Extended - Display Date

실제 사용 예를 보면:

Recent Posts Extended - Example매우 깔끔하게 표시되네요. 원하는 경우 요약문(Excerpt)도 함께 표시가 가능하고, 날짜를 “3일 전”과 같은 형식으로도 표시가 가능합니다. (이 경우 위젯을 한글화해야 합니다. 그렇지 않으면 “3일 ago” 식으로 표시될 것입니다.)

현재 버전에서는 구현되지 않았지만 아마 향후 버전(언제일지는 모르겠지만)에서는 제목 길이를 제한하는 기능도 추가될 것 같습니다. (참고로 제목 길이를 제한하려면 mb_strimwidth 함수를 사용할 수 있습니다.)

 



기부를 통해 이 블로그를 후원하실 수 있습니다.
워드프레스 설치/제작/문제해결이 필요한 경우 서비스(유료)를 요청해주세요.