レコードアイテムブロックのソース設定
機能概要
レコードアイテムブロックの設定方法を「ソース設定」にすることで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」より後に読み込まれます。
詳細はこちらをご確認ください。
