デザインコンポーネント管理画面を開く

デザインコンポーネントは、以下の各テンプレート管理画面から管理することができます。

デザインコンポーネントの管理画面は、ベースエレメント項目の直上にあり、現在定義されているデザインコンポーネントが一覧表示されます。(下図、オレンジの領域)

デザインコンポーネントを追加する

新しいデザインコンポーネントを追加するには、デザインコンポーネント管理画面上部の作成をクリックしてください。
デザインコンポーネント追加画面が開きます。

名前 デザインコンポーネントに付ける名前を入力してください。
 ベースエレメント デザインコンポーネントの基礎となる、ベースエレメントを選択してください。
CSSエレメント で選択したベースエレメントへ適用したいCSSエレメントにチェックを入れてください。(複数選択可)
JavaScriptエレメント で選択したベースエレメントへ適用したいJavaScriptエレメントにチェックを入れてください。(複数選択可)

入力が終わったら、画面下部の「保存」をクリックし、内容を保存してください。

デザインコンポーネントを編集

デザインコンポーネント一覧より、編集したいデザインコンポーネントを選び、編集をクリックしてください。

デザインコンポーネントの編集画面が開きます。
編集画面は、デザインコンポーネント追加画面と同様です。

編集が終わったら、画面下部の「保存する」をクリックし、内容を保存してください。

デザインコンポーネントを削除

デザインコンポーネント一覧より、削除したいデザインコンポーネントを選び、ページを削除をクリックしてください。

確認ダイアログが表示されます。
本当に削除する場合は「OK」を、やめる場合は「キャンセル」をクリックしてください。

デザインコンポーネントをデフォルトテンプレートに設定する

特定のデザインコンポーネントを、デフォルトで使用するテンプレートとして設定することができます。

デザインコンポーネント一覧より、デフォルトに設定したいデザインコンポーネントを選び、「デフォルト」をクリックしてください。

確認ダイアログが表示されます。
デフォルトに指定する場合は「OK」を、やめる場合は「キャンセル」をクリックしてください。

デフォルト設定を解除する場合は、もう一度「デフォルト」をクリックしてください。