WordPress Popular Posts(WPP) 인기게시물 노출 플러그인 설정 방법

콘텐츠플로우

안녕하세요. 워드프레스 기본 기본 환경에서는 인기 게시물을 노출할 수 없지만, WordPress Popular Posts(WPP) 플러그인을 이용한다면 간편하게 인기 게시물을 노출 시킬 수 있습니다. 인기게시물을 노출시킴으로써 방문자들에게 유용한 정보를 제공할 수 있습니다.

이번 글에서는 WordPress Popular Posts(WPP) 플러그인 설정 방법 과 위젯을 이용하여 추가 설정(Miscellaneous) 페이지에 대해 자세히 설명하겠습니다. 설정 항목이 무엇을 의미하는지, 어떤 설정을 선택해야 하는지 확인해보도록 하겠습니다.

WordPress Popular Posts 플러그인

🖼️ 1. Thumbnails (썸네일 설정)

인기 게시물 목록에서 사용될 썸네일(이미지)을 설정하는 화면입니다. 설정하는 화면은 wordpress poular posts 플러그인을 활성화 한 후 상단에 tools 를 클릭 후 설정 화면으로 이동이 가능합니다.

📌 설정 옵션

Default thumbnail (기본 썸네일)

게시물에 썸네일이 없을 경우 표시할 기본 이미지입니다.

"Change thumbnail" 버튼: 직접 썸네일 이미지를 변경할 수 있음.

"Reset thumbnail" 버튼: 기본 설정으로 초기화.

Pick image from (썸네일 선택 기준)

인기 게시물 목록에서 어떤 이미지를 썸네일로 사용할지 지정합니다.

First image on post (게시물 내 첫 번째 이미지) → 현재 선택됨.

Featured image (대표 이미지) → 대표 이미지가 있을 경우 추천.

Thumbnail format (썸네일 포맷)

썸네일 이미지 형식을 설정합니다.

webp 선택 → 웹에서 최적화된 이미지 형식(빠른 로딩과 높은 압축률).

다른 옵션: JPEG, PNG 등.

Lazy load (지연 로딩)

Yes (사용) → 웹사이트 로딩 속도를 빠르게 하기 위해, 사용자가 페이지를 스크롤할 때 이미지가 로드됨.

No (사용 안 함) → 페이지가 로드될 때 모든 이미지를 한 번에 불러옴(속도 저하 가능성 있음).

Empty image cache (썸네일 캐시 삭제)

썸네일이 정상적으로 표시되지 않을 때 사용.

버튼을 누르면 WPP가 저장한 모든 썸네일 캐시가 삭제되고, 새롭게 생성됨.
  1. Default thumbnail (기본 썸네일)
    • 게시물에 썸네일이 없을 경우 표시할 기본 이미지입니다.
    • “Change thumbnail” 버튼: 직접 썸네일 이미지를 변경할 수 있음.
    • “Reset thumbnail” 버튼: 기본 설정으로 초기화.
  2. Pick image from (썸네일 선택 기준)
    • 인기 게시물 목록에서 어떤 이미지를 썸네일로 사용할지 지정합니다.
    • First image on post (게시물 내 첫 번째 이미지) → 현재 선택됨.
    • Featured image (대표 이미지) → 대표 이미지가 있을 경우 추천.
  3. Thumbnail format (썸네일 포맷)
    • 썸네일 이미지 형식을 설정합니다.
    • webp 선택 → 웹에서 최적화된 이미지 형식(빠른 로딩과 높은 압축률).
    • 다른 옵션: Avif, JPEG, PNG 등.
  4. Lazy load (지연 로딩)
    • Yes (사용) → 웹사이트 로딩 속도를 빠르게 하기 위해, 사용자가 페이지를 스크롤할 때 이미지가 로드됨.
    • No (사용 안 함) → 페이지가 로드될 때 모든 이미지를 한 번에 불러옴(속도 저하 가능성 있음).
  5. Empty image cache (썸네일 캐시 삭제)
    • 썸네일이 정상적으로 표시되지 않을 때 사용.
    • 버튼을 누르면 WPP가 저장한 모든 썸네일 캐시가 삭제되고, 새롭게 생성됨.

