★カスタムブロック+パターン集
パターンについての説明
パターンは背景の設定のみに使用します。
またパターンの上下にはデフォルトで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を入力しなければ非表示も可能です。
ブロック名:【縦並び】見出し+本文+画像(ギャラリー)+テキスト+ボタン
英語+日本語バージョン対応
h4見出しも入ります
画像については繰り返しフィールドを使用しているため、好きな数の画像を登録できます。