Alertエレメントの追加.

DXPR Builderを学ぶページを作るコンテンツを追加マーケティング

目を引く色のバナーで、短いメッセージを1つ伝えます。訪問者が見逃せない締め切り、お知らせ、セール情報に使います。

ランディングページにあるパブリックコメントの締め切りを知らせる黄色の警告アラート

アラートの追加

ログインした状態でページを開きます。コンテンツエリアにカーソルを合わせると、ビルダーのコントロールが表示されます。基本操作は最初のページをご覧ください。

カラムにカーソルを合わせ、コントロールバーの+をクリックします。空のページではAdd Elementsをクリックします。Contentタブを開き、Alertをクリックします。カラムの一番上に追加され、設定ダイアログが開きます。
色の指定はTypeで行います。ここではWarningを選びます。
お知らせ内容への書き換えはMessageのプレースホルダーテキストで行います。
ダイアログのSaveをクリックします。次に、コンテンツエリア上部のツールバーにあるSaveをクリックして、ページを保存します。

入力したメッセージが、色付きのバナーでカラムいっぱいに表示されます。動画ではWarningタイプで黄色になっています。ページを保存して公開すると、訪問者に表示されます。

エレメントにカーソルを合わせ、コントロールバーのMore > Settingsを開きます。設定項目は次のとおりです。

ページ上のアラートのテキストをクリックして、その場で編集することもできます。

ContentタブにAlertがない。 ユーザープロファイルで非表示になっています。管理者にUser Profilesでの有効化を依頼してください。
再読み込み後に消えている。 ページが保存されていません。追加し直し、コンテンツエリア上部のツールバーにあるSaveをクリックします。
アラートにサンプルテキストが残っている。 新しいアラートはプレースホルダーテキストで始まります。ページ上のテキストをクリックするか、エレメントにカーソルを合わせてコントロールバーのMore > Settingsを開き、メッセージを入力します。
アラートが細い空のバーになっている。 Messageフィールドが空です。エレメントにカーソルを合わせ、コントロールバーのMore > Settingsを開いてメッセージを入力します。
アラートの色が違う。 Typeで色が決まります。エレメントにカーソルを合わせ、コントロールバーのMore > Settingsを開き、Success、Info、Warning、Dangerから選びます。

Styleタブでアラートの間隔や背景を変更します。