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

ウェブサイト・ブログ作成

2014.07.292014.11.09

この記事は約2分で読めます。

　wordpressテーマSTINGER3のスマートフォン表示のサイドバー【NEW ENTRY】をのアイキャッチ画像を削除することにした。

　画像が少なければ表示が速くなる。

　最新記事リストだけ表示するようにしても良い。

　でも【NEW ENTRY】は要約が表示されるので訪問者にとってはある程度内容がわかるし文字の大きさも大きいのでタップしやすいだろう。

　だいたい、問題は見た目より中身だと思うし。

スマートフォン表示で利用する関数

<?php if (is_mobile()) :?>
　スマートフォンでのみ表示させたいコード
<?php endif; ?>

　PC・タグレットなどで表示したい部分は以下の記述を記載する

<?php if (!is_mobile()) :?>
　 PCでのみ表示させたいコード
<?php endif; ?>

　今回利用するのは、<?php if (!is_mobile()) :?>のほう。

1、wordpressの管理画面から【外観】⇒【テーマの編集】⇒【サイドバー (sidebar.php)】をクリック。

2、<dl><dt>の前に以下の記述を追加。

<?php if (!is_mobile()) :?>

3、</dt><dd>の後ろに<?php endif; ?>を追加。

　一部の書式が解除されるがまあこれでも良いか・・・。

　GooglePageSpeed Insightsで調べてみたら、やっぱり表示スピードは改善されている。

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