コンポーネント（一覧）

（2021.06.11改訂）

コンポーネント一覧

コンポーネント一覧では、レイアウトで利用するコンポーネントを一覧でご覧いただけます。

コンポーネントはカテゴリー、コンポーネントの順に作成します。
①のブルダウンでコンポーネントの絞り込みを行えます。

カテゴリー名	コンポーネントのカテゴリー名が表示されます。
コンポーネント名	コンポーネント名が表示されます。
コード	コンポーネントのコードが表示されます。コードはレイアウト挿入時に利用します。
説明文	コンポーネントの説明文が表示されます。
状態	レイアウトに挿入されると「使用中」と表示されます。
作成日	コンポーネントが作成された日時が表示されます。
更新日	コンポーネントが更新された日時が表示されます。
ST同期日時	最後にステージング環境に同期された日時が表示されます。
本番同期日時	最後に本番環境に同期された日時が表示されます。

カテゴリーにマウスホバーすると右端に三点アイコンが表示されます。
こちらをクリックするとカテゴリーメニューが表示されます。

表示されたメニューから「新規カテゴリー追加」をクリックします。

カテゴリーの一番下に新規カテゴリー追加エリアが表示されます。
「カテゴリー名」「コード」「説明文」を入力して「作成」ボタンをクリックします。
※説明文は省略可

カテゴリーにマウスホバーすると右端に三点アイコンが表示されます。
こちらをクリックするとカテゴリーメニューが表示されます。

表示されたメニューから「設定」をクリックします。

選択したカテゴリーの「カテゴリー名」「コード」「説明文」が編集できます。
編集が完了したら「設定」をクリックします。
編集を取り消す場合は「キャンセル」をクリックしてください。

カテゴリーにマウスホバーすると右端に三点アイコンが表示されます。
こちらをクリックするとカテゴリーメニューが表示されます。

コンポーネント（一覧）22

表示されたメニューから「削除」をクリックします。

カテゴカテゴリーメニューリーにマウスホバーすると右端に三点アイコンが表示されます。
こちらをクリックするとが表示されます。

表示されたメニューから「コンポーネント追加」をクリックします。

ブロックの一番下に新規コンポーネント追加エリアが表示されます。
「コンポーネント名」「コード」「説明文」を入力して作成をクリックしてください。

コンポーネントにマウスホバーすると右端に三点アイコンが表示されます。
こちらをクリックするとコンポーネントメニューが表示されます。

表示されたメニューから「設定」をクリックします。

選択したブロックの「コンポーネント名」「コード」「説明文」が編集できます。
編集が完了したら「設定」をクリックします。
編集を取り消す場合は「キャンセル」をクリックしてください。

コンポーネントにマウスホバーすると右端に三点アイコンが表示されます。
こちらをクリックするとコンポーネントメニューが表示されます。

表示されたメニューから「削除」をクリックするとブロックが削除されます。
「複製」をクリックするとコンポーネントの複製が作成されます。
※状態が使用中となっているコンポーネントは削除できません。

コンポーネントにマウスホバーすると右端に矢印アイコンが表示されます。
こちらをクリックするとコンポーネント詳細ページへ遷移します。

コンポーネント作成時のページはコンポーネント（詳細）をご覧ください。

コンポーネントを同期した場合、レイアウトで読み込まれたコンポーネントがステージング環境、本番環境に送信され最新の状態になります。
ヘッダー、フッターなど共通箇所を登録することで一括更新が可能になります。

カテゴリーにマウスホバーすると右端に三点アイコンが表示されます。
こちらをクリックするとカテゴリーメニューが表示されます。

表示されたメニューから「カテゴリ単位同期」をクリックします。

コンポーネントにマウスホバーすると右端に三点アイコンが表示されます。
こちらをクリックするとコンポーネントメニューが表示されます。

表示されたメニューから「同期」をクリックします。

コンポーネントにマウスホバーすると右端に三点アイコンが表示されます。
こちらをクリックするとコンポーネントメニューが表示されます。

表示されたメニューから「ステージング同期」をクリックします。

一覧に表示されたカテゴリー、コンポーネントはそれぞれドラッグ＆ドロップで並び替えることが可能です。