【WordPress】Simplicityで「モバイル表示の新着記事数をPCと変える」事にチャレンジ!「function.php」で「is_mobile」をいじったらできたぜ!

https://farm6.static.flickr.com/5762/20919637280_707214c8c3.jpg

こんにちは。WordPress初心者の部長ナビ(@nabi_1080)です。日々カスタマイズ頑張っております!

別記事でもアップした通り、GoogleAnalyticsのリアルタイムサマリーを見て、「モバイルアクセスがスゲー多い」と言う事が分かりました

部長ナビのページ

メッチャ多いです

で、iPhoneで自分のブログを見るってことはあまりなかったんですけど、色々見てみて、あることに気付きました

ウチのブログのモバイルアクセスの問題

わかったのは「新着記事数が20だと、モバイルは多すぎる」ということです

自分で見ていて、下の行くのが大変だと感じました。新着記事は、常連さんにとっては、パッと見て5記事くらいあればたぶん良いので、PC表示は20でもマウス使えば問題無いし、アクセスランキングが横に出るので(タブレットもパソコン表示なので、アクセスランキングは横に出る)特に問題はありませんでしたが、モバイルは違います。新着記事を下まで行かないと、アクセスランキングまで行けないので、コレが地味にストレスと言うことがよくわかりました

で、色々聞いてみたらやはりひこPから、「人気記事アクセスランキングまで遠いッス」って言われたので、あー、やっぱりそうかと思って、何とかカスタマイズを試みました

wp_is_mobileというものをブチ込むと良いみたいだが、タブレットもどうやらモバイルになるらしい

調べると、こんなサイトを見つけました

WordPressの一覧に表示する記事数をPCとスマホで変える | work.log

なるほど。コレを、「function.php」にブチ込めば行けるのか・・・。

でも、タブレットの表示が色々微妙だという意見もあり、ウームと思って見ていたらまた、発見しました

ウチのブログで使っているテーマ「Simplicity」は専用の「is_mobile」という関数を使って、モバイル表示をコントロールしているらしい
Simplicity1.5.7公開。タブレットはPCと同等表示に仕様変更。
Simplicityを1.5.7 20150312にバージョンアップしました。 今回の主な変更点は以下。 タブレットはデフォルトでPCと同じ表示にした タブレットをモバイル表示する機能も追加 PCではレスポンシブ表示しない機能追加(

サイトによると、

「Simplicityでは、これまでwp_is_mobile()というWordpressデフォルトのモバイル判定関数を利用していたのですが、is_mobile()という独自のモバイル版関数を作り、スマホのみをモバイルとするように仕様変更してみました。」

だそうです。

要するに、もう、「is_mobile」という関数があるので、ひょっとしてと思っていじってブチ込んでみました

実際にブチ込んだコード

次のコードを実際にブチ込みました。と言っても、Simplicity用に「wp_is_mobile」を「is_mobile」に変えただけですけど・・・

function mobile_pre_get_posts( $query ) {
    if ( ! is_admin() && is_mobile() && $query->is_main_query() ) {
        $query->set( 'posts_per_page', 10 );
    }
}
add_action( 'pre_get_posts', 'mobile_pre_get_posts' );

これです。上のサイトを参考にさせていただきながら、Simplicity用にいじってみました。

んで、言われた通り、「Simplicityの親テーマ」でfunction.phpを探し、一番下に、コイツをそのまま貼り付けてみました

iPhoneで確認した!

確認すると、何と10記事表示になってる!スゲー!俺、正解だった!

で、iPad Air 2でも確認!ちゃんと20記事表示のPC表示になってる!バッチリや!

スマホだけ、「新着記事10記事+アクセスランキング」になった!スゲー!

やればできる!俺、頑張った!プログラムできないけど、頑張った!

と言うわけでSimplicityで「スマホだけ10記事表示したい」という方は参考にしてください。

一発です。ビビります。失禁ものです。

ひこPにも「スゲー「人気記事」にアクセスがしやすくなりました!」って言われました!よし!

よって、今後は、PC表示は今まで通り「20記事表示」でいきます。gori.meさんと同じですね。

で、スマホだけ10記事表示になりますので、人気記事アクセスランキングに行きやすくなります。

ぜひ、モバイルからもたくさんのご訪問、お待ちしております!

スポンサーリンク

この記事をシェアする!

この記事が気に入ったら
いいね!しよう

最新情報をお届けします

この記事の関連カテゴリ

サイト内検索