セクション 3カラムのレイアウトが崩れ...
 
通知
すべてクリア

[解決済] セクション 3カラムのレイアウトが崩れる

3 投稿
2 ユーザー
1 Reactions
266 表示
(@ashiyaimonoyo)
投稿: 14
Eminent Member
トピックスターター
 

初心者です。

セクション 3カラムのレイアウトで
カスタマイザーでは均等に表示されているのですが
プレビューだと3つ目の画像だけが大きくなり
レイアウトが崩れてしまいます。

設定ミスだと思うのですが
ご確認よろしくお願いいたします。

Xwriteバージョン
3.0.10.1
WordPressバージョン
6.8.3
PHPバージョン
8.4.12
ガイドラインへの同意
フォーラムガイドライン」に同意します。
個人情報の記載に関する確認
個人情報の記載がないことを確認しました。

 
投稿済 : 2025年10月23日 5:06 PM
(@ashiyaimonoyo)
投稿: 14
Eminent Member
トピックスターター
 

お世話になります。
画像のアスペクト比と
幅・高さの設定に相違があった事が原因でした。
設定を整理したら改善しました。
ありがとうございました。


 
投稿済 : 2025年10月27日 6:30 AM
hamada(XWRITE開発)
(@hamada)
投稿: 281
Reputable Member Moderator
 

@ashiyaimonoyo さま

返答が遅くなってしまい申し訳ございません。
自己解決されたとのことで安心いたしました。

今後他の方も同様に困られることがあるかもしれませんので
こちらで設定方法をご紹介させていただきます。

アスペクト比を設定して各画像の幅を合わせていただくと
きれいに並べることができるかと思います。

■3つの画像を正方形で均等に並べる方法(添付画像1)
1.カラムブロックを選択し、カラムの数を3つに分ける
2.画像ブロックを挿入し、アスペクト比を「正方形 - 1:1」に設定する
3.お好みのサイズの幅で設定する(このとき高さは入力しない)

■モバイルサイズ時に折り返したときに中央揃えにする方法(添付画像2)
1.画像ブロックを選択肢、「配置」を「中央揃え」に設定する

 

こちらのトピックはクローズとさせていただきます。
またお気軽にフォーラムをご利用いただけますと幸いです。

 


この投稿は1か月前 3回ずつhamada(XWRITE開発)に変更されました
 
投稿済 : 2025年10月27日 5:51 PM
共有: