SeedProd ドキュメンテーション

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

グローバルパーツテンプレートを使って別のカラムの中にカラムを入れ子にする方法

SeedProdのカラムブロックは、ビルダー内で直接ネストすることはできません。ただし、内部のカラムレイアウトを含む「グローバルパーツ」テンプレートを作成し、それを「テンプレートパーツ」ブロックを使用して任意のページの任意のカラムに挿入することで、同様の効果を得ることができます。この方法であれば、ネストされたレイアウトは、どこで使用されても自動的に同期されます。

利用条件:「グローバルパーツ」機能は、ProおよびElite のライセンスプランで利用可能です。


手順 1: グローバルパーツテンプレートを作成する

「SeedProd」>「Website Builder」に移動し、「Add New Template」をクリックします。表示されるポップアップで、タイプとして「Template Part」を選択し、名前を入力して、「Create Template」をクリックします。グローバルパーツテンプレートの設定に関する詳しい手順については、「サイト全体の一貫性を保つためのグローバルパーツテンプレートの作成」をご覧ください。

「テンプレートパーツ」がタイプとして選択された新しいテーマテンプレートのポップアップ

ステップ2:中央揃えのレイアウトを作成する

「グローバルパーツ」テンプレートエディタ内で、ネストしたい列レイアウトを設計します。「列」ブロックを追加し、必要な列数とコンテンツを設定します。設計が完了したら、「保存」をクリックします。

SeedProdビルダー内のグローバルパーツテンプレート内に構築されたカラムレイアウト

ステップ3:グローバルパーツを列に挿入する

ネストされたカラムを表示したいページまたはテンプレートを開きます。ブロックパネルで「Template Part」ブロックを見つけ、ネストされたレイアウトを表示したいカラムにドラッグします。ブロック設定で、作成した「Global Part」テンプレートを選択します。

SeedProdビルダーのカラムにドラッグされているテンプレートパーツブロック

ステップ4: 変更を保存する

保存」をクリックして変更を適用してください。「グローバルパーツ」テンプレートが列内に表示され、ページ上にネストされた列のような効果が生まれます。


これで、ネストされたカラムレイアウトが完成しました。グローバルパーツテンプレートを使用しているため、内部レイアウトに変更を加えると、その変更は「テンプレートパーツ」ブロックが使用されているすべての場所で自動的に反映されます。これにより、複数のページにわたってネストされたデザインの一貫性を維持することが容易になります。

関連記事