ブロックDressの適用方法

ブロック単位でDressを設定されたい場合はブロックエディタ画面から、設定が可能です。
こちらでは、その手順について解説いたします。

Dressテンプレート画面の起動

ブロックエディタ画面上部のタブより〈ブロック設定〉をクリックすると設定画面が表示されます。
画面左側のにチェックを入れ、<その他のテーマ>よりDressテンプレート一覧が表示されます。
ブロック用Dressテンプレート

その一覧から使用するDressテンプレートを選択します。
ブロックDress2

Dressテンプレートを設定する

Dressテンプレート選択後、テンプレートのテーマカラーを選択します。画面右下の<このDressを適用>をクリックすると、該当のブロックにDressテンプレートが適用されます。
Dressテンプレート-2

■ブロックDressの活用方法一例
「アルバムブロックの画像に動きを付ける」、「タブを設定したブロックのデザインを変更したい」場合の設定方法を解説いたします。
ブロックDressテンプレート

・【アルバムブロックの画像に動き】を付ける場合
まず、ブロックレイアウトに<アルバム>を設定していただきます。
ブロックレイアウト-アルバム

Dressテンプレート一覧より、<アルバム専用>のテンプレートを選択し、表示されるブロックDressテーマの中から任意のテーマを選択すると、アルバムブロックの画像をマウスオーバーした際に「動きを付ける」などのデザイン設定が可能です。
アルバム専用のブロックDress2
・【タブを設定したブロックのデザインを変更したい】場合
こちらの設定では<タブ専用>のDessテンプレートを使用します。
本テンプレートを設定する際は、該当ブロックで、<タブ>のテンプレートを設定する必要がございます。
ブロックDress-タブ
Dressテンプレート一覧より、<タブ専用>のテンプレートを選択し、表示されるブロックDressテーマの中から任意のテーマを選択すると、タブのデザイン設定が可能です。
※<アコーディオン専用>のDressテンプレートを使用する場合、ブロックテンプレートに、アコーディオンのテンプレートを適用します。
アルバム専用のブロックDress