• このエントリーをはてなブックマークに追加

【超簡単!】「モバイルサイトにカテゴリー別人気記事を表示する方法」を探してみた!

  • このエントリーをはてなブックマークに追加
  • このエントリーをはてなブックマークに追加

wordpress-logo-notext-rgb

モバイルサイトに手を加えようと思ったきっかけは、ここ数か月でメインブログの閲覧者数の7割がスマホまたはタブレットということが判明したから。

PCデザインをガチャガチャいじるのは好きで色々やっていたんですが、労力をかけても3割の閲覧者しかそのデザインを見ないという事態に!

タブレットはまだしも、スマホで閲覧する場合には完全にPCデザインはないですからね・・・。

▼スポンサーリンク

■4つのブログでお試し中!

とりあえず、こんな時こそ複数ブログやっているメリットの1つ「いくつか検証できる!」ということで、下記の内容でお試し中です。

  1. 本ブログは「レスポンシブデザイン+WPtouch(旧バージョン)」
  2. メインブログは「普通のPCサイト+WPtouch(旧バージョン)」
  3. カメラブログは「レスポンシブデザイン+WPtouch(新)」
  4. チョコブログは「普通のPCサイト(モバイルもPCサイトを表示)」

それぞれPVやUUは全然違うんですが、各サイトで何か傾向が見えるといいなぁと思っています。(もちろん各サイトの旧デザインとの検証もしないと)

■必要なプラグンは「Wordpress Popular Posts 」

さて本題の「モバイルサイトにカテゴリー別人気記事を表示する方法」についてですが、「Wordpress Popular Posts 」というプラグインを使います。

このプラグインは、ウィジェットや任意の場所に人気記事を表示してくれるとても便利なプラグインです。

もともとこのプラグインでウィジェットに人気記事を表示させていましたし、任意の場所に「<?php wpp_get_mostpopular(); ?>」という1行をコピペすることでランキングを出せることは知っていたのですが、殺風景だしカスタマイズ必須だったわけですよ・・・。

「私にはそのカスタマイズはできない!」ということで、モバイルサイトについては放置していました。

ちなみに、その1行をコピペした結果が下のキャプチャ(メインブログ)。

私のメインブログの設定の問題だとは思うんですが、微妙に右端が画面から切れてしまう・・・。左側にあんなに余白あるのにね。

で、その微調整をする知識もなく断念。

WordPress Popular Posts2

■カテゴリごとの人気記事をサムネイル付きで?!

今回参考にさせていただいた記事がこちら。設定の詳細など細かく書かれているの、ご参考までに。

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

http://wispyon.com/wptouch-popular-posts/

「ソースコードをコピペすればOKです。」と書かれていたので、私のブログにもさっそくコピペさせていただきました!しかも下記の内容で設定されているそうで、見た目も良すぎる・・・!とても助かりました。

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

記事の表示数や文言は少々変えていますが、こんな風に変わりました。

人気記事の表示だけでも嬉しいのに、今開いている記事と同じカテゴリの人気記事を出してくれるという機能。手に職ってすごいな・・・。

WordPress Popular Posts

今までは、記事の文章の中で「関連記事」や「カテゴリ」の紹介をしていましたが、これで少しでも回遊率があがればいいなぁと思います!

スポンサーリンク
  • このエントリーをはてなブックマークに追加
スポンサーリンク

コメント

  1. 伏兵君 より:

    こんにちわ伏兵君といいます。
    こちらのサイト参考にさせていただきました。
    一つお聞きしたいのですが

    >24時間以内のページビュー数の順番で表示(簡単に変更可)

    これを累積(永久)でカウントさせるにはどう変更すればいいのでしょうか??
    教えて頂けると助かります。

コメントをどうぞ

メールアドレスが公開されることはありません。