ページオーサリング用コンポーネント components-for-page-authoring

画像

• 画像
  コンテンツファインダーから画像をドラッグするか、クリックして画像を読み込む参照ウィンドウを開くことができます。画像を読み込んだ後は、画像の切り抜き、回転または削除を行うことができます。画像のズームインおよびズームアウトを行うには、画像の下（「OK」および「キャンセル」ボタンの上）のスライドバーを使用します。

• 切り抜き
  画像の一部を切り取ることができます。境界線をドラッグすると、画像が切り抜かれます。

• 回転
  画像が目的の向きになるまで「回転」を繰り返しクリックします。

• 消去
  現在の画像を削除します。

詳細

• タイトル
  アダプティブ画像コンポーネントではこのプロパティは使用しません。

• 代替テキスト
  画像に使用する代替テキストです。

• リンク先
  アダプティブ画像コンポーネントではこのプロパティは使用しません。

• 説明
  アダプティブ画像コンポーネントではこのプロパティは使用しません。

カルーセル
ここでは、カルーセルの動作方法を指定します。

• 再生速度
  次のスライドが表示されるまでの時間（ミリ秒単位）。
• 遷移時間
  2 つのスライド間の遷移にかかる時間（ミリ秒単位）。
• コントロールのスタイル
  プルダウンメニューから、「前へ／次へボタン」、「上部右スイッチ」など、様々なオプションを選択可能。

リスト
ページをカルーセルに含める方法を指定します。

• 次を使用してリストを作成
  ページリストを作成する方法には、子ページ、固定リスト、検索、詳細検索があります（以下で説明します）。
  どの方法を選択しても、リストに含めるページには、ページに関連付けられた画像が既に存在する必要があります。カルーセルに表示されるのはこの画像です。そのページのページプロパティにページの画像がない場合は、開始する前にページに画像を関連付ける必要があります。そうでない場合は、カルーセルに空白のページが表示されます。詳しくは、ページプロパティの編集を参照してください。
  選択した項目に応じて、新しいパネルが表示されます。

  • 子ページのオプション

    • 親ページ
      手動で、またはセレクターを使用して、パスを指定します。現在のページを親として使用するには、空のままにします。

  • 固定リストのオプション

    • ページ
      ページのリストを選択します。エントリを追加するには + を、順序を調整するには上下ボタンを使用します。

  • 検索のオプション

    • 開始
      手動で、またはセレクターを使用して、開始パスを入力します。

    • 検索クエリ
      プレーンテキストの検索クエリを入力できます。

  • 詳細検索のオプション

    • QueryBuilder 述語の表記
      「QueryBuilder 述語の表記」を使用して検索クエリを入力できます。例えば、「fulltext=Marketing」と入力すると、コンテンツに「Marketing」が含まれる、すべてのページがカルーセルに表示されます。
      クエリー式とその他の例の詳細は、QueryBuilder API を参照してください。

• 並べ替え順
  ドロップダウンメニューから、「jcr:title」、「jcr:created」、「cq:lastModified」または「cq:template」を選択します。

• 制限
  オプション。カルーセルで使用する項目の最大数です。

データ

• チャートデータ
  チャートデータを入力するには、CSV（コンマ区切り値）形式を使用します。CSV 形式では、コンマ（「,」）をフィールドの区切り記号として使用します。

詳細

• チャートのタイプ
  「円グラフ」、「折れ線グラフ」および「棒グラフ」から選択します。

• 代替テキスト
  グラフの代わりに表示する代替テキスト。

• 幅
  グラフの幅（ピクセル単位）。

• 高さ
  グラフの高さ（ピクセル単位）。

ダウンロード

• 説明
  ダウンロードリンクに対して表示される短い説明。

• ファイル
  生成される web ページでダウンロード可能なファイル。コンテンツファインダーからアセットをドラッグするか、ダウンロード可能にするファイルをアップロードできる領域を選択します。

外部 web アプリケーション

• 対象アプリケーション

  統合する web アプリケーションの URL を指定します。次に例を示します。

  code language-none
  https://en.wikipedia.org/wiki/Main_Page

• パラメーターを渡す

  パラメーターをアプリケーションに渡す必要がある場合は、チェックボックスをオンにします。

• 幅と高さ

  iframe のサイズを定義します。

Flash

• Flash ムービー

  Flash ムービーファイル。コンテンツファインダーからアセットをドラッグするか、クリックして参照ウィンドウを開きます。

• サイズ

  ムービーを保持する表示領域の寸法（ピクセル単位）。

代替イメージ

表示する代替画像。

詳細

• コンテキストメニュー

  コンテキストメニューを表示するか非表示にするかを示します。

• ウィンドウモード

  不透明、透明、枠付きウィンドウなど、ウィンドウの表示方法。

• 背景色

  提示される色見本から選択した背景色。

• 最低バージョン

  ムービーの実行に必要な Adobe Flash Player の最小バージョン。デフォルトは 9.0.0 です。

• 属性

  その他の必要な属性。

マップ

画像をマップするには、「マップ」を選択します。画像マップの作成方法（長方形、多角形など）を指定し、領域が指す位置を指定します。

切り抜き

「切り抜き」を選択すると、画像の一部をクリップできます。マウスを使用して画像を切り抜きます。

回転

画像を回転するには、「回転」を選択します。画像が目的の向きになるまで繰り返し使用します。

消去

現在の画像を削除します。

ズームバー

画像のズームインおよびズームアウトを行うには、画像の下（「OK」および「キャンセル」ボタンの上）のスライドバーを使用します。

タイトル

画像のタイトル。

代替テキスト

アクセシブルなコンテンツを作成する際に使用する代替テキスト。

リンク先

web サイト内のアセットまたはその他のページへのリンクを作成します。

説明

画像の説明。

サイズ

画像の高さと幅を設定します。

リスト

• リストを選択

  ここで、リストがコンテンツを取得する場所を指定します。複数の方法があります。

• 選択した項目に応じて、新しいパネルが表示されます。

  • 子ページのオプション

    • 親（親ページ）
      手動で、またはセレクターを使用して、パスを指定します。現在のページを親として使用するには、空のままにします。

  • 固定リストのオプション

    • ページ

      ページのリストを選択します。エントリを追加するには + を、順序を調整するには上下ボタンを使用します。

  • 検索のオプション

    • 開始

      手動で、またはセレクターを使用して、開始パスを入力します。

    • 検索クエリー

      プレーンテキストの検索クエリーを入力できます。

  • 詳細検索のオプション

    • Querybuilder 述語の表記

      「QueryBuilder 述語の表記」を使用して検索クエリーを入力できます。例えば、「fulltext=Marketing」と入力すると、コンテンツに「Marketing」を含むすべてのページがカルーセルに表示されます。

      クエリー式とその他の例の詳細は、QueryBuilder API を参照してください。

  • タグ

    親ページ、タグ／キーワード ​および必要な一致条件を指定します。

• 表示方法

  リンク、ティーザー、ニュースなどの項目のリストを表示する方法。

• 並べ替え順

  リストを並べ替えるかどうかを指定し、並べ替える場合は、並べ替えに使用する条件も指定します。条件を入力するか、表示されるドロップダウンリストから条件を選択できます。

• 制限

  リストに表示する項目の最大数を指定します。

• フィードを有効にする

  そのリストで RSS フィードを有効化するかどうかを示します。

• 1 ページに表示する数

  一度に表示するリスト項目の数を指定できます。指定した数より多い項目を含むリストは、ページネーションを使用して複数に分割して表示されます。

ログイン

• セクションラベル

  入力フィールドの導入部テキスト。

• ユーザー名ラベル

  ユーザー名フィールドにラベルを付けるテキスト。

• パスワードラベル

  パスワードフィールドにラベルを付けるテキスト。

• ログインボタンのラベル

  ログインボタンのテキスト。

• リダイレクト先

  ユーザーがログインしたときに開く Web サイト上のページを指定できます。

ログイン済み

• 続行ボタンのラベル

  ユーザーが既にログインしていることを示すテキスト。

タイトル

• タイトル

  表示するタイトルテキストを指定します。

• リンク

  どのページ（製品）の注文ステータスを表示するかを指定します。

• 種類／サイズ

  用意された選択肢からを選択します。

段落参照

• 参照

  参照するページと段落のパスを指定します（コンテンツを含む）。

検索

• ノードタイプ

  検索を特定のノードタイプに制限する場合は、ここにリストします（例：cq:Page）。

• 検索場所のパス

  検索するブランチのルートページを指定します。

• 「検索」ボタンのテキスト

  実際の検索ボタンに表示する名前。

• 統計テキスト

  検索結果の上に表示するテキスト。

• 結果テキストがありません

  結果がない場合、ここに入力したテキストが表示されます。

• テキストをスペルチェック

  誰かが類似の用語を入力すると、その用語の前にこのテキストが表示されます。
  例えば、Geometrixxe と入力すると、次のように表示されます。「もしかして：Geometrixx」

• 同様のページテキスト

  類似のページの結果の横に表示されるテキスト。画像の一部を切り取るには、このリンクをクリックします。

• 関連する検索テキスト

  検索の横に表示される、関連する用語とトピックのためのテキスト。

• 検索トレンドのテキスト

  ユーザーが入力する検索語の上のタイトル。

• 結果ページラベル

  このリストの下部に表示するテキスト。他の結果ページへのリンクが設定されます。

• 前のラベル

  前の検索ページへのリンクに表示される名前。

• 次のラベル

  次の検索ページへのリンクに表示される名前。

サイトマップ

• ルートパス

  リストを開始する場所のパス。

スライド

• 新しいスライド

  「追加」（および「削除」）ボタンを使用して、スライドを選択して指定できます。

• タイトル

  必要に応じてタイトルを指定します。このタイトルは、該当するスライドに重ねて表示されます。

詳細

• サイズ

  幅と高さをピクセル単位で指定します。

表示するタグ
表示するタグを収集する場所。ページ（すべての子またはすべてのタグを含むページ）から選択します。

ページ
参照するページを選択します。

タグにリンクがありません
表示するタグがリンクとして機能するかどうかを指定します。

コンポーネントスタイル（スタイル）

ここで画像を左揃えまたは右揃えにすることができます。デフォルトは、画像を左に配置する「左」です。

画像のプロパティ（詳細画像プロパティ）

次の項目を設定できます。

• 画像アセット

  必要な画像をアップロードします。

• タイトル

  ブロックのタイトル。マウスオーバーで表示されます。

• 代替テキスト

  画像を表示できない場合に表示する代替テキスト。空にすると、タイトルが使用されます。

• リンク先

  ターゲットパスを指定します。

• 説明

  画像の説明。

• サイズ

  画像の高さと幅を設定します。

タイトル

ページタイトル以外の名前を使用する場合は、ここに入力します。

リンク

タイトルがリンクとして動作する場合の URI。

種類／サイズ

ドロップダウンリストから「小」または「大」を選択します。「小」は画像として生成されます。「大」はテキストとして生成されます。

ビデオ

• ビデオアセット

  ビデオアセットをアップロードまたはドロップします。

• サイズ

  ビデオのネイティブサイズ（ピクセル単位の幅 × 高さ）が「サイズ」の横のボックスに表示されます（上の図を参照してください）。ビデオのネイティブ寸法を上書きする場合は、幅と高さの寸法をここに手動で入力します。「OK」を選択してダイアログを閉じます。

列の制御

• 列のレイアウト

  レンダリングする列数を選択します。作成された各列には、コンテンツを追加する際にコンポーネントまたはアセットをドラッグするための独自のリンクが表示されます。

フォーム

フォームコンポーネントで、ページ上の新しいフォームの始まりと終わりを定義します。その他のコンポーネントは、これらの要素の間に配置できます（テーブル、ダウンロードなど）。

フォームのフィールドと要素

フォームのフィールドと要素には、テキストボックス、ラジオボタン、画像を含めることができます。多くの場合、ユーザーは、テキストの入力などのアクションをフォームフィールドで行います。詳しくは、個々のフォーム要素を参照してください。

