カラムの中には内部セクションを

カラムの内側でさらに枠がほしい時は、内部セクション

セクションは縦にブロックを付け足していくように、カラムは縦に区切る枠です。
カラムの内部で区切りを作るには、「内部セクション」を使用します。

例えば、会社概要や募集要項のセクションでは、セクションを2カラムに分け、さらにそのカラムの中に内部セクションを設置し、内部セクションの中のカラムを調整し、情報を表にしてわかりやすく掲載します。

この場合は、一番外側から1セクション、2カラム構成で、右カラムの中に内部セクションを項目数分設置しています。

内部セクションはカラムの中のセクションのように、内部セクションを入れるとセットでカラムが中に入っています。
この内部セクションを使うとデータ表や曜日の週間スケジュールも可能です。

また、一見表に見えないようなレイアウトでも、内部セクションを使用することも多いです。

便利な内部セクションですが注意点もあります。

内部セクションを同じページに多すぎる数を設置するとページローディングに時間がかかるようになるようです。また、カラムは一つのセクション、内部セクションの中に10個までしか並べることができないので注意です。

 


次回:ウィジェットの基本

recent post

スマホで見ると文字がデカい!を解決するレスポンシブなフォントサイズ調整(px・rem・vwの違い)

超簡単!サイト全体に「トップへ戻るボタン」を設置するScroll to Top機能(※HappyAddons)

画像を好きな形に切り抜く「マスク機能」の使い方

謎のすき間の正体は?ウィジェットスペースとカラムギャップ設定の使い分け

「背景オーバーレイ」で画像上の文字の可読性を上げる方法

Making Design Make Sense.
デザインを、感覚から理解へ。
© Design Decode. 901