WordPress Popular Posts(WPP)人気記事露出プラグインの設定方法

こんにちは。WordPressのデフォルト環境では人気投稿を表示できませんが、WordPress Popular Posts(WPP)プラグインを利用すれば簡単に人気投稿を表示できます。人気投稿を表示することで、訪問者に有益な情報を提供できます。

今回の記事では、WordPress Popular Posts(WPP)プラグインの設定方法と、ウィジェットを利用した追加設定(Miscellaneous)ページについて詳しく説明します。設定項目が何を意味するのか、どの設定を選択すべきかを確認していきましょう。

WordPress Popular Posts 플러그인

🖼️ 1. Thumbnails (サムネイル設定)

人気投稿リストで使用されるサムネイル(画像)を設定する画面です。設定画面は、WordPress Popular 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 (デフォルトサムネイル)
    • 投稿にサムネイルがない場合に表示するデフォルト画像です。
    • "サムネイルを変更"ボタン: サムネイル画像を直接変更できます。
    • 「サムネイルをリセット」ボタン:デフォルト設定に初期化。
  2. 画像の選択基準
    • 人気投稿リストからどの画像をサムネイルとして使用するかを指定します。
    • First image on post (投稿内の最初の画像) → 現在選択中。
    • Featured image (代表画像) → 代表画像がある場合に推奨。
  3. サムネイル形式
    • サムネイル画像の形式を設定します。
    • webp を選択 → ウェブに最適化された画像形式(高速読み込みと高圧縮率)。
    • その他のオプション:Avif、JPEG、PNG など。
  4. 遅延読み込み
    • はい(使用) → ウェブサイトの読み込み速度を高速化するため、ユーザーがページをスクロールする際に画像が読み込まれます。
    • 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で人気投稿リストを読み込む)
    • 無効化
    • 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" → キャシングプラグインを使用する場合は無効のまま維持
  • "Data Caching" → Enableを維持(パフォーマンス向上)
  • "Refresh cache every" → 3~6時間推奨(リアルタイムデータが必要な場合はより短く)
  • "Data Sampling" → トラフィックが多いサイトでは有効化推奨

⚙️ 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. プラグインのスタイルシートを使用
    • Enabled (デフォルトスタイルを適用)
    • WPP のデフォルト CSS スタイルを使用するかどうかを決定します。
    • サイトのデザインと異なって見える場合は、Disabled(無効)に変更して、直接 CSS を適用することができます
  3. Enable experimental features (実験的機能を有効化)
    • チェック解除(無効化)。
    • 安定性のため、デフォルトでは無効化を推奨!

🗑️ 4. データ管理(キャッシュとデータの削除)

人気投稿データおよびキャッシュを削除する機能。

📌 설정 옵션

Empty cache (캐시 지우기)

인기 게시물 캐시만 삭제.

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

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

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

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

✅ 추천 설정

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

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

📌 設定オプション

  1. キャッシュを空にする
    • 人気投稿のキャッシュのみ削除。
    • 人気投稿の順位が異常な場合に使用
  2. Clear all data (すべてのデータを削除)
    • 閲覧数や人気投稿の履歴を含むすべてのデータを削除
    • 完全初期化時のみ使用(注意が必要)。

おすすめ設定

  • "Empty cache" → 人気投稿の順位が異常な場合のみ使用
  • 「Clear all data」→元に戻せないため慎重に使用!

🎯 最適設定推奨(推奨設定)

オプション推奨設定説明
サムネイルのソースFeatured image代表画像がない場合は、投稿の最初の画像を使用
遅延読み込みはいウェブサイトの速度最適化
閲覧数の記録対象全員すべての訪問者の閲覧数を記録
ログ保存期間180日データベースの負荷を軽減するには90~180日を推奨
AJAXの使用無効キャッシュプラグイン使用時の競合防止
データキャッシュキャッシュを有効にする高速パフォーマンスのためにキャッシュを有効化
キャッシュ更新周期3~6時間リアルタイムデータ反映が必要な場合は1~3時間に調整可能
リンクの開き方新しいウィンドウ訪問者がサイトに長く滞在するよう誘導
プラグインスタイル有効デフォルトスタイルを維持、必要に応じて直接CSSを適用
キャッシュの削除キャッシュを空にする設定変更後に反映されない場合に使用

WordPress Popular Posts(WPP)をサイドバーに表示する方法 🔥

WordPress Popular Posts(WPP)プラグインを使用すると、最も人気のある投稿をサイドバーに表示できます。
サイドバーに人気投稿を表示すると、訪問者が他の投稿も簡単に閲覧できるため、ページ滞在時間の増加に役立ちます。

インストールと設定方法(ウィジェット追加方法)

  1. WordPress管理パネルに移動
    [外観] → [ウィジェット]メニューをクリック
  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コード挿入

上記の方法を適用すると、サイドバーに人気投稿を成功裏に表示できます!🚀
さらに気になる点があれば、質問してください。😊

コメントする

목차