スマートフォン表示の【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で調べてみたら、やっぱり表示スピードは改善されている。
関連記事
-
-
WordPressテーマPrincipleのサイト幅とアイキャッチ画像の大きさを変える
PrincipleというWordPressのテンプレートを使い始めた。 Principle
-
-
スマートフォン表示でTOPページのアイキャッチ画像を表示させないようにする
STINGER3のスマートフォン表示のTOP画面のアイキャッチ画像を表示させないようにしてみる。
-
-
wordpress全記事一覧アレンジメント
プラグインを利用しない全記事リストのコードを少しアレンジしてみた。 STINGER3の「P
-
-
全記事一覧をカテゴリー別に表示させる1
1ページにカテゴリー別に分けた全記事一覧を作ってみたいと思う。 ポイントは「ブログのすべて
-
-
STINGER3サイドバーのリンクボタン化
スマートフォンでのカテゴリー一覧のをリンクボタン化してタップしやすくしよう。 STINGER3
-
-
カテゴリーを一覧表示するページを作ろう
WordPressのカテゴリー一覧を表示するページを作ってみよう。 以前のWindowsの
-
-
STINGER3のトップページやアーカイブ（カテゴリ・タグ・月別）の1記事表示文字数を変える
STINGER3のトップページやアーカイブ（カテゴリ・タグ・月別）はデフォルトでは要約が表示される
-
-
全記事一覧をカテゴリー別に表示させる2
カテゴリー別全記事一覧を作りたい。 前回参考にしたサイトさんの公開コードではうまくいかなか
-
-
記事一覧を更新順位に並べ替えるカスタマイズ
プラグインを使わない記事一覧シリーズ。 前回のコードでは更新日順に記事一覧を並べることがで
