SeedProd ドキュメント

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

シェイプディバイダー

シェイプディバイダーは、ページ上のセクションやカラムの上端と下端に装飾的な区切り効果を追加します。SeedProdには18種類のシェイプスタイルが用意されており、デザイン経験がなくても、ページセクション間にスムーズな移行と視覚的な興味を作成できます。

SeedProdのセクションに適用されたシェイプディバイダーの例

シェイプディバイダーの追加

  1. シェイプディバイダーを追加したいセクションまたはカラムを選択します。要素の端にカーソルを合わせたときに表示される歯車アイコン(設定ハンドル)をクリックするか、レイアウトナビゲーションパネルから選択します。
  2. 設定パネルで、高度な設定タブをクリックし、シェイプディバイダーセクションを展開します。
  3. 位置(または)を選択し、次にタイプのドロップダウンメニューからシェイプスタイルを選択します。
高度な設定タブのシェイプディバイダー設定。タイプ、カラー、幅、高さ、反転、前面に表示オプションが表示されています

カスタマイズオプション

シェイプタイプを選択すると、次のオプションが利用可能になります:

  • カラー:シェイプディバイダーの塗りつぶし色を設定します。
  • 幅:セクション全体にシェイプが広がる幅を調整します。
  • 高さ:シェイプディバイダーが表示される高さを制御します。
  • 反転:シェイプを水平方向にミラーリングして、向きを反転させます。
  • 前面に表示:セクションまたはカラム内の他のすべての要素の前面にシェイプディバイダーを表示します。

ヒント: 同じセクションまたはカラムに、上部と下部の両方のシェイプディバイダーを追加するには、各位置を個別に設定します。


シェイプディバイダーは、ページセクション間に視覚的な洗練さを加える簡単な方法です。さまざまなシェイプ、サイズ、色を試して、全体的なデザインを引き立てるスムーズな移行を作成してください。

関連記事