SeedProd ドキュメント

SeedProd のドキュメント、リファレンスマテリアル、チュートリアル

グローバルパーツテンプレートを使用して列を別の列にネストする方法

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

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


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

SeedProd > Website Builder に移動し、Add New Template をクリックします。ポップアップで、タイプとして Template Part を選択し、名前を付けて、Create Template をクリックします。グローバルパーツテンプレートの設定に関する完全な手順については、サイト全体の一貫性のためのグローバルパーツテンプレートの作成 を参照してください。

新しいテーマテンプレートポップアップで、テンプレートパーツがタイプとして選択されている状態

ステップ 2: 内部列レイアウトを構築する

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

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

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

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

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

ステップ4:変更を保存

変更を適用するには Save をクリックします。グローバルパーツテンプレートは列内にレンダリングされ、ページにネストされた列の効果を作成します。


ネストされた列レイアウトが配置されました。グローバルパーツテンプレートを使用しているため、内部レイアウトに行った変更は、テンプレートパーツブロックが使用されているすべての場所に自動的に適用され、複数のページにわたって一貫したネストされたデザインを簡単に維持できます。

関連記事