左右のカラムを持つレイアウトセットです。
固定ページには欠かせないレイアウトと思います。
設定項目が多く、少しわかりにくい部分もありますが、「グシャ」っと崩れることは多分ないので色々試していただきたいセットです。
ページレイアウト集2カラムセット
optionblock samplesample 2column set
標準的な設定
もっとも標準的な設定です。
標準状態で左側に位置する内容です。
左右の幅は1：1に設定されます。
また、左右の間隔は任意に設定できます。
標準状態で右側に位置する内容です。
スマートフォン等では左右⇒上下になります。
行ごとに左右貫通のタイトルエリアを設置できます。⇒⇒⇒⇒⇒⇒⇒⇒⇒⇒⇒⇒⇒⇒⇒⇒⇒⇒⇒⇒⇒⇒⇒⇒⇒⇒
標準状態で左側に位置する内容です。
左右の幅は1：1に設定されます。
また、左右の間隔は任意に設定できます。
標準状態で右側に位置する内容です。
スマートフォン等では左右⇒上下になります。
セットのあとがき
互い違いの設定
- 左右・右左
- 右左・左右
- 右左・右左
の3パターンから選べます。
標準状態で左側に位置する内容です。
左右の幅は1：1に設定されます。
また、左右の間隔は任意に設定できます。
標準状態で右側に位置する内容です。
スマートフォン等では左右⇒上下になります。
標準状態で左側に位置する内容です。
左右の幅は1：1に設定されます。
また、左右の間隔は任意に設定できます。
標準状態で右側に位置する内容です。
スマートフォン等では左右⇒上下になります。
標準状態で左側に位置する内容です。
左右の幅は1：1に設定されます。
また、左右の間隔は任意に設定できます。
標準状態で右側に位置する内容です。
スマートフォン等では左右⇒上下になります。
テキストは幅・位置を維持し、画像のみ全幅にするパターンです。
画像側の高さは本文のコンテンツ量に追従します。
同じく、テキストは幅・位置を維持し、画像のみ全幅にするパターンですが、テキストの量にかかわらず、縦横比を維持する設定です
背景画像と背景色は同時に設定できます。
同じ透過画像を登録し、背景色のみを変更する色分けも可能です。
背景画像と背景色は同時に設定できます。
同じ透過画像を登録し、背景色のみを変更する色分けも可能です。
これも2カラムセットです。
右カラムを空にしておくと、左カラムが100%になり、右カラムはラッパー構文も出力されません。
※背景画像か背景色を設定してある場合は右カラムも表示されます。
コンテンツや背景が未定の際にも、不要な空白が生じません。
2カラムセットは限りなくパターンが多いので、ひとまずこれくらいで。
