デザイン＆レイアウト

ヘッダー、セクション、フッターを保存し、複数のページで再利用できます。制作フローを効率化するため、マスターの編集内容はサイト内で使用されるすべてのマスターに適用されます。

セクション全体をデザインしてデザインアセットとして保存し、複数のサイトで再利用することができます。デザインアセットは、サイトレベルでローカルに保存することも、共有可能なデザインライブラリに保存してアカウント内のすべてのサイトからアクセスすることもできます。

サイトで使用されているタイポグラフィやカラーパレットを表示し、細かくカスタマイズすることができます。

サイトの各ページに独自のメニューを追加し、管理することができます。メニューのデザイン、表示するアイテム、リンクするページなどを選択し、ブレイクポイントごとに各メニューのアイテムをカスタマイズできます。

任意のセクションでビューポートの高さを100%に設定できます。これにより、訪問者のデバイスにかかわらず、常に画面の高さの上限まで表示されるようになります。

画面のリサイズに応じて要素がどのように調節されるかを管理できます。固定サイズまたはフルードサイズを選択したり、画像やテキストをビューポートに比例して拡大・縮小するように設定できます。

編集画面の両端にあるリサイズハンドルを使い、任意のビューポート幅でサイトを表示・編集することができます。

すべてのビューポートで垂直方向の余白を確保し、小さいサイズの画面で要素が重複しないようにできます。

任意のコンテナの周囲に余白を設けることで、常に一定の距離を保つことができます。

特定のブレイクポイントで行ったスタイルの変更はより小さなブレークポイントにも反映されますが、その逆はありません。

要素のレイアウトやスタイルのプロパティを、任意のブレイクポイントから別のブレイクポイントにコピーできます。例えば、モバイル用の要素のスタイルをタブレット用の要素に数クリックで適用することができます。

要素のスタイルを別の要素にコピーすることで、作業効率を向上することができます。特定のブレイクポイントでのスタイルをコピーするか、すべてのブレイクポイントでのスタイルをコピーするかを選択できます。

非表示のポジションマーカーを追加し、サイト訪問者のナビゲーションをサポートできます。任意の要素をアンカーに指定して、サイト内のボタンやメニューアイテムにリンクすることができます。

フォントファイルをアップロードし、すべてのサイトで使用できます。

要素のサイズは、ピクセル、パーセンテージ、またはビューポートの高さや幅に応じて設定できます。また、グリッドの列や行のサイズを fr 、calc などを使って変更することもできます。