wordpressテーマSTINGER3のスマートフォン表示の【NEW ENTRY】のアイキャッチ画像を非表示にする

 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で調べてみたら、やっぱり表示スピードは改善されている。

 PC表示のTOPページのアイキャッチ画像も削除してしまっても良いかもしれない。

おすすめ記事

コメントを残す




*

日本語が含まれない投稿は無視されますのでご注意ください。(スパム対策)

関連記事

FC2ブログテンプレートの文字の大きさを変えてみよう
シーサーブログユーザーはスマートフォンでもPCサイトを表示させよう
色コードの収得に便利な無料ソフト・ウェブカラークリエイター
Googleカスタム検索のメリットとデメリットをWordPress標準検索と比べてみよう
WordPress4.0、「ウインドウの高さに合わせてエディターを広げる」機能のON・OFF
WordPressリビジョンを制御するプラグインRevision Controlの使い方
WordPressにFC2ブログの画像を取り込む
FC2ブログの有料プラント有料レンタルサーバー比較
FC2ブログのdescriptionカスタマイズ・記事内容の要約を検索結果に表示して検索ユーザーに記事内容をアピールする
GoogleAdsenseのはじめ方・まずは登録用のサイトを作ることから始めよう
人気のフィード(RSS)リーダーfeedlyを設置してみた
<!--more-->、<!--/more-->、<!--more_link-->、<!--/more_link-->の前後に広告や文字を入れるとどうなる?
Google のアカウントをもらおう
プラグインPS Disable Auto  FormattingをFC2の記事をWordPressに取り込む前に導入しておかないと
ブログのタイトルのSEO対策検索結果の順位を上げよう

Menu

HOME

 TOP