モバイルデバイス用のページのオーサリング

最終更新日: 2023-07-04
  • トピック:
  • Authoring
    このトピックの詳細を表示
  • 作成対象:
  • User

モバイルページをオーサリングする場合、ページはモバイルデバイスをエミュレートする方法で表示されます。ページのオーサリング時に、いくつかのエミュレーターを切り替えて、エンドユーザーがページにアクセスしたときの表示を確認できます。

デバイスは、ページをレンダリングするデバイスの機能に応じて、フィーチャー、スマート、およびタッチのカテゴリにグループ分けされます。エンドユーザーがモバイルページにアクセスするときは、AEM はデバイスを検出して、そのデバイスグループに対応する表示域を送信します。

メモ

既存の標準サイトに基づいたモバイルサイトを作成するには、標準サイトのライブコピーを作成します。(様々なチャネル用のライブコピーを作成するを参照)。

AEM 開発者は、新しいデバイスグループを作成できます(デバイスグループフィルターの作成を参照してください)。

次の手順を使用して、モバイルページをオーサリングします。

  1. ブラウザーで、Siteadmin コンソールに移動します。

  2. Web サイトGeometrixx モバイルデモサイト日本語​の下の​製品​ページを開きます。

  3. 別のエミュレーターに切り替えます。これを行うには、次のいずれかを実行します。

    • ページ上部にあるデバイスアイコンをクリックします。
    • サイドキック​から「編集」ボタンををクリックし、ドロップダウンメニューでデバイスを選択します。
  4. サイドキックの「モバイル」タブから​テキストと画像​コンポーネントをページにドラッグ&ドロップします。

  5. コンポーネントを編集し、テキストを追加します。「OK」をクリックして、変更を保存します。

ページは次のように表示されます。

mobileipademu

メモ

オーサーインスタンスのページがモバイルデバイスから要求されると、エミュレーターは無効になります。その後、タッチ操作向け UI を使用してオーサリングを行うことができます。

このページ