ドキュメントAEMコアコンポーネントガイド

フッター footer-adaptive-forms-core-component

Last update: Wed Nov 27 2024 00:00:00 GMT+0000 (Coordinated Universal Time)

作成対象：

  • 開発者
  • 管理者
  • ユーザー

通常、アダプティブフォームのフッターコンポーネントはフォームの下部に表示される領域であり、著作権表示、関連リソースへのリンク、連絡先情報などの情報が含まれます。 フッターでは、最後の更新日などの追加情報を提供できます。これは、アクセシビリティのニーズを持つユーザーにとって役立ちます。

例

例

フッターコンポーネントをフォームに含める方がメリットが大きい理由は、次のようにいくつかあります。

  • 法的要件：一部のフォームには、免責事項、著作権表示、またはその他の法的事項を含める必要が生じる場合があります。 フッターは、こうした情報を含めるのに便利な場所です。

  • ナビゲーション：プライバシーポリシー、利用規約、連絡先ページなど、web サイト上の重要なページへのリンクを表示できます。

  • ブランディング：ロゴなどのブランディング要素を表示して、組織や web サイトのアイデンティティを強化できます。

  • 一貫性：フォームのデザインとレイアウトの一貫性が維持され、ユーザーがよりフォームを直感的かつ簡単に移動できるようになります。

  • 追加のコンテキスト：フォームについて説明するテキストや関連リソースへのリンクなど、フォームに追加のコンテキストを提供し、フォームをよりわかりやすく使いやすいものにすることができます。

バージョンと互換性 version-and-compatibility

アダプティブフォームのフッターコアコンポーネントは、Cloud Service 向けコアコンポーネント 2.0.4 および AEM 6.5.16.0 Forms 以降向けコアコンポーネント 1.1.12 の一部として、2023年2月にリリースされました。次の表に、サポートされているすべてのバージョン、AEM の互換性、対応するドキュメントへのリンクを示します。

コンポーネントのバージョン
AEM as a Cloud Service
AEM 6.5.16.0 Forms 以降
v1
リリース 2.0.4 以降と互換性あり
リリース 1.1.12 以降、2.0.0 未満と互換性があります。

コアコンポーネントのバージョンとリリースについて詳しくは、コアコンポーネントのバージョンドキュメントをご覧ください。

技術的詳細 technical-details

アダプティブフォームのフッターコアコンポーネントの最新情報については、GitHub のテクニカルドキュメントをご覧ください。コアコンポーネントの開発について詳しくは、コアコンポーネント開発者向けドキュメントをご覧ください。

設定ダイアログ configure-dialog

設定ダイアログを使用すると、訪問者のフッターエクスペリエンスを簡単にカスタマイズできます。また、簡単にフッターのオプションを定義して、シームレスなユーザーエクスペリエンスを実現することもできます。

「プロパティ」タブ

  • 「編集ダイアログ」ボックス
    「編集ダイアログ」には、ユーザーがフッターのテキストを作成できる、標準のリッチテキスト形式のツールが用意されています。

  • 太字 - 選択したテキストやカーソルの後の入力したテキストを太字にすることができます。Ctrl+B は、キーボードショートカットです。

  • 斜体 - 選択したテキストやカーソルの後の入力したテキストを斜体にすることができます。Ctrl+I は、キーボードショートカットです。

「箇条書き」オプション

  • 箇条書き

    • 箇条書きアイコン - 選択したテキストを箇条書きリストとして書式設定するか、カーソルの後に箇条書きリストを挿入するために使用します。箇条書きリストを終了するには、「箇条書き」ボタンをタップまたはクリックするか、キャリッジリターンを 2 回入力します。

    • 番号付きリストアイコン - 選択したテキストを番号付きリストとして書式設定するか、カーソルの後に番号付きリストを挿入するために使用します。番号付きリストを終了するには、「番号付き」ボタンをタップまたはクリックするか、キャリッジリターンを 2 回入力します。

    • アウトデントアイコン - 選択したテキストまたはカーソルの後の入力テキストのインデントレベルを減らします。選択したテキストまたはカーソルの位置が既にインデントされている場合にのみ有効です。

    • インデントアイコン - 選択したテキストまたはカーソルの後の入力テキストのインデントレベルを増やします。

「ハイパーリンク」オプション

  • ハイパーリンク

    • パス - パスを入力します

      1. 選択を開くダイアログを使用して、AEM 内のパスを選択します。
      2. リンクが AEM 内ではない場合は、絶対 URL を入力します。
      3. 絶対パス以外は、AEM を基準とした相対パスとして解釈されます.

    • 代替テキスト - リンクの説明用代替テキストを入力します。

    • ターゲット - リンクの動作を選択します。

      • ターゲット
      • 同じタブ
      • 新しいタブ
      • 親フレーム
      • トップフレーム

    • リンク解除アイコン - このオプションを選択すると、選択したテキストに適用されているリンクが削除されます。このオプションは、リンクが既に選択されている場合にのみ有効です。

    • 段落形式アイコン - このオプションを使用すると、選択したテキストに段落形式を適用できます。また、カーソルの後に挿入するテキストの書式を設定することもできます。タイトルの見出しレベルを定義します。

  • ID：このオプションでは、HTML 内およびデータレイヤー内のコンポーネントの一意の ID を制御できます。

    • 空白のままにした場合は、一意の ID が自動的に生成されます。生成された ID は結果のページで確認できます。
    • ID を指定した場合、作者はその ID が一意であることを確認する必要があります。
    • ID を変更すると、CSS、JS、およびデータレイヤーのトラッキングに影響を与える可能性があります。

関連トピック see-also

recommendation-more-help
d2be9096-a81e-404b-9952-d8925af7219c