レコードアイテムブロックのソース設定
機能概要
レコードアイテムブロックの設定方法を「ソース設定」にすることでHTMLでコンテンツ作成/編集ができます。
機能仕様
・各フィールドのHTMLはThymeleaf記法で記述されます。Thymeleafに関してはこちらをご参照ください。
※ビジュアル設定になっているレコードアイテムブロックをソース設定に変更することは可能ですが、一度ソース設定にしたレコードアイテムブロックをビジュアル設定に変更することはできません。
レコードアイテムブロックの作成
レコードアイテムブロックの作成方法はこちらをご参照ください。
レコードアイテム設定
プレビュー
プレビューを見ながら、「レコードアイテム」タブからカスタマイズしていきます。
レコードアイテム
「レコードアイテム」タブからHTMLを編集します。
フィールドパーツ追加
レコードアイテムにフィールドを追加したい場合に、左上の＋ボタンをクリック、「フィールド」を選択します。
フィールドパーツ追加モーダルが表示されます。「＋」ボタンをクリック、追加するフィールドを選択します。
フィールド選択後、「追加」ボタンをクリック、フィールドを挿入します。
参照先DB内に含まれるフィールドの追加について
レコードアイテム上に参照フィールドの参照先DB内に含まれるフィールドを追加することができます。
詳細については参照先DBのフィールド追加をご参照ください。
サイト内ページリンク追加
「＋」ボタンをクリック、サイト内ページリンクをクリック、「新規ページ」を選択します。
リンク先のページを追加します。
ページ表示名、ページ識別名を設定します。
▽リンク先ページを非認証ページとして追加する場合
リンク先ページを非認証ページとして追加する場合、ページ内ブロック作成で同時に作成できるブロックはレコードアイテムブロックのみとなります。
ページ内ブロックを作成する場合、ブロック表示名、レコードアイテムに紐づくDBを設定します。
レコードアイテム上で使用するフィールド選択します。
▽リンク先ページを認証ページとして追加する場合
リンク先ページが認証ページの場合、ページ内ブロック作成で同時に作成できるブロックは、
更新フォームブロック、削除フォームブロック、レコードアイテムブロックのいずれかを選択することができます。
ページ内ブロック作成の際、更新フォームブロック、削除フォームブロックを追加する場合、ブロックタイプ、ブロック表示名、ブロックに紐づくDBを設定します。
選択できるDBは、レコードアイテムに紐づくDBとレコードアイテムDBに含まれる参照フィールドの参照先DBが選択可能です。
更新フォームブロック、レコードアイテムブロックの場合、使用するフィールドを選択します。
(更新フォームブロックの場合）
(レコードアイテムブロックの場合）
更新フォームブロックの場合、確認モーダルが表示されますので、問題なければ「作成」ボタンをクリック、リンク先新規ページを追加します。
ページ内ブロック作成、もしくは、リンク先の新規ページ作成後、サイト内ページのプルダウン上に作成したページが選択されます。
ページ選択後、引用レコードおよびページ内リンクURLに付与するパラメータの設定を行います。
引用レコード/パラメータ付与の設定
| 引用レコード | 自DBレコード |
レコードアイテム上のレコード値をリンク先ページに引き継ぐ際に指定します。 |
|---|---|---|
| 参照先DBレコード |
レコードアイテム上の参照フィールドの値を引き継ぐ際、参照先レコードを選択、引継ぎ対象の参照フィールドを選択します。 レコード公開範囲を設定しているDBを参照している参照フィールドのみ選択可能です。 |
|
| パラメータ付与 |
ページ内リンクURLに任意のパラメータを付与することができます。記述方法はパラメータ付与をご参照ください。 |
|
設定内容を確認、問題なければ、「反映」ボタンをクリックします。
レコードアイテム上にリンクが挿入されます。
ファイル挿入
サイトファイルのファイルを挿入することができます。
「＋」ボタンをクリック、「ファイル」を選択します。
ファイル挿入のモーダルが表示されます。
▼新規ファイル追加
直接ファイルをアップロード、挿入する場合は、表示されたモーダルから「新規ファイル追加」をクリックしアップロードするフォルダ、ファイルを選択の上、ファイルアップロード後、追加ボタンをクリックします。
▼既存ファイル選択
サイトファイルへアップロード済みのファイルを選択する場合は、表示されたモーダルから「既存ファイル選択」をクリック、挿入したいファイルを選択し「追加」ボタンをクリックします。
レコードアイテム上にファイルパスが挿入されます。
フィールド一覧
フィールド一覧からレコードアイテムブロックで使用するフィールドの一覧が表示されます。
各フィールドをクリックすることで個別のフィールド設定モーダルが開きます。
個別フィールド設定
| ラベル | レコードアイテムブロック上に表示されるタイトルが編集できます |
|---|---|
|
項目ラベル （セレクト/マルチセレクト フィールドのみ） |
DBで設定したラベルの表示を変更したいときに使用します。 使用例）表示ラベルを英語に変更
※変更したラベルはレコードアイテムブロック上での表示のみ適用されます。 |
CSS/JS
CSS
設定したCSSはレコードアイテムブロックがあるページに適用されます。
設定したCSSは「共通ソースCSS/JavaScript」「ページのCSS/JavaScript」より後に読み込まれます。
詳細はこちらをご確認ください。
JS
設定したJavaScriptはレコードアイテムブロックがあるページに適用されます。
設定したJavaScriptは「共通ソースCSS/JavaScript」「ページのCSS/JavaScript」より後に読み込まれます。
詳細はこちらをご確認ください。