プロファイルコンポーネント

プロファイルコンポーネントは、訪問者に合わせた個人設定が必要なソーシャルコラボレーションや他の領域に使用する訪問者のプロファイルに関連しています。

タイトルとテキスト

このタブでは、フォームのタイトルや付随するテキストなど、基本情報を指定する必要があります。適切な場合は、フィールドで複数選択が有効かどうかや、選択肢に使用できる項目など、その他の主要な情報を定義することもできます。

初期値

デフォルト値を指定できます。

制約

ここでは、フィールドが必須かどうかを指定し、数値などの制約をそのフィールドに設定できます。

スタイル設定

フィールドのサイズとスタイル設定を示します。

タイトルとテキスト

• 要素名

  フォーム要素の名前。リポジトリ内でデータが格納される場所を示します。
  このフィールドは必須であり、次の文字のみを含めることができます。

  • 英数字
  • _ . / : -

• タイトル

  フィールドと共に表示されるタイトル。空白の場合、デフォルトのタイトルが表示されます。

• 説明

  必要に応じて、ユーザーに追加情報を提供できます。この説明はフォームのフィールドの下に、タイトルよりも小さいフォントで表示されます。

• 表示／非表示

  フィールドを表示するタイミングを指定します。

初期値

• デフォルト値

  フォームを開いたときにフィールドに表示される値。つまり、ユーザーが入力を行う前です。

制約

• 必須

  この制約はフォームコンポーネントの種類によって異なりますが、このフィールドまたはこのフィールドの特定の部分が必須かどうかを示す 1 つ以上のクリックボックスが表示されます。

• 必須メッセージ

  このフィールドが必須であることをユーザーに通知するメッセージです。必須フィールドにはアスタリスクが付いています。

• 制約

  選択可能な制約は、フォームコンポーネントのタイプによって異なります。

• 制約メッセージ

  どの入力が必須かをユーザーに知らせるメッセージ。

スタイル設定

• サイズ

  行数と列数。

• 幅

  ピクセル数。

• CSS

フォーム

• Thank You ページ

  訪問者による入力を歓迎するために参照されるページ。空白の場合、フォームが送信後に再表示されます。

• ワークフローを開始

  フォームが送信されるとトリガーされるワークフローを決定します。

詳細

• アクションタイプ

  フォームにはアクションが必要です。アクションは、ユーザーから送信されたデータによってトリガーされ実行される処理を定義します（HTML の action= に似ています）。対応する​ アクションの設定 ​が必要です。

  標準の AEM インストールには、次のアクションタイプが含まれます。

  • アカウントリクエスト

  • コンテンツを作成

  • リードを作成

  • アカウントを作成および更新

  • メールサービス : 購読者を作成してリストに追加

  • メールサービス : 自動応答のメールを送信

  • メールサービス : リストのユーザーの購読を解除

  • コミュニティを編集

  • リソースを編集

  • ワークフロー制御リソースを編集

  • メール

  • 注文の詳細

  • プロファイルの更新

  • パスワードをリセット

  • パスワードを設定

  • コンテンツを格納

    デフォルトのアクションタイプ。

  • コンテンツをアップロードデータと共に保存

  • 注文を送信

  • 購読者の登録を解除

  • 注文を更新

• フォーム識別子

  フォーム識別子は、フォームを一意に識別します。1 つのページに複数のフォームがある場合、フォーム識別子を使用します。フォームごとに異なる識別子が使用されていることを確認します。

• 読み込み元パス

  フォームフィールドに定義済みの値を読み込むために使用されるノードプロパティへのパス。
  このフィールドはオプションで、リポジトリ内のノードへのパスを指定します。このノードにフィールド名と一致するプロパティがある場合、フォーム上の該当フィールドには、これらのプロパティの値が事前に読み込まれます。一致が存在しない場合、フィールドにはデフォルト値が使用されます。
  読み込み元パス ​を使用して、フォームの必須フィールドに値をプリロードすることができます。フォーム値のプリロードを参照してください。

