スマホ用。所々で壁紙を見て欲しいので。

以前、『超小技！』で使ったclass=”sp-only”を再利用してみた。

@media screen and (min-width:480px) { 
	.sp-only{display: none}
}

home.php内の３カ所に下記コードを挿入することで、スマホ閲覧時にカード間に空白が生まれて壁紙がはっきり認識出来る。
透明のpng画像を使ったが、そのままだとスワイプ操作で画面が横ズレしてしまった。width=”100%”を指定したら解決した。

<div class="sp-only">
     <img src="<?php echo get_template_directory_uri(); ?>/img/view-bg.png" width="100%"/>
</div>