SeedProd ドキュメンテーション

SeedProdのドキュメント、参考資料、チュートリアル

シングル・ページ・テンプレートの作り方

SeedProd Website Builderの「シングルページ」テンプレートを使用すると、WordPressページのレイアウトを自由にカスタマイズできます。これは動的なテンプレートであるため、各ページのコンテンツをデータベースから自動的に取得し、訪問者が閲覧しているページに応じた正しいタイトルとコンテンツを表示します。また、表示条件の異なる複数のシングルページテンプレートを作成することで、サイト内の各ページに異なるデザインを適用することも可能です。

重要:投稿コンテンツ」ブロックをシングルページテンプレートに必ず含めてください。これがないと、フロントエンドにページコンテンツが表示されません。


ステップ 1: 新しい単一ページテンプレートを追加する

WordPressの管理画面で、「SeedProd」>「Website Builder」に移動し、「新しいテンプレートを追加」をクリックしてください。


ステップ 2: テンプレートの設定を行う

新しいテーマテンプレート」ポップアップで、テンプレートを作成する前に以下の設定を行ってください:

  • タイプ:ドロップダウンメニューから「単一ページ」を選択してください。
  • 名前:このテンプレートを識別するための名前を入力してください。
  • 条件:このテンプレートを適用するページを制御するために、表示条件を設定します。たとえば、すべてのページ、特定の親ページ、またはスラッグやIDで指定した個別のページなどです。
  • 優先度:条件が重複した場合にどのテンプレートを適用するかを管理するために、優先度番号を設定します。番号が大きいほど優先されます。
「シングルページ」がタイプとして選択され、条件が設定された新しいテーマテンプレートのポップアップ

保存」をクリックすると、SeedProdビルダーでテンプレートが開きます。


ステップ3:シングルページテンプレートのデザインを作成する

ビルダーでページレイアウトを設計します。テンプレートタグブロックを使用して、動的なページデータを読み込みます。単一ページレイアウトで最もよく使用されるテンプレートタグには、次のようなものがあります:

  • 投稿タイトル— ページのタイトルを表示します
  • 投稿内容— ページの本文を表示します(必須)
  • 投稿情報— 作成者や日付などのメタデータを表示します
  • 「注目画像」— ページの注目画像を表示します
SeedProdビルダーのテンプレートタグブロックパネルで、単一ページテンプレートで使用可能なタグを表示する

ステップ4:テンプレートを公開する

デザインの作成が完了したら、「保存」ボタンのドロップダウン矢印をクリックし、「公開」を選択してください。シングルページテンプレートは、その表示条件に一致するページに直ちに適用されます。


シングルページテンプレートが公開されました。SeedProd > Website Builderにいつでも戻って、テンプレートの編集や条件の調整を行うほか、サイトの各セクション用に追加のシングルページテンプレートを作成することもできます。利用可能なテンプレートタグの詳細については、「動的タグ」のドキュメントをご覧ください。

関連記事