スマートフォン表示の【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で調べてみたら、やっぱり表示スピードは改善されている。
関連記事
-
-
STINGER3のSNS追尾ボタンを削除
STINGER3のSNS追尾ボタン（ツイッターとかのボタン）を削除しよう。 ページに浮き上がっ
-
-
サイドバーのウィジェットをNEW ENTRYの上に移動させる
STINGER3のサイドバーはphpにNEW ENTRYが設定されていて、その下にウィジェットが設
-
-
プラグインを使わない記事一覧
プラグインなしの記事一覧をあきらめ切れなかったので、今度はこんな風にしてみた。 更新日時順
-
-
Favoriteを設置しよう
wordpressにファビコンを設置してみよう。 ファビコンはブラウザのタブに表示されるア
-
-
PAGE itiran 固定ページテンプレート (page-itiran.php)を使って全記事一覧を作る
STINGER3には「PAGE itiran 固定ページテンプレート (page-itiran
-
-
記事一覧を更新順位に並べ替えるカスタマイズ
プラグインを使わない記事一覧シリーズ。 前回のコードでは更新日順に記事一覧を並べることがで
-
-
特定のカテゴリーのカテゴリー名とカテゴリーに含まれる記事の一覧を作る
特定のカテゴリーのカテゴリー名とカテゴリーに含まれる記事の一覧を作ってみよう。 このコード
-
-
全記事一覧をカテゴリー別に表示させる2
カテゴリー別全記事一覧を作りたい。 前回参考にしたサイトさんの公開コードではうまくいかなか
-
-
STINGER3のトップページの記事表示数を変更してみよう
このブログの表示件数の設定は3記事になっている。 TOPページやアーカイブなども基本的には
