スマートフォン表示の【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のナビゲーションバー「TOP」のアンカーテキストにブログタイトルを含める
SEO対策をかねてSTINGER3タイトル下のナビゲーションバーの「TOP」にブログネームを入れて
-
-
プラグインを使わずにソースコードを表示させる方法
ソースコードを表示させるのに便利なのはプラグインの利用。 でも、プラグインには「開発や更新
-
-
WordPressテーマGush2のTOPページアーカイブページに要約を表示する
Wordpressの無料テンプレート（テーマ）Gush2はすっきりしたデザインで管理人の好みの
-
-
STINGER3のアーカイブの記事表示数を変更してみよう
STINGER3のアーカイブの記事表示数を変更してみよう。 前に書いたとおり、このブログは
-
-
カテゴリー一覧の親カテゴリーの文字サイズを変更する
サイドバーのPC表示の親カテゴリーのみフォントサイズを大きくした。 使っているテーマはSTIN
-
-
表示設定の設定記事数を超えてもカテゴリー別全記事一覧が表示されるコード
表示設定の設定記事数を超えてもカテゴリー別全記事一覧が表示されるコードを発見。 コードその
-
-
wordpress全記事一覧アレンジメント
プラグインを利用しない全記事リストのコードを少しアレンジしてみた。 STINGER3の「P
-
-
ウィジェットを使わないコメント・メタ情報・最近の記事リスト・カテゴリーリスト・タグリスト
STINGER3のフッターに「月間アーカイブ」、「最新のコメント」、「メタ情報」を表示してみよう。
