スマートフォン表示の【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のアーカイブの記事表示数を変更してみよう
STINGER3のアーカイブの記事表示数を変更してみよう。 前に書いたとおり、このブログは
-
-
wordpress全記事一覧アレンジメント
プラグインを利用しない全記事リストのコードを少しアレンジしてみた。 STINGER3の「P
-
-
STINGER3のスマートフォン表示のパンくずリストをスタイルシートでリンクボタン化
wordpressテーマSTINGER3のスマートフォン表示のパンくずリストをスタイルシートで
-
-
カテゴリー一覧とNEW ENTRYに背景色をつけてブロック分け
wordpressテーマSTINGER3のサイドバーのカテゴリー一覧とNEW ENTRYに背景色を
-
-
フィードリーダーfeedlyの登録ボタンをブログに付けてみた
Rss（フィード）は使ってる人には便利な機能らしい。 RSSを利用するといろいろなサイトの
-
-
Windowsのメモ帳でwordpressのphpファイルを新しく作ろう
Windows付属のメモ帳はwordpressのphpファイルの作成には向いてない。 けど
-
-
サイドバーのウィジェットをNEW ENTRYの上に移動させる
STINGER3のサイドバーはphpにNEW ENTRYが設定されていて、その下にウィジェットが設
-
-
STINGER3のSNS追尾ボタンを削除
STINGER3のSNS追尾ボタン（ツイッターとかのボタン）を削除しよう。 ページに浮き上がっ
-
-
全記事一覧をカテゴリー別に表示させる2
カテゴリー別全記事一覧を作りたい。 前回参考にしたサイトさんの公開コードではうまくいかなか
-
-
全記事一覧をカテゴリー別に表示させる1
1ページにカテゴリー別に分けた全記事一覧を作ってみたいと思う。 ポイントは「ブログのすべて
