- Google AMPを適用する画面の基本デザインをかんたんに編集することができます。
- ｢Google AMPのデザイン設定｣ではカラー、文字スタイル、商品表示設定などの編集が可能であり、提供される設定項目の以外はデザインの変更ができません。
- Google AMPが適用される画面での商品情報は「商品名、販売価格、割引金額、NEW/おすすめ/在庫切れの基本アイコン」のみ表示できます。
- Google AMPのプレビュー画面は管理画面に登録されている内容で表示されますので、管理画面に1つ以上の情報を登録してください。
- Google AMPからアクセスした場合、商品詳細画面には基本的な商品情報のみ表示されます。
デザイン編集
- Google AMPが適用された画面のデザインを編集します。
- 「Google AMPの使用設定」で選択した画面のみ、Google AMP画面として使用可能です。
- 「AMP画面プレビュー」は、画像・テキストなど、いくつかの設定項目を保存してから確認することができます。
- 「AMP画面プレビュー」の右側にある「上部」「スライドメニュー」といったモジュールをクリックすると、デザインの設定画面が表示されます。
- モジュール領域の右側にあるトグルボタンをクリックして無効状態に変更した場合、その領域は画面に表示されません。
- 商品モジュール適用：現在使用しているモバイルデザインの商品モジュールの構成を、Google AMP画面に適用します。
- 画面設定リセット：編集中の画面を初期状態に戻します。
画面のタブ選択
画面のタブ選択
- 「Google AMPの使用設定」の「使用画面の選択」でチェックしていない画面は編集できません。
- 共通レイアウトはGoogle AMP画面で共通して使用されるデザインです。
プレビュー
URLコピー
- Webブラウザで最終的な適用画面を確認することができます。
プレビュー
- デザイン設定が適用されたGoogle AMP画面をプレビューで確認できます。
- 画像登録やテキストの変更は保存してからプレビューで確認できます。
- デザイン設定の読み込み画面が表示される場合、読み込みが終了してから追加設定を行ってください。
デザインモジュール設定
モジュール設定ボタン
- 商品モジュール適用：使用しているモバイルデザインの商品モジュールをGoogle AMP画面に適用します。
- 例)モバイルショップのメインページに新着アイテムとおすすめアイテムを表示する場合、Google AMPのメインページにも同様に適用されます。
- 画面設定のリセット：編集中の画面を初期設定に戻します。リセット後には、リセット前の設定に戻すことはできません。
- 保存：編集している画面のデザインモジュール設定を保存します。
デザインモジュール設定
- デザインモジューバーをクリックするとデザイン設定画面が表示され、もう一度クリックすると非表示となります。
- デザインモジュールバーの右側にあるトグルボタンでデザインの使用有無を設定します。
- デザインモジュールで設定できる項目以外のデザインは編集することができません。
