シミュレーションパネルの使用

利用可能 Liferay DXP 2023.Q4+/Portal GA102+

さまざまなシナリオをシミュレートすることで、ページの応答性を検証できます。

Liferayでは、シミュレーションパネルを使って、異なる スクリーンサイズ をシミュレートし、利用可能な セグメント に向けた ページコンテンツ と組み合わせたり、異なる エクスペリエンス をページに適用したりすることができます。

シミュレーションパネルへのアクセス

シミュレーションパネル(シミュレーションパネル)はアプリケーションバーにあります。

The Simulation panel is located in the application bar.

シミュレーションパネルを使用するには、アドレスを使ってページにアクセスするか、Pagesアプリケーションからアクセスします。 Pagesアプリケーションでページを表示するには

  1. サイトメニュー(サイトメニュー)を開き、 サイトビルダーページ に移動します。

  2. 見たいページを見つけて、 アクションアクションアイコン)をクリックする。 → 表示 .

!!! 重要 シミュレーションパネルを使用するには、「デバイスでプレビュー」権限が必要です。 コントロールパネル → サイト → サイト → リソース許可 → サイトの下にあります。 パーミッションの詳細については、 ロール権限の定義 を参照してください。

シミュレーションパネル画面サイズ

画面サイズのシミュレーションには、3つの定義済み値(デスクトップ、タブレット、モバイル)と、2つの可変値(オートサイズとカスタム)の5つのオプションがあります。 内容をシミュレートするには、 Options( Options ) をクリックします。

オプション高さ
デスクトップ (デスクトップアイコン)1050 px1300 px
タブレット(タブレットアイコン)900 px808 px
モバイル(モバイルアイコン)640 px400 px
オートサイズ(オートサイズアイコン)ウィンドウ1に適応窓に適応
カスタム(カスタムアイコン)カスタム入力[^2]カスタム入力

Simulating a desktop using the default experience.

シミュレーションパネルページ内容

セグメントやエクスペリエンスを設定している場合は、適用されたセグメントやエクスペリエンスに基づいてコンテンツをシミュレートすることもできます。 シミュレーション・パネルでは、体験やセグメントがどのように見えるかをシミュレーション画面で視覚化することができます。

  1. 最初のセレクタで、「Preview By」の下にある「Segments」または「Experiences」を選択すると、2番目のセレクタで利用可能なセグメントとエクスペリエンスが表示されます。

  2. 利用可能なセグメントや体験があれば、2番目のセレクタで選択する。

Note

シミュレートされたコンテンツの上に表示されるメッセージは、適用されたセグメント/エクスペリエンスに関する情報を提供する。

Selecting different experiences using the Page Content selectors.

関連トピック

レスポンシブ・サイトの構築

ユーザーセグメントの作成と管理

経験の創造と管理


  1. autosizeオプションは、シミュレーションをウィンドウのサイズに合わせます。

Capabilities

Product

Contact Us

Connect

Powered by Liferay
© 2024 Liferay Inc. All Rights Reserved • Privacy Policy