★カスタムブロック+パターン集

パターンについての説明

パターンは背景の設定のみに使用します。
またパターンの上下にはデフォルトでpadding:160pxが設定されているため、余白が自動的に入ります。

ブロックについての説明

「Lazy Blocks」カテゴリーの中のブロックが今回制作したカスタムブロックです。

ブロックの上にはデフォルトでmargin: 100pxが設定されているため、ブロック設置時に自動で余白が設定されます。
※パターン内の一番上のブロックに関してはmarginはつきません。

ブロック名:【縦並び】見出し+本文

H3の見出し

H4の見出し

背景は「パターン」
見出しと本文は「【縦並び】見出し+本文ブロック」で配置しています。

英語+日本語バージョンも対応

例えばh3とh4の入力欄が未入力だと、h2だけ表示されます。

h2, h3, h4すべての見出しが未入力だと、本文だけ表示されます。

ブロック名:見出し

標準の見出しブロックではありません。

「Lazy Blocks」カテゴリーの中の見出しブロックです

ブロック名:【横並び】画像+テキスト(見出し+本文+ボタン)

英語+日本語バージョンも対応

h4見出し

背景は「パターン」
中のコンテンツは「【横並び】画像+テキスト(見出し+本文+ボタン)」ブロックです。

ボタンテキスト

左右反転することもできます。

ボタンのURLが未入力の場合、ボタンは非表示になります。

後ろが灰色のパターンの場合は文字が黒くなります

ボタンの色はデフォルトは灰色と緑ですが、白に設定すると白色のボタンになります。

詳しく見る

ブロック名:【2カラム】見出し+画像+本文

2つのアイテムが並ぶデザインのブロックです

見出しレベルをh2, h3, h4から選択できます。

見出しが入ります。

繰り返しのフィールドを使用しているため、2つ以上設置可能です。

3つ目のアイテム

ブロック名:【横並び】ボーダーボックス(見出し+本文+画像)

見出しが入ります

見出しレベルをh2, h3, h4から選択できます。 線の色はデフォルトでグレーで、白色に変更が可能です。

繰り返しフィールド

繰り返しフィールドを使用しているため、2つ以上並べることも可能です。

ブロック名:【3カラム】見出し+画像+本文+ボタン

見出し

見出しレベルをh2, h3, h4から選択できます。

詳しく見る

ボタン無しも可能です

繰り返しフィールドを使用しているため、4つ以上のアイテムも設置可能です。

見出しと画像だけなども可能です

ブロック名:【縦並び】見出し+本文+画像+テキスト+ボタン

英語+日本語バージョンも対応

h4見出しも設定可能

ボタンも設定可能ですが、URLを入力しなければ非表示も可能です。

ブロック名:ボタン