Experience Builderでのカスタムページの作成

Last update: Sat Oct 11 2025 00:00:00 GMT+0000 (Coordinated Universal Time)

金融サービス企業の管理者は、セールスとカスタマーサクセスの2つのチームを管理しています。各チームには固有の学習要件がありますが、どちらも同じ標準学習ポータルを使用しています。これにより、混乱が生じ、混乱が生じ、学習者のエンゲージメントが低下しています。
ヘッドレスビルドに投資したり、カスタムのデベロッパーソリューションを待ったりすることなく、この課題を解決するには、Adobe Learning ManagerでExperience Builderを使用できます。ページ、ウィジェット、メニューを使用すると、コーディングなしで、わずか数ステップでブランド化されたロール固有のポータルをデザインできます。

Adobe Learning Managerでセールスエンジニアリングチーム用のカスタムページを作成するには：

Adobe Learning Managerに管理者としてログインします。
左側のナビゲーションウィンドウで[ブランド]を選択します。
カスタムページ を選択します。
ページの作成 を選択します。

新しいカスタム学習体験をデザインするための[ページの作成]オプションが表示されたカスタムページ画面
ページ名 を入力してください（例：セールスチームのセールストレーニング）。
ページの説明 を入力します。

Adobe Learning Managerのセールストレーニングページの設定。ページ名、説明、種類、URL、およびターゲットのセールストレーニングポータルを作成するためのアイコン構成のフィールドが表示されます
次からページの種類を選択します。
- ALMウィジェットを使用してビルド：管理者は、既存のAdobe Learning Managerウィジェットを使用してページを作成できます。ページURLフィールドにカスタムストリングを入力します。この文字列は、カスタムページのURLに追加されます。
- 外部ページ：管理者は、外部ページのURLを追加できます。ページタイプとして「外部」を選択した場合は、「ページURL」テキストフィールドに外部ページURLを入力します。
変更アイコン を選択して、ページのアイコンを変更します。
[新しい言語の追加] を選択して、ページの既定の言語を追加します。
「保存」を選択します。

ページが作成され、「カスタムページ」セクションに下書きとして保存されている。管理者は、ウィジェットを使用してドラフトされたページを編集および設計できます。

次の手順は、ウィジェットを追加および設定できるカスタムページにレイアウトを追加することです。

エクスペリエンスビルダーのページレイアウト

ドロップダウンメニューから適切なセクションレイアウトを選択して、ページをデザインします。レイアウトの最大幅は1212ピクセルです。追加するウィジェットの数と目的のサイズに基づいて、次のセクションオプションから選択します。

1列 – セクション全体の幅:コンテンツはセクションの幅全体に広がり、最大のスペースを提供します。
2列 – 1/2セクション幅の各列:セクションは均等に2つの等幅の列に分割されます。
2列 – セクション幅2/3および1/3:メインコンテンツは幅の3分の2を占め、サイドコンテンツは3分の1を占めています。
2列 – セクション幅1/3および2/3：横の内容が3分の1、メインの内容がセクションの3分の2になります。
3列 – 1/3セクションの幅ごとに:セクションは3つの等幅の列に分割されます。

NOTE

最大10個のウィジェットを、1列 – 全幅セクションのレイアウトを除くすべてのレイアウトに垂直に追加できます。

Experience Builderの「Sales training」ページのレイアウトを選択するには、次の手順を実行します。

Adobe Learning Managerに管理者としてログインします。
左側のナビゲーションウィンドウで[ブランド]を選択します。
カスタムページ を選択し、必要なページを選択します。
ページデザイン を選択します。
「編集」を選択します。

セールストレーニングのカスタムページのページデザイン編集画面。ページセクション、ウィジェット、レイアウトを追加するための「編集」ボタンがハイライト表示されます。
「セクションレイアウトを選択」 ドロップダウンからオプションを選択します。

セクションレイアウトの選択ダイアログを使用すると、管理者はカスタムページデザインの1列または複数列のウィジェットの並べ替えを選択できます
「続行」 を選択します。

追加されたレイアウトには、次のオプションがあります。

行の削除:レイアウトから行を削除します。
画面の幅に合わせる：画面に合わせて自動的にサイズが変更されるようにレイアウトを調整して、視認性を高めます。
並べ替え:レイアウトを目的の位置にドラッグアンドドロップして、レイアウトの順序を変更します。

セクションの並べ替え、展開、削除を行うためのレイアウトオプションを表示するページレイアウト

次に、カスタムページにウィジェットを追加して設定します。

ウィジェットの追加と設定

要件に基づいて、必要なウィジェットをセールストレーニングのカスタムページに追加します。

セールストレーニングカスタムページでウィジェットを設定するには：

レイアウトで「ウィジェットを追加」を選択します。

ページデザイン画面では、管理者はウィジェットを選択および追加して、コースページをカスタマイズできます
コンテンツボックスウィジェット を選択し、続行を選択します。

コンテンツボックスウィジェットをハイライト表示したウィジェット選択画面で、カスタム画像、テキスト、および操作ボタンを表示して、学習者のエンゲージメントを高めます
タイトル と説明を入力します。
アクションボタンのラベル にテキストを入力し、リンクを提供します。
残りのオプションを設定します。このセクションを表示して、コンテンツボックスウィジェット の詳細を確認してください。

ウィジェットを構成するオプションを示すコンテンツボックスウィジェット画面
セールスエンジニアの コンテンツボックスウィジェット 設定画面で、タイトル、説明、およびアクションボタンラベルを入力します
「ウィジェットを追加」を選択します。
「保存」を選択し、次のいずれかのオプションを選択します。
a. 下書きとして保存:ページは下書きとして保存されます。管理者は後でページを編集できます。
b. 保存してPublish：このページは公開されます。管理者はこのページをメニューに追加できます。

保存オプションを使用すると、管理者はページを将来の編集のために下書きとして保存するか、学習者アクセスのために公開するかを選択できます

ページはドラフトとして保存したり、公開したりできます。管理者は、公開する前に下書きを編集できます。また、公開したページを更新して再公開することもできます。

同じ手順に従って、カスタマーサクセスマネージャーチームのページを作成します。

ページのプレビュー

ページをプレビューするには：

Adobe Learning Managerに管理者としてログインします。
左側のナビゲーションウィンドウで[ブランド]を選択します。
カスタムページ を選択します。
必要なページを選択して、ページデザイン を選択します。
編集を選択し、プレビューページ を選択して、ポータルのプレビューを表示します。

バナー、おすすめのコースを含むカスタムページレイアウトを表示したページプレビュー
Inspectモードを選択して、ウィジェットの高さと幅を表示します。

Experience Builderのページプレビュー画面でInspectモードの切り替えがハイライト表示され、管理者がウィジェットを確認および確認できる