スマートフォン表示の【NEW ENTRY】のアイキャッチ画像を非表示にする
公開日：
:
wordpressカスタマイズ STINGER3, wordpress, カスタマイズ, 画像
wordpressテーマSTINGER3のスマートフォン表示のサイドバー【NEW ENTRY】をのアイキャッチ画像を削除してみよう。
画像が少なければ表示が速くなるし。
最新記事リストだけ表示するようにしても良いけど【NEW
ENTRY】は要約が表示されるので訪問者にとってはある程度内容がわかるし。
文字の大きさも大きいのでタップしやすいだろう。
スマートフォン表示で利用する関数
<?php if (is_mobile()) :?>
スマートフォンでのみ表示させたいコード
<?php endif; ?>
PC・タグレットなどで表示したい部分は以下の記述を記載する
<?php if (!is_mobile()) :?>
PCでのみ表示させたいコード
<?php endif; ?>
今回利用するのは、<?php if (!is_mobile()) :?>のほう。
スマートフォン表示の【NEW ENTRY】のアイキャッチ画像を非表示にする
1、wordpressの管理画面から【外観】⇒【テーマの編集】⇒【サイドバー
(sidebar.php)】をクリック。
2、<dl><dt>の前に以下の記述を追加。
<?php if (!is_mobile()) :?>
3、</dt><dd>の後ろに<?php endif; ?>を追加。
一部の書式が解除されるがまあこれでも良いか・・・。
GooglePageSpeed
Insightsで調べてみたら、やっぱり表示スピードは改善されている。
関連記事
-
-
画像でRSSボタンを表示させるには？
現在このブログではRSSボタンをスタイルシートで作っている。 では、画像でRSSボタンを表
-
-
wordpressのナビゲーションバーに項目を追加
wordpressのナビゲーションバーに項目を追加しよう。 タイトルやキャッチフレーズの下に追
-
-
記事のh2見出しのスタイルシートを編集してみた
サイトの表示を高速化するプラグインをいろいろ入れたら、記事内のh3などの見出しタグの装飾が崩れ
-
-
STINGER3（wordpressテーマ）のサイドバーにある検索ボックスを消そう
STINGER3（wordpressテーマ）のサイドバーにある検索ボックスを消そう。 word
-
-
STINGER3の「もっと見る」のアンカーテキストにブログタイトルを含める
STINGER3サイドバーの「もっと見る」をブログネームを含んだ文字にSEO対策をかねて変えてみよ
-
-
全記事一覧をカテゴリー別に表示させる2
カテゴリー別全記事一覧を作りたい。 前回参考にしたサイトさんの公開コードではうまくいかなか
-
-
ウィジェットを使わないコメント・メタ情報・最近の記事リスト・カテゴリーリスト・タグリスト
STINGER3のフッターに「月間アーカイブ」、「最新のコメント」、「メタ情報」を表示してみよう。
-
-
記事一覧を更新順位に並べ替えるカスタマイズ
プラグインを使わない記事一覧シリーズ。 前回のコードでは更新日順に記事一覧を並べることがで
-
-
PAGE itiran 固定ページテンプレート (page-itiran.php)を使って全記事一覧を作る
STINGER3には「PAGE itiran 固定ページテンプレート (page-itiran
-
-
プラグインを使わない記事一覧
プラグインなしの記事一覧をあきらめ切れなかったので、今度はこんな風にしてみた。 更新日時順
