【WordPress】WPtouchとPopularPostsでスマホにサムネイル付のカテゴリー別人気記事を表示

人気者を応援する女性達 WordPressプラグイン

人気者を応援する女性達

WordPressプラグイン「WPtouch」でブログを簡単にスマホ対応した後は、PC版と同じようにカスタマイズを楽しんでいます。今回は記事の下にカテゴリー別の人気記事の一覧を表示する方法についてです。

ゆめぴょんです。こんちはっ(^^)/

プラグインWPtouchについては、導入からサムネイル画像表示やソーシャルボタン設置まで、下の2記事を読めばわかるように書いています。参考にしてみてください。iPhone、Android対応です。

ブログに関連する人気記事を表示するメリット

このブログでも何度か書いてきましたが、大きく次の2つのメリットがあると思っています。

  1. 訪問者の利便性の向上。関心ある記事を続けて探せる
  2. SEO対策。関連する記事(内部リンク)のGoogleへのアピール

私自身が他のブログを検索で見つけた時も、必ず新着や人気記事はチェックしているし、そこでもっと探したかった記事を見つけることも多いです。

また関連記事を表示することは、良質の内部リンクならGoogleにも評価されて、検索結果に表示されやすくなるというメリットもあります。

PC版に設置する時は下の記事が参考になるかも知れません。人気記事を表示するだけだと必ずしも「関連記事」になりません。しかしカテゴリー別の人気記事なら十分に関連記事です。

人気記事一覧表示プラグイン「Popular Posts」の特徴とインストール

まずはWordPressプラグイン「Popular Posts」をインストールします。すでにインストールしている方は、次の段階へ進んでください。

「WordPress Popular Posts」プラグインの特徴は、ページビュー数の多い記事の順番に表示してくれます。もちろんほぼリアルタイムに更新されます。

WordPress管理画面の左メニュー「プラグイン」の「新規追加」から「WordPress Popular Posts」を検索。インストール後に有効化するのを忘れずに!

いくつか設定項目があるけど、それほど難しくはありません。下の記事を参考にやってみてください。

WPtouchのスマホ用画面に人気記事一覧を表示する方法

WPtouchに人気記事一覧を表示

表示する人気記事一覧の設定について

今回設置する人気記事一覧は次のような設定にしています。必要に応じて変更してください。

  • 現在表示されているメインカテゴリーと同じ人気記事を表示
  • 現在表示されている記事は除く
  • サムネイル画像つき。サイズは60×60(簡単に変更可)
  • 24時間以内のページビュー数の順番で表示(簡単に変更可)
  • 10件の記事を表示(簡単に変更可)

テーマファイルの編集方法

ここから先はWPtouchのテーマファイルを編集しますので、必ず事前にバックアップは作成しておいてください。そうしないとエラーが発生した時に元に戻せなくなってしまいます。

また編集後のテーマファイルもプラグインのバージョンアップ時に上書きされる可能性があるのでコピーを作成してください。作業はすべて自己責任でお願いします。

WPtouchのテーマファイルはWordPress管理フォルダ内の「/wp-content/plugins/wptouch/themes/default/」の中にあります。今回は個別記事のみに表示するので「single.php」を編集します。

具体的には記事本文を表示している箇所「<?php the_content(); ?>」を検索して、そのすぐ下に次のソースコードをコピペすればOKです。もちろん場所はあなたの好みでいいです。私はソーシャルボタンの下に設置しました。

カスタマイズ方法

「★関連ある人気記事も…」の文言や、タグなどは自由に変更してください。スタイルシートの設置方法がわかる方は、CSS部分は「style.css」にまとめてもいいと思います。デザインもお好みで。

「24時間以内」ではなく「1週間」以内の人気記事にしたい場合は、「daily」を「weekly」に変更してください。

記事数を10件から変えたい場合は、「limit=10」の「10」を好きな数字に変更してください。

サムネイル画像のサイズは「thumbnail_width=60&thumbnail_height=60」の「60」を変更すればOKです。

まとめ:今日のゆめぴょんの知恵

人気記事の一覧を表示しただけで、気のせいか記事がにぎやかになった気がします。実際に訪問別PVが増えてくるのは、PCの例から考えるともう少し時間が経ってからだと思います。

サムネイルのないシンプルな人気記事一覧を表示したい場合は、下の記事を参考にしてみてください。


ゆめぴょんでした。ちゃおっ!

タイトルとURLをコピーしました