モバイルデバイス用のページのオーサリング authoring-a-page-for-mobile-devices
Adobe Experience Manager ページはレスポンシブレイアウトに基づいています。レスポンシブレイアウトは、コンテンツをターゲットデバイスに合わせて自動的に調整するので、特定のデバイス向けにコンテンツを作成しなくてもよくなります。
モバイルページをオーサリングする場合、ページはモバイルデバイスをエミュレートする方法で表示されます。ページのオーサリング時に、いくつかのエミュレーターを切り替えて、エンドユーザーがページにアクセスしたときの表示を確認できます。
デバイスは、ページをレンダリングするデバイスの機能に応じて、フィーチャー、スマート、およびタッチのカテゴリにグループ分けされます。エンドユーザーがモバイルページにアクセスするときは、AEM はデバイスを検出して、そのデバイスグループに対応する表示域を送信します。
次の手順を使用して、モバイルページをオーサリングします。
-
グローバルナビゲーションから サイト コンソールを開きます。
-
コンテンツページを編集します。
-
ページ上部のエミュレーターアイコンをクリックして、目的のエミュレーターに切り替えます 。
-
コンポーネントブラウザーまたはアセットブラウザーからページにコンポーネントをドラッグ&ドロップします。
-
選択したデバイスに応じて、ページとページコンポーネントのレスポンシブレイアウトを変更します。
ページは次のようになります。