추천 설정

  • 썸네일이 없는 경우 기본 이미지 설정 필수!
  • “Pick image from” → Featured image (대표 이미지) 추천
  • 웹사이트 속도를 위해 Lazy Load = “Yes” 선택
  • 문제 발생 시 “Empty image cache” 버튼 클릭

📊 2. Data (데이터 설정)

인기 게시물 데이터를 기록하고 캐싱하는 방법을 설정하는 화면입니다.

Log views from (조회수 기록 대상)

Everyone (모든 사용자) → 현재 설정됨.

로그인한 사용자만 기록할 수도 있음.

Log limit (로그 보관 기간)

조회수 데이터를 180일(6개월) 동안 저장.

오래된 데이터는 자동으로 삭제됨.

Load popular posts list via AJAX (AJAX로 인기 게시물 불러오기)

Disabled (비활성화)

AJAX를 사용하면 인기 게시물 목록을 동적으로 불러올 수 있지만, 캐싱 플러그인과 충돌할 가능성 있음.

Data Caching (데이터 캐싱)

Enable caching (캐싱 활성화) → 현재 설정됨.

캐시를 활성화하면 서버 부하를 줄이고 인기 게시물 목록을 빠르게 표시할 수 있음.

Refresh cache every (캐시 갱신 주기)

5시간마다 캐시 새로고침 → 현재 설정됨.

사이트 트래픽이 많다면 더 짧게(예: 1~2시간) 설정 가능.

Data Sampling (데이터 샘플링)

Enabled (샘플링 활성화)

모든 방문자를 기록하면 데이터베이스 부하가 심해질 수 있음. 샘플링을 통해 일부 방문자만 기록하여 최적화.

📌 설정 옵션

  1. Log views from (조회수 기록 대상)
    • Everyone (모든 사용자) → 현재 설정됨.
    • 로그인한 사용자만 기록할 수도 있음.
  2. Log limit (로그 보관 기간)
    • 조회수 데이터를 180일(6개월) 동안 저장.
    • 오래된 데이터는 자동으로 삭제됨.
  3. Load popular posts list via AJAX (AJAX로 인기 게시물 불러오기)
    • Disabled (비활성화)
    • AJAX를 사용하면 인기 게시물 목록을 동적으로 불러올 수 있지만, 캐싱 플러그인과 충돌할 가능성 있음.
  4. Data Caching (데이터 캐싱)
    • Enable caching (캐싱 활성화) → 현재 설정됨.
    • 캐시를 활성화하면 서버 부하를 줄이고 인기 게시물 목록을 빠르게 표시할 수 있음.
  5. Refresh cache every (캐시 갱신 주기)
    • 5시간마다 캐시 새로고침 → 현재 설정됨.
    • 사이트 트래픽이 많다면 더 짧게(예: 1~2시간) 설정 가능.
  6. Data Sampling (데이터 샘플링)
    • Enabled (샘플링 활성화)
    • 모든 방문자를 기록하면 데이터베이스 부하가 심해질 수 있음. 샘플링을 통해 일부 방문자만 기록하여 최적화.

추천 설정

  • “Log views from” → Everyone 유지
  • “Log limit” → 180일 이상 설정 시 데이터베이스 부담 주의
  • “Load via AJAX” → 캐싱 플러그인을 사용하면 Disabled 유지
  • “Data Caching” → Enable 유지 (성능 향상)
  • “Refresh cache every” → 3~6시간 추천 (실시간 데이터가 필요하면 더 짧게)
  • “Data Sampling” → 트래픽이 많은 사이트에서는 Enabled 추천

⚙️ 3. Miscellaneous (기타 설정)

인기 게시물 목록 표시 방식 및 데이터 삭제 기능을 설정하는 화면입니다.

📌 설정 옵션

Open links in (링크 열기 방식)

Current window (현재 창에서 열기)

