ver.2サポートサイト

レコードアイテムブロックのビジュアル設定

機能概要

レコードアイテムブロックの設定方法を「ビジュアル設定」にすることでHTMLを直接編集することなく画面上でコンテンツ作成/編集ができます。

機能仕様

・ビジュアル設定ではフィールドの並び順変更やレイアウト変更が行えます。
※ビジュアル設定になっているレコードアイテムブロックをソース設定に変更することは可能ですが、一度ソース設定にしたレコードアイテムブロックをビジュア設定に変更することはできません。

レコードアイテムブロックの作成

レコードアイテムブロックの作成方法はこちらをご参照ください。

レコードアイテム設定

プレビュー

プレビューを見ながら、「レコードアイテム」タブからカスタマイズしていきます。

レコードアイテム

1.テキストパーツ

テキストパーツはレコードアイテムの各フィールドとは独立したテキストブロックを追加することができます。
ページのタイトルや説明テキストなどに使用できます。
※テキストパーツはHTMLタグを使用して編集することはできません。（HTMLタグがそのまま表示されます）

テキストリンク

外部ページのリンク指定や同サイト内の別ページのリンク指定を行うことができます。

▼外部ページ

▼サイト内ページ選択

ファイル挿入

サイトファイルのファイルを挿入することができます。

▼新規ファイル追加

▼既存ファイル選択

2.フィールド設定

レコードアイテムタブからフィールドをクリックするとフィールド設定が開きます。
フィールド設定はフィールド毎のラベル設定、ページ内リンクなどを設定できます。

3.パーツ追加

パーツの上下にマウスカーソルをあわせると「＋」ボタンが表示されます。

こちらからフィールドパーツ、テキストパーツの追加ができます。

参照先DB内に含まれるフィールドの追加について

レコードアイテム上に参照フィールドの参照先DB内に含まれるフィールドを追加することができます。
詳細については参照先DBのフィールド追加をご参照ください。

設定例

1.フィールド追加

2.サイト内リンクページ追加

フィールド追加

1.追加したいフィールドを選択

「レコードアイテム」タブよりアイテムパーツ編集画面を開き、パーツの上下にマウスカーソルをあわせ表示される「＋」ボタンから「フィールド」を選択します。

レコードアイテムブロックに追加するフィールドを選択します。

「＋」ボタンから追加するフィールドを選択し、追加ボタンをクリックします。

アイテムパーツに「会場」が追加されます。

2.保存

プレビューで画面を確認し、保存します。

保存後、レコードアイテムブロックを配置しているページのURLへアクセスし、配置したフィールドが表示されるかご確認ください。

サイト内ページリンク追加

※例では「会場」のリンク先に新規の非認証ページを追加する手順を記載します。

1.ページリンクを追加する

「レコードアイテム」タブよりアイテムパーツ編集画面を開き、リンクを設定したいフィールドを選択します。

フィールド設定を開き、リンク設定の「変更」ボタンをクリックします。

「新規ページ」をクリックします。

ページ表示名、ページ識別名を設定します。

以降の作業の詳細はレコードアイテムブロックのソース設定のサイト内ページリンク追加をご参照ください。

リンク設定の反映後、アイテムパーツの「会場」にリンクが追加されます。

2.保存

プレビューで画面を確認し、保存します。

保存後、レコードアイテムブロックを配置しているページのURLへアクセスし、リンク先からページや配置したブロックが表示されるかご確認ください。

スタイル

ビジュアル設定での「スタイル」ではCSSを触ることなくブロックの見た目を変更できます。

シンプル

少ないスタイルの指定で全体の統一感を設定します。

JS

設定したJavaScriptはレコードアイテムブロックのJavaScriptに適用されます。

設定したJavaScriptは「共通ソースCSS/JavaScript」「ページのCSS/JavaScript」より後に読み込まれます。

詳細はこちらをご確認ください。

アイテム設定