ベースエレメントの管理画面を開く

ベースエレメントは、以下の各テンプレート管理画面から管理することができます。

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

プロトタイプ

すべてのベースエレメントの管理画面に登録されている「プロトタイプ」とは、ユーザーによって使用するテンプレートが指定されていない場合に適用されるシステム標準のテンプレートです。

現行バージョンのECHOでは、Bootstrapに準拠したレイアウトがプロトタイプとして定義されています。

オリジナルテンプレートを構築される際は、このプロトタイプが参考になります。
プロトタイプの閲覧または複製するには、コピー機能をご利用ください。

ベースエレメントを追加する

新しいベースエレメントを追加するには、ベースエレメント管理画面上部の作成をクリックしてください。
ベースエレメントの作成画面が開きます。

1 名前 ベースエレメントに付ける名前を入力してください。
2 ベースエレメント HTML等を使用して、レイアウトをマークアップしてください。

ECHOから提供されるタグは、エディタ上部の「タグパレットを開く」から参照することができます。
タグパレットの使用方法は、こちらをご参照ください。

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

作成に成功すると、ベースエレメントが追加されるのと同時に、同名のデザインコンポーネントも追加されます。

既存のベースエレメントをコピーして新規作成

ベースエレメント一覧より、コピーしたいベースエレメントを選び、コピーをクリックしてください。

内容がコピーされた状態で、ベースエレメント作成画面が開きます。

ベースエレメントを編集

ベースエレメント一覧より、編集したいベースエレメントを選び、編集をクリックしてください。

ベースエレメントの編集画面が表示されます。
編集画面は、ベースエレメント作成画面と同様です。

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

ベースエレメントを削除

ベースエレメント一覧より、削除したいベースエレメントを選び、ページを削除をクリックしてください。

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