Diver4.6.4にて、Gutenbergで使える入力補助【セクション】の使い方を紹介します。
必ずDiverを4.6.4にバージョンアップしてからご確認ください。
クラシックエディター版の入力補助にはセクションを追加しておりませんが、今後のバージョンアップにて追加させていただく予定です。
セクションの使い方
![](https://tan-taka.com/diver-demo/wp-content/uploads/sites/3/2019/02/57ebf8b55679005bceb61b1293aab4c1-1.png)
Gutenbergエディターを開いたら、ブロックを追加でセクションを選択して下さい。
何かの中にセクションを入れるということはできません。
追加すると、下記のようにセクションが挿入されます。
![](https://tan-taka.com/diver-demo/wp-content/uploads/sites/3/2019/02/5af94323af93aed0c43fb1c76ec93f2a-1024x354.png)
セクションには、シンプルと背景画像という2つのタイプが利用できます。
セクション:シンプル
シンプルタイプでは、スタイル無しの他に4つのスタイルを選択することができます。
![](https://tan-taka.com/diver-demo/wp-content/uploads/sites/3/2019/02/9bb8f402b19ff2a1e8633bf45e1645d1.png)
![](https://tan-taka.com/diver-demo/wp-content/uploads/sites/3/2019/02/d4d85e416f32a76a61575204652fdf05-1024x301.png)
![](https://tan-taka.com/diver-demo/wp-content/uploads/sites/3/2019/02/3ce8cff9768ea94dc95abe577dd7b34c-1024x306.png)
![](https://tan-taka.com/diver-demo/wp-content/uploads/sites/3/2019/02/1a6fe41213be6b63ce1f6a3cfcd95e55-1024x319.png)
連続でセクションを利用するときには背景色を変更してスタイルの違いを目立つようにしましょう。
シンプルタイプ使用例
セクションの中には様々なブロックを挿入することができます。
セクション:背景画像
背景画像タイプではセクションに背景画像を設定することが可能です。
フィルターなど様々な設定項目がありますので、
![](https://tan-taka.com/diver-demo/wp-content/uploads/sites/3/2019/02/1c2b235ab09335c8317e78cfca418eab-1024x494.png)
背景画像タイプ表示例
わかり易いようにシンプルタイプのセクションで挟んでみました
今後もスタイルや設定項目どしどし追加していくのでお楽しみに!!