フォーラムをリニューアルしました！
今後は、新フォーラムをご利用ください。
カラム2表示でスマホ表示では1列つずつに表示することは可能なのでしょうか？ < SWELLに関する質問
通知
すべてクリア
Topic starter
swell利用初心者です
いろんなサイトを閲覧して調べたのですが添付写真のようにPCでは表示して
スマホでは1列に綺麗に表示させる方法がわかりません
自分なりにカラムを利用して
PCで無栄えよく2カラム表示を利用し添付写真のように表示しているのですが
スマホ表示だと細くなってしまい綺麗に表示できません
かといって1カラムずつだとスマホでは綺麗に表示されるのですが
PCだと右側に余白が出るので綺麗なサイトには見えません
わかりにくい質問ですいません
カラムを利用しなくても上手にできる方法などもあれば教えていただけたらと思います
投稿済 : 21/08/2021 1:20 am
PCで2カラム、スマホで1カラムにしたいのかなと推測します。
SWELLのカラムブロックには「カラム設定」という独自拡張機能があり、スマホで表示する列数を設定できます。
https://swell-theme.com/function/1564/
この機能を使えばPCで2カラム、スマホで1カラムといったデザインが実現できます。
SWELLマニアというサイトを運営しています！
投稿済 : 21/08/2021 5:19 am
どういう操作をしていてどのような状況になっているのかをもう少し分かりやすく説明していただければと思います。
投稿済 : 21/08/2021 10:23 am
Topic starter
カンタさんがおっしゃっていることであっています
PCカラムスマホ表示で1カラムにしたいです
元々スウェルの利用方法などもカンタさんのリンクも拝見し
からカラムでのスマホ設定は常に1列にしています
しかしモバイルレビューで見ると二から無のまま表示されてしまうのです・・
他の設定がおかいいのでしょうか？
よろしくお願いします
投稿済 : 21/08/2021 12:29 pm
Topic starter
まだ製作中なのですが？公開した方がよろしいでしょうか？
投稿済 : 21/08/2021 1:01 pm
あ、このプレビューって編集画面上の簡易プレビューのやつですね！
これ、メディアクエリが効かないのでちゃんとしたスマホ表示にならないです！
（WordPress本体側の機能なのですが、個人的に無駄な機能だと思っています...）
投稿済 : 21/08/2021 1:32 pm
ちゃんとフロント側のプレビューを表示してからデベロッパーツールでスマホサイズの確認をしてみてください。
投稿済 : 21/08/2021 1:32 pm
Topic starter
簡易プレビューから拝見していたから反映されていなかったのですね！
ディベロッパから確認してきちんと表示されていました！！
かんたさん了さんアドバイスありがとうございました
投稿済 : 21/08/2021 1:36 pm