基盤コンポーネント foundation-components

プロパティの設定

コンテンツの編集

コンテンツの編集 - 全画面表示モード

画像

• 画像
  コンテンツファインダーから画像をドラッグするか、クリックして画像を読み込む参照ウィンドウを開くことができます。画像を読み込んだ後は、画像の切り抜き、回転または削除を行うことができます。画像のズームインおよびズームアウトを行うには、画像の下（「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 です。

• 属性

  その他の必要な属性。

マップ

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

切り抜き

画像の一部を切り取るには、「切り抜き」を選択します。マウスを使用して画像を切り抜きます。

回転

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

消去

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

タイトル

画像のタイトル。

代替テキスト

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

リンク先

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
  • 標準タグ
  • マーケティング
  • アセットのプロパティ
  • ピクセル単位の幅
  • ポップアップのサイズ