この作業が完了しました:訪問者が /{type}/{slug}(タイプコード/エントリURL)を開いたときにどのブロックが表示され、どこにエントリーフィールドが表示されるかを決定します。
デフォルトではオーナーのみがアクセスできます。タイプとフィールドを先に変更する方が良いです。詳細は コンテンツタイプの作成方法、フィールドの編集方法 をご覧ください。
レイアウトを設計しない場合、詳細はほぼ空白の骨組みになる可能性があります:静的ブロックは配置できますが、フィールド値は自動的に表示されません。動的フィールドを挿入しない限り。
パス
- コンテンツタイプ → 該当タイプのエントリーリストをクリックします。
- 詳細ページのレイアウトを設計をクリックします。
- ページエディタと似ています:ブロックライブラリからブロックを追加し、テキストを変更し、動的フィールドを挿入します。
- 下部に レイアウトを保存 をクリックします。成功メッセージ「詳細ページのレイアウトが保存されました」と表示されます。
画面のサブタイトルは「詳細ページのレイアウト」です。未保存時は「● 未保存」と表示され、保存済みは「保存済み」と表示されます。元に戻す(⌘Z)が可能です。
どのエントリーをプレビューしますか?
上部の プレビューエントリー は、どのデータを使用して動的フィールドをレンダリングするかを選択するためのものです。エントリーが保存されると、プレビューが自動的に更新されます。草稿エントリーの名前の後には「(草稿)」が付く場合があります。
- エントリーがない場合:メッセージ「エントリーがありません、プレビューできません」と表示されます。まずレイアウトを保存し、その後 エントリーを追加 してください。
- プレビュー iframe のタイトルは「{タイプ名} 詳細ページプレビュー」の形式です。
多言語サイトでは 編集言語 を切り替え、各言語のレイアウト文を個別に編集できます。
動的フィールド
説明:テキストフィールドの横にある { } 動的フィールド をクリックすると、フィールド値を挿入できます。フィールド値は任意で、挿入しなくても静的なレイアウトを設計できます。
- データを表示したいテキストボックスにカーソルを置いてください。
- 動的フィールド をクリックします(ヒント:クリック後、カーソル位置に挿入されます)。
- リストからフィールドを選択します。リストのグループには、次のものが含まれます:このタイプ/このページのフィールド、システムフィールド(タイトルなど)、連絡とコミュニティ(連絡とコミュニティ に入力した列のみ表示)、およびサイトで開いている会員/ショップ/サブスクリプションの 会員(ログイン、登録、パスワードを忘れた場合のパスが適しており、ボタンリンクに使用できます;登録は
/signupにリンクします)。このページにフィールドがまだ定義されていない場合は、メッセージが表示されます。
フィールドがまだ定義されていない場合、画面には次のように表示されます:まず静的なレイアウトを設計するか、「タイプ設定 → フィールド定義」に進んでフィールドを作成し、動的コンテンツをバインドしてください。
画像タイプのフィールドも、対応する画像ブロック/動的位置に配置する必要があります。そうしないと、項目に画像があっても、詳細が空白になる可能性があります。
項目の ギャラリー フィールド(複数の画像)は、ブロック ギャラリー(項目) に挿入し、正しいフィールドを選択してください。訪問者が画像をクリックして大きな画像プレビューを表示できるようにするには、そのブロックで 画像をクリックしてプレビューを開く をオンにしてください(デフォルトはオフです)。これは単一画像のリンク設定とは異なり、このブロックは各画像に個別のURLを設定することはできません。
繰り返しリストの画像とテキストのカルーセルは、画像とテキストのカルーセル(項目リスト) に挿入し、正しいフィールドを選択してください。画像をクリックしてプレビューを開くのも同様にブロックのスイッチです(デフォルトはオフです);画像の横のボタン/リンクは同時に使用できます。フィールド定義は既存の「画像とテキストカード」テンプレートを適用できます;タイトルは最初のテキストフィールドから取得されるため、タイトルは他のテキストフィールドの前に配置してください。ページ内で手動でアップロードした「ギャラリー/画像カルーセル」は 全画面ページエディタ で確認できます。
繰り返しリストをタブで表示するには、タブ(項目リスト) を挿入します。フィールド定義には「タブ(アイコン、タブタイトル、コンテンツタイトル、画像、説明)」テンプレートをおすすめします。「タブタイトル」はタブに表示される文字で、「コンテンツタイトル」はタブの内容の一番上に表示されます(任意)。すでに作成済みのタブ用フィールドにコンテンツタイトルを追加したい場合は、フィールド定義にフィールドコードが heading のテキストフィールドを手動で追加してください。
2つのブロックは、ブロック設定で画像を左側または右側に変更できます。全画面ページエディタを参照してください。
リッチテキストフィールドはどこに挿入しますか?
リッチテキスト(太字、リスト、リンク可能)は、ブロックの本文位置に挿入してください。タイトル、小タイトル、副タイトルには挿入しないでください。
| 推奨挿入 | 挿入しないでください |
|---|---|
| 二段組の画像とテキストの本文、テキストブロックの本文、リッチテキストブロックの本文 | タイトル、小タイトル、副タイトル、カードの短い説明 |
| FAQの回答、コンテンツページのパネル本文 | 引用/名言(プレーンテキストになります) |
間違った場所に挿入すると、フロントエンドでフォーマットがプレーンテキストに分解されるか、プログラムコードのように見えることがあります。プレビュー時には、すでに入力されたリッチテキストの項目を確認して、太字とリストが表示されていることを確認してください。
重複リスト(FAQ、ページ、タイムライン説明など)のサブフィールドは「リッチテキスト」に変更できます。詳細なフォーマットは、内容に応じて表示形式が決まります。
どうやって確認しますか?
- 版面を保存した後、公開済みの項目でフロントエンドの詳細(またはプレビュー)を開いてください。
- タイトル、カスタムフィールド、画像が挿入した位置に表示されます。
- 別のプレビュー項目に切り替えると、動的な位置がデータに応じて変わります。
- 多言語:言語を切り替えて版面の文言と項目の翻訳を確認してください。
よくある問題
| 状況 | 対処法 |
|---|---|
| 「詳細ページのデザインがない」 | 所有者でないか、カスタムタイプでない。 |
| 「プレビューを読み込めない」 | サイト識別が無効です。管理画面に戻ってサイトを再選択してください。 |
| フロントエンドの詳細がほぼ空白 | テンプレートに動的フィールドが挿入されていないか、間違ったフィールドを挿入しています。 |
| 画像が表示されない | 項目の画像フィールドに画像が選択されていないか、テンプレートにその画像フィールドが配置されていません。 |
| フィールドコードを変更した後に空白になる | 動的フィールドがまだ古いコードを指しています。再度挿入してください。 |
リストページの版面はここにはありません:ページ管理に移動し、カスタムコンテンツリスト(自動)を挿入して、正しいコンテンツタイプを選択してください。 全画面ページエディタを参照してください。
詳細版面にも同期ブロックを挿入できます(1箇所を変更すると、すべての参照された版面が一緒に更新されます)。 同期ブロックの使い方を参照してください。