PCとスマホで背景画像を切り替え

PCとスマホで異なる背景画像をCSSで表示させたいときに使える。

ただし、PC用とスマホ用のセクションを２つ作るなどやり方は他にもある。

ここではあくまでCSSで実現する方法を記載。

PC用の背景画像

背景画像を入れたいブロックにクラス指定したうえで、上記コードに表示させたい画像URLを張り付ければOk。
サイズは適宜調整。

※注意
テーマの方で背景（バックグラウンド）を指定すると、そっちが最優先されてCSSの画像が表示されない。
そのため、テーマでは背景画像を指定しないこと。

スマホ用の背景画像

やり方はPC同様。