このページではDiverで記事を書くときに利用できるGutenberg用のデザインパーツを紹介します。 すべてのデザインパーツはHTML／CSSの知識がなくても、投稿画面のブロックエディタ（Gutenberg）から簡単に利用することが可能です。
見出し。背景と枠を付け、文字、背景、枠の色を自由に組み合わせた見出しが作れます。
見出し 背景あり
見出し 枠あり
見出し 上下ボーダー
見出し下線
見出し 背景あり 左ボーダー
見出し 吹き出し
1
見出し番号付き
1
見出し番号付きサークル
●
見出しドット
ボタン。背景と枠を付け、文字、背景、枠の色を自由に組み合わせたボタンが作れます。
囲い枠。背景と枠を付け、文字、背景、枠の色を自由に組み合わせた囲い枠が作れます。過去曰くの中にはテキストや画像を入れられます。
囲い枠 1
こんなふうに囲えます
囲い枠 2
こんなふうに囲えます
囲い枠 3
こんなふうに囲えます
囲い枠 4
こんなふうに囲えます
囲い枠 5
こんなふうに囲えます
囲い枠 6
こんなふうに囲えます
吹き出し。会話風のコンテンツを作れます。
うさぎ
オレより速いの？
もちろんだよ
アイコン。様々な種類のアイコンが利用できます。
セクション。コンテンツを区切らいたいときに便利です。LP（ランディングページ）で使うと効果的。
セクション。コンテンツに区切りを付けたいときに便利
吹き出し型セクション。コンテンツに区切りを付けたいときに便利
斜め型セクション。コンテンツに区切りを付けたいときに便利
斜め型セクション逆方向。コンテンツに区切りを付けたいときに便利
丸みのあるセクション。コンテンツに区切りを付けたいときに便利
トグル。中身を隠しておける仕組みです。
トグル クリックすると中身が開きます
中のコンテンツ
スター。アフィリエイトで紹介する商品に点数をつけるときに便利です。
Q&A。一問一答形式でコンテンツが作れます。
質問
回答
