SeedProd ドキュメンテーション

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

ヘッダーテンプレートの作り方

SeedProd Website Builderのヘッダーテンプレートを使用すると、ロゴやナビゲーションメニュー、その他の要素を含めたカスタムヘッダーをデザインし、サイト全体に自動的に表示させることができます。また、表示条件を異なる複数のヘッダーテンプレートを作成することで、サイトの各エリアに応じて異なるヘッダーを表示させることも可能です。

注:ヘッダーテンプレートはSeedProdのランディングページには表示されません。ランディングページは独立したページであり、Website Builderのテンプレートの影響を受けません。


ステップ 1: 新しいヘッダーテンプレートを追加する

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


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

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

  • タイプ:ドロップダウンから「ヘッダー」を選択してください。
  • 名前:このヘッダーテンプレートを識別するための名前を入力してください。
  • 表示条件:このヘッダーが表示される場所(すべてのページ、特定の投稿タイプ、または個別のページなど)を制御するために、表示条件を設定します。
  • 優先度:条件が重複した場合にどのヘッダーを表示するかを管理するために、優先度番号を設定します。番号が大きいほど優先されます。
「ヘッダー」をタイプとして選択し、条件を設定した新しいテーマテンプレートのポップアップ

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


ステップ3:ヘッダーのデザイン

ビルダー内でヘッダーのレイアウトをデザインします。すぐに作業を始めるには、左側のサイドバーにある「セクション」パネルを開き、「セクション」>「ヘッダー」の下にある既成のヘッダーセクションを閲覧してください。これらの中から一つを選んでベースとして挿入し、カスタマイズすることもできますし、ブロックを直接追加してヘッダーを一から作成することもできます。


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

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


ヘッダーテンプレートがサイト全体に反映されました。SeedProd > Website Builderにいつでも戻って、テンプレートの編集や条件の調整を行うほか、サイトの特定のセクション用に追加のヘッダーテンプレートを作成することも可能です。

関連記事