SeedProd ドキュメント

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

グローバル設定

SeedProd の グローバル設定 では、単一のパネルからページ全体のデフォルトのフォント、色、背景、カスタム CSS を制御できます。ここで行った変更はページ全体にサイトワイドに適用されるため、各ブロックやセクションを個別に調整することなく、一貫したデザインの基盤を設定できます。


グローバル設定を開く

グローバル設定は、SeedProd のページビルダーから直接アクセスできます。ビルダーキャンバスの右下隅にある 歯車アイコン を探してクリックすると、グローバル設定パネルが開きます。

SeedProd ビルダーの右下隅にあるグローバル設定の歯車アイコン

設定可能な項目

グローバル設定パネルには 4 つのセクションがあります。

フォント、色、背景、カスタム CSS のオプションが表示されている SeedProd のグローバル設定パネル
  • フォント: ページ全体のヘッダーと本文テキストのデフォルトのフォントファミリー、サイズ、太さを設定します。ここでフォントを選択すると、ブロックレベルで上書きされない限り、すべてのテキストブロックが継承するタイポグラフィのベースラインが確立されます。
  • 色: ページ全体のグローバルカラーパレットを定義します。これらの色は、任意のブロックの色を選択する際にクイック選択オプションとして表示されるため、デザイン全体で一貫したブランディングを維持しやすくなります。
  • 背景: ページ全体のデフォルトの背景(単色、グラデーション、または画像)を設定します。これは、すべてのセクションの後ろにある全体的なページキャンバスに適用されます。
  • カスタム CSS: ページ全体に適用される独自の CSS ルールを追加します。これは、ブロック設定で提供される範囲を超える高度なスタイリングに役立ちます。カスタムフォントを CSS 経由で使用する方法については、SeedProd でカスタムフォントを使用する方法 ガイドを参照してください。

グローバル設定で変更を加えたら、保存 をクリックしてページに適用します。グローバル設定の変更は、ビルダープレビューで即座に有効になるため、保存する前に結果を確認できます。

関連記事