ゆめぴょんの知恵ゆめぴょんの知恵
サイト制作、WordPressカスタマイズ、無料アプリ紹介など。海外旅行135ヶ国。知識を知恵にするブログ!

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

人気者を応援する女性達

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

ゆめぴょん(@yume_pyon)です。こんちはっ!

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

【WordPress】WPtouchでスマホ対応!サムネイル表示やAnalytics設定方法【WordPress】WPtouchでスマホ対応!サムネイル表示やAnalytics設定方法

WordPressプラグイン「WPtouch」は、ブログを簡単にスマホ対応にでき…

【WordPress】WPtouchでソーシャルボタンやAdsense設置と日付表記の変更方法【WordPress】WPtouchでソーシャルボタンやAdsense設置と日付表記の変更方法

WordPressプラグイン「WPtouch」は簡単にブログをスマホ用にできるけ…

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

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

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

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

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

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

WordPress Popular Postsでカテゴリ別サムネイルつき人気記事一覧!SEO対策にもWordPress Popular Postsでカテゴリ別サムネイルつき人気記事一覧!SEO対策にも

このブログではプラグイン「Popular Post」でサムネイルつき人気記事の一…

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

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

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

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

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

WordPress Popular Postsでサムネイル画像付き人気記事一覧の表示方法WordPress Popular Postsでサムネイル画像付き人気記事一覧の表示方法53 shares

「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の例から考えるともう少し時間が経ってからだと思います。

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

【WordPress】同じカテゴリー記事一覧表示!サムネイルなしもSEO対策に【WordPress】同じカテゴリー記事一覧表示!サムネイルなしもSEO対策に

同じカテゴリー記事を一覧で表示するのはGoogleに対してのSEO対策にもなりま…

次回の記事は「ウェブ制作に役立つチップ」の予定です(^^)。更新を見逃さないためにも、 feedlyの登録をおすすめします(^^)/

ゆめぴょん(@yume_pyon)でした。ばいちゃお! こてっZzz

«前記事:【WordPress】WPtouchでソーシャルボタンやAdsense設置と日付表記の変更方法【WordPress】Multi Device Switcherでスマホテーマ自動切替!Androidタブレット対応方法も:次記事»
ページ
↑先頭
ホーム