スマホサイトの画像がはみ出る!だからプラグインShadowsを使うのはやめた
Shadowsは画像に影をつけてくれるワードプレスのプラグイン。画像を美麗に引き立たせてくれる良いプラグインだったのですが、スマホサイトで画像がはみ出ることがあるので使うのをやめました。
Shadowsを使うとスマホサイトで画像がはみ出る
こちらがスマホサイトで横幅400ピクセルの画像を表示した場合。
本来の枠をはみ出して、横に伸びきっています。
プラグインShadowsを停止します。
サイトの幅に合わせて画像が縮小されました。
端末を横に傾ければ画像は拡大され、枠をはみ出すことはありません。
(もちろん影は付かなくなりました)
ポイント
・横幅が300ピクセル以下の画像なら、Shadowsの影を付けていてもほとんどの機種で問題なく表示されます。
・スマホでもPCと同じように表示させているサイトは、そのまま使用を続けても問題ないです。
スマホサイトと影の今後
昨今はスマホからのアクセスのほうが多いサイトが増えています。スマートフォン向けにサイトを最適化してあれば、Googleからのサイト評価が上がります。
そのように対策している人も多いと思いますが、賢威やプラグインwp-touchなど、マルチスクリーンが適用されるテンプレートを使っていると、画像がはみ出している可能性があるので一度確認してみましょう。
プラグインShadowsはとても簡単で綺麗に影を付けてくれてましたが、こういった理由で使うのはやめておきます。これからは画像に直接影を付けていくことにします。
Photoscapeというソフトを使えば画像に影を付けるのは簡単です。ただし、これだと画像そのものに影が付くので、画像をダウンロードしたときにも付いてきてしまいます。無い方がいいですよね。
→画像編集ソフトPhotoscapeについて
プラグインShadowsが横幅の縮小にも対応してくれれば万事解決だったのになぁ、という感じです。
Shadowsを使っても、スマホサイトの縮小に対応できる方法があればぜひ教えてくださいませm(_ _)m