[ 解決済 ] グリッドカラムカードのレスポンシブについて
[ 解決済 ] グリッドカラムカードのレスポンシブについて
- このトピックには7件の返信、2人の参加者があり、最後に
により1年、 4ヶ月前に更新されました。
-
投稿
-
■ WordPress のバージョン
6.6.2■ テーマ・プラグインは全て最新版で確認してください。
確認しました。■ テーマの種類
Lightning ( G3 ) + Lightning G3 Pro Unit■ テーマのバージョン
15.26.4（Lightning Childバージョン: 0.5.1）■ Pro Unit のバージョン
0.27.1■ スキンの種類
Origin III■ 期待する動作
グリッドカラムカードを4列連続で使用すると、
タブレットサイズ内のある範囲では、
2個1個2個1個…と交互になってしまうため、
3個（PC～タブレット）か1個（タブレット～モバイル）の
どちらかで切り替わるようにしたい。または、4個並び（PC）にして、2個（タブレット）1個（モバイル）にしたい。
■ 自分で試した事
カラム幅設定欄で、単位を％にして、数字をいろいろ試してみたのですが、うまく指定ができませんでした。■ 症状が発生するブラウザ
chrome、edge■ 実際の症状
グリッドカラムカードを使用して、全部で11カラムの項目を作りたいです（3×4、1つ削除）。グリッドカラムカードを4列連続で使用すると、
中間のタブレットサイズの範囲内で、2個と1個の2列に分かれてしまうポイントがあります。その範囲では、2個1個2個1個…と交互になってしまうため、
3個（PC～タブレット）か1個（タブレット～モバイル）のどちらかで切り替わるようにしたいのですが、
指示の出し方が分かりません。カラム幅設定欄に
「タブレットまたはPCの最小列サイズを％で指定すると、画面サイズに応じて上下の行の列数を揃えやすくなります。」
と記載があるので、単位を％にして、数字をいろいろ試してみたのですが、うまく指定ができませんでした。できれば、タブレットサイズでは2個2個2個…と並べられると良いのですが、
難しければ、3個並びか1個だけかのどちらかで表示されるような指示の方法を教えていただけると有難いです。ーーーーーーーーーーーーーーーーーーーー
※2023.4.20の「[ 解決済 ] VK Blocks Pro サービスの流れ （グリッドカラムカード）カードの位置レイアウト変更」を参照しました。こちらの質問によると、グリッドカラムカードは、デフォルトの3個並び（PCの時）以外にも増やせるのでしょうか？
うなこ様の添付資料を見て、画像の通りの数字にしてみたり、数字を変えてみたりしたのですが、カラム数を増やすこともできず、調整できませんでした。
横に4カラム並べることが出来るとしたら、タブレットでは2個ずつカラム落ちし、モバイルでは1個になる、という指示もできるのでしょうか。
ご教示いただけると幸いです。
> タブレットサイズ内のある範囲では、
> 2個1個2個1個…と交互になってしまうため、一つのグリッドカラムブロックの中のグリッドカラムアイテムブロックを増やしていれば通常そうはならないので、グリッドカラムブロック（親ブロック）を複数配置していませんか？
いずれにせと文面だと現状どういう状態で、どういう状態にしたいのかわからないので、
該当URL（またはテストサイトなどに同じ症状を再現させたURL）やスクリーンショットなどがあると回答しやすいです。石川様
ご返信ありがとうございます。
スクリーンショットを添付しました。
これはグリッドカラムカードブロックをコピペ（2回）しただけの状態です。
親カラムを作って中に入れているのではなく、そのまま「＋」で段落を出してペーストしています。幅の指定をしないままだと、
タブレットサイズが2個1個の繰り返しになってしまう状態です。２つ目のグリッドカラムブロックの中のグリッドカラムアイテムブロックを
１つ目のグリッドカラムブロックの中に移動してみてください。
２つ目のグリッドカラムブロックの中身は空になったら削除してかまいません。
- このトピックに返信するにはログインが必要です。