클릭 시 기존 창에서 새 게시물로 이동.

New window (새 창에서 열기)로 변경 추천 → 방문자가 사이트를 이탈하지 않도록 유지.

Use plugin’s stylesheet (플러그인 스타일시트 사용)

Enabled (기본 스타일 적용)

WPP의 기본 CSS 스타일을 사용할지 결정.

만약 사이트 디자인과 다르게 보인다면 Disabled(사용 안 함)으로 변경하고 직접 CSS 적용 가능.

Enable experimental features (실험적 기능 활성화)

체크 해제됨(비활성화).

안정성을 위해 기본적으로 비활성화 추천!

📌 설정 옵션

  1. Open links in (링크 열기 방식)
    • Current window (현재 창에서 열기)
    • 클릭 시 기존 창에서 새 게시물로 이동.
    • New window (새 창에서 열기)로 변경 추천 → 방문자가 사이트를 이탈하지 않도록 유지.
  2. Use plugin’s stylesheet (플러그인 스타일시트 사용)
    • Enabled (기본 스타일 적용)
    • WPP의 기본 CSS 스타일을 사용할지 결정.
    • 만약 사이트 디자인과 다르게 보인다면 Disabled(사용 안 함)으로 변경하고 직접 CSS 적용 가능.
  3. Enable experimental features (실험적 기능 활성화)
    • 체크 해제됨(비활성화).
    • 안정성을 위해 기본적으로 비활성화 추천!

🗑️ 4. 데이터 관리 (캐시 및 데이터 삭제)

인기 게시물 데이터 및 캐시를 삭제하는 기능.

📌 설정 옵션

Empty cache (캐시 지우기)

인기 게시물 캐시만 삭제.

인기 게시물 순위가 이상하게 표시될 때 사용.

Clear all data (모든 데이터 삭제)

조회수 및 인기 게시물 기록을 포함한 모든 데이터를 삭제.

완전 초기화할 때만 사용 (주의 필요).

✅ 추천 설정

"Empty cache" → 인기 게시물 순위가 이상할 때만 사용

"Clear all data" → 되돌릴 수 없으므로 신중하게 사용!

📌 설정 옵션

  1. Empty cache (캐시 지우기)
    • 인기 게시물 캐시만 삭제.
    • 인기 게시물 순위가 이상하게 표시될 때 사용.
  2. Clear all data (모든 데이터 삭제)
    • 조회수 및 인기 게시물 기록을 포함한 모든 데이터를 삭제.
    • 완전 초기화할 때만 사용 (주의 필요).

추천 설정

  • “Empty cache” → 인기 게시물 순위가 이상할 때만 사용
  • “Clear all data” → 되돌릴 수 없으므로 신중하게 사용!

🎯 최적 설정 추천 (추천 세팅)

옵션추천 설정설명
썸네일 출처Featured image대표 이미지가 없으면 게시물 첫 번째 이미지 사용
Lazy LoadYes웹사이트 속도 최적화
조회수 기록 대상Everyone모든 방문자의 조회수를 기록
로그 보관 기간180일데이터베이스 부담을 줄이려면 90~180일 추천
AJAX 사용Disabled캐싱 플러그인 사용 시 충돌 방지
데이터 캐싱Enable caching빠른 성능을 위해 캐싱 활성화
캐시 갱신 주기3~6시간실시간 데이터 반영이 필요하면 1~3시간으로 조정 가능
링크 열기 방식New window방문자가 사이트에 오래 머물도록 유도
플러그인 스타일Enabled기본 스타일 유지, 필요 시 직접 CSS 적용
캐시 삭제Empty cache설정 변경 후 반영되지 않을 때 사용

WordPress Popular Posts(WPP)를 사이드바에 노출하는 방법 🔥

WordPress Popular Posts(WPP) 플러그인을 사용하면 가장 인기 있는 게시물을 사이드바에 표시할 수 있습니다.
사이드바에 인기 게시물을 표시하면 방문자가 다른 게시물도 쉽게 볼 수 있어 페이지 체류 시간 증가에 도움이 됩니다.

설치 및 설정 방법 (위젯 추가 방법)

  1. 워드프레스 관리자 패널로 이동
    [외모] → [위젯] 메뉴 클릭
  2. “WordPress Popular Posts” 위젯 추가
    • 사이드바(Sidebar) 영역을 선택
    • “WordPress Popular Posts” 위젯을 드래그 & 드롭
    • 또는 “위젯 추가” 버튼을 눌러 추가
  3. 위젯 설정 조정
    • 제목: 사이드바에 표시될 제목 입력 (예: “인기 게시물” 또는 “많이 본 글”)
    • 정렬 기준: 조회수(Views) 또는 댓글 수(Comments) 기준으로 정렬 가능
    • 기간 설정: 인기 게시물을 계산할 기간 선택 (예: 최근 7일, 최근 30일 등)
    • 표시할 게시물 개수: 기본적으로 5개~10개 추천
    • 썸네일 표시 여부: 썸네일을 표시할지 여부 선택
    • 포스트 요약 표시: 게시물 내용의 일부를 표시할지 선택
  4. 저장 후 확인
    • 설정을 마친 후 “저장” 버튼을 클릭
    • 사이트를 방문하여 사이드바에 인기 게시물이 정상적으로 표시되는지 확인

🎯 방법 2: 숏코드(Shortcode) 사용하기

위젯을 사용할 수 없는 경우, 숏코드를 활용하여 사이드바에 인기 게시물을 노출할 수 있습니다.

📌 숏코드 예시

[wpp title="인기 게시물" limit=5 order_by="views" thumbnail_width=100 thumbnail_height=100 stats_views=1]

📌 숏코드 속성 설명

  • title="인기 게시물" → 사이드바 제목
  • limit=5 → 최대 5개 게시물 표시
  • order_by="views" → 조회수 기준 정렬
  • thumbnail_width=100 thumbnail_height=100 → 썸네일 크기 조정
  • stats_views=1 → 조회수 표시 여부

숏코드 적용 방법

  • [외모] → [위젯] → “텍스트” 또는 “커스텀 HTML” 위젯 추가
  • 숏코드를 입력 후 저장

🎯 방법 3: 테마 파일에 직접 삽입 (PHP 코드 사용)

만약 테마 파일(sidebar.php 등)에 직접 코드로 추가하고 싶다면 아래 PHP 코드를 사용하세요.

📌 PHP 코드 예시

<?php
    if ( function_exists('wpp_get_mostpopular') ) {
        wpp_get_mostpopular(array(
            'limit' => 5,  // 인기 게시물 5개 표시
            'range' => 'weekly', // 최근 일주일 기준
            'thumbnail_width' => 100,
            'thumbnail_height' => 100,
            'order_by' => 'views', // 조회수 기준 정렬
            'stats_views' => 1, // 조회수 표시
        ));
    }
?>

📌 PHP 코드 적용 방법

  • 테마의 sidebar.php 또는 원하는 위치에 위 코드를 삽입
  • 코드 저장 후 사이트 확인

🎯 최적 설정 추천

설정 옵션추천 값설명
제목인기 게시물사이드바에 표시될 제목
표시 개수5~10개너무 많으면 디자인이 복잡해질 수 있음
정렬 기준조회수 (views)가장 많이 본 게시물을 기준으로 정렬
기간 설정최근 7일최근 트렌드를 반영하려면 7일 또는 30일 추천
썸네일 표시사용시각적으로 더 매력적인 리스트 생성
조회수 표시사용방문자가 어떤 게시물이 인기 있는지 알 수 있음

결론

  1. 가장 쉬운 방법위젯 사용
  2. 페이지 내 원하는 위치에 추가숏코드 사용
  3. 테마 파일 직접 수정 가능PHP 코드 삽입

위 방법을 적용하면 사이드바에 인기 게시물을 성공적으로 노출할 수 있습니다! 🚀
더 궁금한 점이 있으면 질문해주세요. 😊

Content View