モバイルでアイキャッチ画像や記事サムネイルを非表示にする方法

お洒落なアイキャッチ画像やサムネイル付きタイトルのリストなどは見栄えもよく、訪問者の興味を引きますが、モバイルでは逆に読み込みを遅延し、うざいと嫌われる原因になります。(サムネイル画像の大半は自己満足)

wp_is_mobile() を使った条件分岐タグを使えば、モバイルでは、アイキャッチ画像を非表示にしたり、サムネイル付き記事一覧を単純なテキストリンクに置き換えることができますので、モバイルの表示スピードを速めたい方はぜひお試し下さい。

is_mobile 条件タグの使い方は、こちらに詳しい解説があります。

表示の切り替えを有効にするには、下記サイトで紹介されている function is_mobile() をfunctions.php に付け加えるだけ。非常に簡単です。

https://ruuski.net/web/how-smartphone-friendly-function-is_mobile-works/

モバイルでアイキャッチ画像を非表示にする

お使いのテーマ・テンプレートで、アイキャッチ画像を表示しているテンプレート・タグを探します。

たいてい、single.php や content.php に記載されています。

私が使っているテーマ・テンプレートの一例。

the_post_thumbnail でアイキャッチ画像を呼び出しています。

モバイル アイキャッチ画像 非表示

これを is_mobile タグで条件分岐します。

<?php if ( wp_is_mobile() ) : ?>	
モバイルに表示する要素
<?php else: ?>  
PCに表示する要素
<?php endif; ?>

応用の一例。モバイルには何も表示しないので、空白のまま、行を詰めておけばOK。
テストの際は、簡単に文字など入れて、サムネイル画像と置き換わるか、実験してみるといいですよ。

モバイル アイキャッチ画像 非表示

サムネイル付き関連記事のリストを非表示

これも同じ要領です。

PCの場合、中サイズのサムネイル付き関連記事のリストがボックス表示されますが、モバイルだと遅延の原因になるので、いさぎよく非表示にします。

こちらはテーマ・テンプレート独自の「サムネイル付き関連記事ボックス」を、is_mobile では読み込まないように設定しています。

モバイル 関連記事 非表示

代わりに、シンプルなテキストリンクを記事後方に自動表示しています。

関連記事を表出するプラグインもいろいろありますが、これが一番軽量で、精度も高いです。

Related Posts by Taxonomy

他にも、モバイル専用のサイドバーを作成して、PCとモバイルで表示する要素を切り替える方法もあります。

圧縮やキャッシュで軽量化する方法もありますが、表示する要素を最小限にとどめるのが一番効果がありますので、興味のある方はトライして下さい。

モバイルでサイドバーの表示を切り替える方法

QUOTE CARD

  • どんな高邁な理想も、言葉だけでは人は動かせない。 身をもって示して初めて、理想が理想としての意味をもつ。 その後、彼は死ぬまで父を忘れず、その生き様を指針にするわけだが、愛とは何かと問われたら、慈しむだけが全てではない。身をもって生き様を示す勇気も至上のものだろう。 誰でも犠牲は怖い。  自分だけ馬鹿正直をして、損したくない気持ちは皆同じだ。  だが、その結果、一番側で見ている子供はどうなるか、いわずもがなだろう。  言行の伴わない親を持つほど不幸なことはない。  たとえ現世で馬鹿正直と言われても、本物の勇気、本物の優しさ、本物の気高さを間近に見ることができた子供は幸いである。 どんな高邁な理想も、言葉だけでは人は動かせない。 身をもって示して初めて、理想が理想としての意味をもつ。...
  • 「創造的」というのは詩を書いたり、絵を描いたり、という意味ではありません。無の平原から意味のある何かを立ち上げることです。 より良く生きる為に、日々、考えること、実行すること、その全てが『創造』です。 どんなに小さくても、昨日よりは今日、今日よりは明日、少しずつでも歩みを進め、善きものを積み上げることを「創造的な生き方」と言います。 「創造的」というのは詩を書いたり、絵を描いたり、という意味ではありません。無の平原から意味のある何かを立ち上げることです。 より良く生きる為に、日々、考えること、実行すること、その全てが『創造』です。...
Morgenrood 曙光

Kindle Unlimited

宇宙文明の根幹を成すレアメタルをめぐる企業の攻防と人間の生き様を描いた本格的な海洋ロマン。専門用語は使わず、予備知識のない人でも分かりやすい内容に仕上がっています。無料PDFも配布中。Kindle Unlimited 読み放題の分冊もリリース。

この記事を書いた人

石田 朋子

文芸愛好家&サブカルチャー・ファン。主に70年代~90年代の作品に思い入れがあります。寺山修司の名言『詩を作るより、田を作れ(揶揄)』をモットーに、好きな作品を次代に伝えることを目標にしています。海外在住につき、現代日本とは相容れない所がありますがご容赦ください。
※ 現在、制作巣ごもり中につき、ほとんど更新していません。