モバイルデバイス用のページのオーサリング authoring-a-page-for-mobile-devices

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

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

NOTE
既存の標準サイトに基づいたモバイルサイトを作成するには、標準サイトのライブコピーを作成します。(様々なチャネル用のライブコピーを作成するを参照)。
AEM 開発者は、新しいデバイスグループを作成できます(デバイスグループフィルターの作成を参照してください)。

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

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

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

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

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

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

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

mobileipademu

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