ページレイアウトの作成
ページレイアウトの作成方法
用語集
- ページレイアウト デザイナー上で使用するフォトホルダーのセットで、デザイン作業を迅速化するために使用されます。
- フォトホルダー 画像を配置するためにデザイナー上に置かれる空のオブジェクトです。
- タグ 特定のレイアウトを絞り込むために使用されるハッシュタグ（#）です。
- グループ 多数のテンプレートを管理・アクセスしやすくするための分類方法です。
- テンプレート フォトホルダー、テキストフィールド、クリップアート、背景などを含む完成済みのデザインセットです。ユーザーはこれを使って簡単にデザインを行えます。
- テンプレートクリエイター テンプレートを作成するためのデザインツールです。
- レイアウトダッシュボード 作成されたレイアウトが一覧表示され、編集・公開・削除ができる管理画面です。
- レイアウトタブ ezydesigner内で公開されたレイアウトが分類・表示されるセクションです。
ページレイアウト作成手順
Step 1
stagingadmin を開き、テスト用のログイン情報でログインします。
Step 2
ダッシュボードから「Creative assets > Templates」をクリックします。テンプレートの一覧が表示されます。
Step 3
「Create new group」ボタンをクリックします。
Step 4 フォームが表示されるので、以下の情報を入力します：
- Group name：グループ名（ezydesignerに表示されます）
- Products：製品を選択
- Occasions：用途・シーンを選択
- Tags：#タグを入力
- Create：クリックしてテンプレートを新しいタブで開きます。
Step 5
ボタンをクリックするとテンプレートが作成され、テンプレートクリエイターが新しいタブで開きます。
Step 6
ページレイアウトをデザインするには：
- フォトホルダーを1つ以上配置
- 必要に応じてテキストフィールドを追加
※ページレイアウトとして保存されるのはフォトホルダーとテキストフィールドのみです。
Step 7
デザインが完了したら、「Save」ボタンをクリックし、「Save Layout」オプションを選択します。
Step 8
以下を入力します：
- Name：レイアウト名（ezydesignerのレイアウトタブに表示されます）
- Tags：#タグを入力
- 「Save」ボタンをクリックして保存します。
Step 9
保存されたレイアウトは、レイアウトタブにレイアウト名付きで表示されます。 ※ページ内のフォトホルダーの数に応じて、「1」「2」などのフォルダが作成されます。すべてのレイアウトは「All」フォルダに表示されます。
Step 10
既存のレイアウトを更新する場合：
- デザインを編集
- 「Update Layout」オプションで保存
- レイアウト名・タブを入力して「Update」をクリック → 対象のレイアウトが更新されます。
Step 11
保存済みのレイアウトを検索するには：
- レイアウトフィルターをクリック
- 保存時に使用した名前またはタグを入力
- 結果がレイアウトタブに表示されます。
Step 12
レイアウトを適用するには：
- レイアウトタブから任意のレイアウトをクリック
- 選択されたレイアウトがデザイナーに適用されます。
レイアウトダッシュボードでの管理
Step 13
テンプレートクリエイターでレイアウト作成後：
- 「Creative Assets」>「Layouts」に進みます
- 作成済みレイアウトが一覧で表示されます
Step 14
レイアウトタブでできること：
- レイアウト詳細の編集
- サムネイル画像のアップロード
- レイアウトの公開
- レイアウトの削除
Step 15
レイアウト詳細を編集するには：
- 各レイアウト横の ボタンをクリック ※作成直後は「未公開）」状態です
編集可能項目：
- レイアウト名
- タグ
- カスタムサムネイル画像のアップロード（.jpg形式、正方形推奨）
- ボタンをクリック
Step 16
レイアウトを公開するには：
- ボタンをクリック
- を選択
- ステータスがに更新されます
Step 17
公開されたレイアウトは、ezydesignerのレイアウトタブに表示され、ユーザーが使用可能になります。
Step 18
レイアウトを削除するには：
- ボタンをクリック
を選択 → テンプレートクリエイターおよびデザイナー両方から削除されます。