• クライアントの検証

  このフォームでクライアントの検証が必須かどうかを示します（サーバーの検証は常に行われます）。 ​検証は、フォーム Captcha コンポーネントを使用して行います。

• 検証リソースタイプ

  （それぞれのフィールドではなく）フォーム全体を検証する場合、フォームの検証リソースのタイプを定義します。フォーム全体を検証する場合は、次のいずれかも含めます。

  • クライアントの検証用スクリプト：

    /apps/<myApp>/form/<myValidation>/formclientvalidation.jsp

  • サーバー側の検証用スクリプト：

    /apps/<myApp>/form/<myValidation>/formservervalidation.jsp

• アクションの設定

  アクション設定 ​で利用できるオプションは、選択した​ アクションタイプ ​によって異なります。

  • アカウントリクエスト

    • アカウントページを作成
      新規アカウントの作成時に使用されるページ。

  • コンテンツを作成

    • コンテンツパス
      フォームがダンプするコンテンツのコンテンツパス。スラッシュ（/）で終了するパスを入力します。スラッシュは、各フォームポートに対し、特定の場所に新しいノードが作成されることを意味します。次に例を示します。
      /forms/feedback/

    • 種類

      必要な種類を選択します。

    • フォーム

      フォームを指定します。

    • 次を使用してレンダリング

      リストから必要なオプションを選択します。

    • リソースタイプ

      設定すると、各コメントに sling:resourceType と追加されます。

    • 表示セレクター

  • リードを作成

    • このリストにリードが追加されます
      必要なリードリストを指定します。

  • アカウントを作成および更新

    • 初期グループ

      新しいユーザーを割り当てるグループ。

    • ホーム

      ログイン成功後に表示するページ。

    • パス

      新しいアカウントが作成され、保存される場所の相対パス。

    • データを表示…

      ボタンを選択すると、バルクエディターでフォームの結果に関する情報にアクセスできます。ここから情報を .tsv（タブ区切り）ファイルに書き出すことができます（このファイルは Excel スプレッドシートなどで使用することができます）。

  • メール

    • 送信元

      メールの送信元のメールアドレスを入力します。

    • 宛先

      フォームの送信先のメールアドレスを 1 つ以上入力します。

    • CC

      1 つ以上の CC メールアドレスを入力します。

    • BCC

      1 つ以上の BCC メールアドレスを入力します。

    • 件名

      メールの件名を入力します。

  • パスワードのリセット

    • パスワード変更ページ

      パスワードの変更時に使用するページ。

  • コンテンツの格納

    • コンテンツのパス

      フォームがダンプするコンテンツのコンテンツパス。スラッシュ（/）で終了するパスを入力します。スラッシュは、フォームのポートごとに、特定の場所に新しいノードが作成されることを意味します。例は次のとおりです。
      /forms/feedback/

    • データを表示…

      ボタンを選択すると、バルクエディターでフォームの結果に関する情報にアクセスできます。ここから情報を .tsv（タブ区切り）ファイルに書き出すことができます（Excel スプレッドシートなどで使用するため）。

  • コンテンツをアップロードデータと共に保存

    これには、「コンテンツの保存」と同じオプションがあります。

  • サブスクライバーを登録解除

    • このリストからリードが削除されます

      必要なリードリストを指定します。

フォーム終了

• 「送信」ボタンを表示

  「送信」ボタンを表示するかどうかを示します。

• 送信名

  1 つのフォームに複数の「送信」ボタンを使用する場合の識別子。

• 送信タイトル

  「送信」や「送る」など、ボタンに表示される名前。

• 「リセット」ボタンを表示

  このチェックボックスを選択すると、リセットボタンが表示されます。

• リセットタイトル

  リセットボタンに表示する名前。

• 説明

  ボタンの下に表示する情報。

タグフィールド

• 許可された名前空間

  • Geometrixx Outdoors
  • ワークフロー
  • フォーラム
  • 写真を保管
  • Geometrixx Media
  • 標準タグ
  • マーケティング
  • アセットのプロパティ

• ピクセル単位の幅

• ポップアップのサイズ