画像と文章のレイアウトについて
NIshiki Proのカラム・パターンで画像と文章を挿入しています。
しかし、デスクトップ画面で編集したレイアウトをタブレットやスマホ画面に切り替えるとレイアウトが崩れます。
崩れないようにするためにはどうすればよろしいでしょうか？
できれば、デスクトップ、タブレット、スマホのどのガジェットでも綺麗にレイアウトが表示されるようにしたいです。
5 Replies
それとも最も画面が小さいスマホを基準にレイアウトした方がいいのでしょうか？
状況がちょっと把握しづらいのでコメントが難しいのですが、画像の大小でレイアウトが崩れる場合、なんとなくですが画像の「幅広」とか「全画面」とかの組み合わせが混じってるとなりそうですね。
また、どのテーマでもそうなのかわからないのですが、WPの編集画面のガジェット切り替えはあまりアテにしない方が良いような気がします。（あくまで簡易的な確認用？）
なので意外と本番環境では意図しているレイアウトになってるかもしれません！
もしそうでなかった場合、状況が把握できるようスクショとかあるとなんとかできるかもしれないです🤔
@suzuki さん、そうですねこのご相談の場合、今どんな設定・レイアウトになっていて、本当はどうしたいのかがわからないとお答えが難しいです。
また、THKRさんもおっしゃるように、WordPressの編集画面にある右上の「デスクトップ」「タブレット」「モバイル」で切り替えても正しく表示されないことが多いです。
ここ（画像添付します）を使ってレイアウトが崩れていた場合は気になさらなくて大丈夫です。ここは使わず、ブラウザで横幅を狭めたり、または実際にスマホやタブレットで表示するなどして確認してみてください。
ここを使っているのではない場合、状況がわかるように編集画面と、レイアウトが崩れてしまった状態のスクショを添付して詳しくお知らせください。