カテゴリー
エッジプラス1テンプレートの質問

E004 スマホで見たときの画像サイズ

ご利用のテンプレート:E004
ご利用のサーバー:エックスサーバー
お客様のスキル:「WordPressは2サイト目」「HTML・CSSくらいなら初心者だが多少編集できる」
ご質問内容:

お世話になっております。

スマホで見たときの画像サイズについての質問です。

記事内へ入れた素材のサイズですが、スマホで見ると正方形になってしまいます。

殆どは、タテよりヨコが少し長いサイズの素材を使用しております。
スマホで見ると正方形になり写真が縦長になってしまいます。(サイズのみ正方形)

エッジプラス1は、レスポンシブデザイン対応とありますが、
プラグインを入れたり、CSSへ書き込みなど記事内の素材は別途自分で対応が必要なのでしょうか。

よろしくお願いいたします。

「E004 スマホで見たときの画像サイズ」への2件の返信

お世話になっております。

レスポンシブになっていますので、
画像のレスポンシブ対応もしています。
本来なら何もせず投稿するだけで画像もレスポンシブに対応するはずです。

デモ → http://edgeplus1template.space/e004_demo/?p=114

puri様がサイトを作る工程で何をされたかまではわかりませんが、
cssをカスタマイズしたのであれば、cssの記述ミスがあるか、
画像系のプラグインを入れている場合はそれが影響していないかなどを
お考えになってみてください。

弊社サイトのよくある質問などにもちょっとしたアドバイスや参考などがありますので、
そちらもあわせてお読みください。

あと、原因がわからず早急に画像の大きさなどを調整したい場合は、
投稿画面の記事本文の部分で「ビジュアル」から「テキスト」に変更すると、
HTMLモードに切り替わります。
HTMLモードにすれば画像のソースコードがでてくると思いますので、
そこでサイズの調整を行ってください。

たとえば「height=”500″」になっているところを「height=”auto”」にすれば
縦サイズは画面サイズに合わせてオートになります。
(※本来ならこのような設定をしなくてもレスポンシブになります)

よろしくお願いします。

管理人様

お世話になっております。

cssはメッセージboxの文字サイズ変更をしたのみで、プラグインは今の時点では以下のものしか入れていないため、何が原因なのかは今のところわかりません。

新しいサイトへE004をインストールしていたため、そちらで試しましたが、やはり画像はレスポンジブ対応になりませんでした。

取り急ぎ、ご教示いただいたautoで調整できましたので、こちらを利用することにいたします。

All In One SEO Pack
BackWPup
PS Auto Sitemap
Intuitive Custom Post Order
TinyMCE Advanced

ご教示いただき助かりました。
どうもありがとうございました。

コメントを残す