【Diver入力補助】「見出し」で作れるデザインと作り方（Gutenbergにも対応）

このページでは、Diverの入力補助機能の１つ「見出し」で作れるデザインを紹介します。

「Diver」の導入を考えている方は参考にしてみてください。

見出しのデザインは１１種類

Diverで作れる見出しの種類は１１種類あります。

作り方はとてもシンプルで、「タイプ」、「見出しテキスト」、「スタイル」、「色」を選ぶだけです。

Gutenbergで見出しを作る方法

DiverではWordpressの最新エディタGutenberg（グーテンベルグ）にも対応していますので、Gutenbergを使った見出しの作り方も紹介しておきます。

手順としては、まず投稿画面の左側にある「+」ボタンをクリックし、メニューの中から「入力補助」を選択します。

するとDiverの「入力補助」メニューが開くので、メニューの中にある「見出し」をクリックします。

「見出し」をクリックすると下の写真のように画面に見出しが現れますので、画面右の設定エリアで、色やデザインなどを調整していきます。

「見出し詳細設定」では、見出しの種類をH2〜H5、divの中から選ぶことができます。

「見出しデザイン設定」では見出しのデザインを選択できます。デザインの種類は上で紹介したものと同じものです。

「見出しカラー設定」では見出しの色や、見出しに表示する文字の色などを細かく設定することが可能です。

色は１１種類用意されていますが、気に入ったものがなければ「カスタム」で好きな色を設定できます。

以上の設定で、Gutenbergでも従来のように見出しを作ることができます。