サイトをページ上で直接変更

変更できること

文字は、見出し、リストの項目、複数の場所で使われるパーツ、メールアドレスなどサイトの詳細のどこに書かれていても変更できます。サイトの詳細を変えた場合は、表示されているすべての場所で変わります。リンクとボタンのリンク先も変更できます。画像と動画は、メディアライブラリのものに置き換えられます。

あらゆる要素の見た目を、パネルの各セクションで設定できます。レイアウト、内側と外側の余白、文字、色、線、角、影、不透明度です。色はサイト自身の色で、実際に塗られる色で表示され、文字が背景の上でどれだけ読みやすいかもパネルでわかります。

セクションとリスト。ホームページでは、セクションを上下に動かしたり、コピーしたり、非表示にしたりできます。ほかのページでは、移動または取り外しができます。カード、プラン、質問など、リストの項目も移動、コピー、削除できます。

サイト全体を、Siteタブから整えられます。色、見出しと本文の書体、角の丸み、ライトモードかダークモードか、コンテンツの幅、セクション間の余白を設定できます。

スマートフォン、タブレット、デスクトップ

幅を切り替えると、スマートフォン、タブレット、デスクトップでの見え方を確認できます。変更は、見ている幅からそれより大きい幅に適用されます。そのため、スマートフォン用に見出しを小さくしても、デスクトップはそのままです。どの要素も、幅ごとに表示や非表示を選べます。

ホバーとフォーカスには専用の設定があるので、ポインターを合わせたときにボタンの色を変えられます。

セクション、レイヤー、ページ

任意の2つのセクションの間にセクションを追加できます。サイト自身の色で描かれた無料のデザイン済みセクション、入力して使う空白のセクション、またはGenerate with AIから選べます。Generate with AIでは、作成の前にいつものクレジット消費量が表示されます。Quick Editでは、セクションのすべての文章と画像を1つのフォームにまとめて編集できます。

Layersはページをセクションごとに一覧表示するので、何でも簡単に見つけて選べます。ページ上でもLayersでも、右クリックでメニューが開きます：編集、置き換え、複製、スマホで非表示、移動、削除。

ページパネルでは、ページの追加、名前変更、複製、削除、メニュー内の順序の設定ができ、ページごとに検索と共有の設定も行えます。

公開するまで何も変わりません

変更はするたびにページに表示され、サーバー上に保存される下書きで待機します。そのため、再読み込みやタブを閉じたあと、別の端末でも残ります。プロジェクトを編集する全員が同じ下書きで作業します。

元に戻す・やり直すで変更をたどれます。変更の一覧には一つひとつの内容が表示され、不要なものは外せます。Discardを押すと、ページは元の状態に戻ります。

公開すると、変更がサイトのコードに書き込まれ、新しいバージョンとして公開されます。通常は30秒ほどです。コードに反映できない変更は理由とともに拒否され、何も公開されません。

Historyには、サイトの保存済みバージョンがすべて、依頼した人と日時とともに並びます。各バージョンは当時の姿で表示でき、ワンクリックで復元できます。

コメントと、ほかに編集中の人

ページ上のあらゆる場所にコメントを固定し、スレッドで返信し、@でチームメイトを指定して知らせられます。ワークスペースの全員がコメントでき、Viewerも可能で、Editor以上がスレッドを解決済みにできます。

エディタのバーに表示される顔アイコンで、ほかにプロジェクトを開いている人、それぞれが開いているページ、選んでいる要素が分かります。選択は、その人の色でページ上に枠線表示されます。

AIに質問、必要なときだけ

文章の書き直し、短縮や延長、トーンの変更、画像の代替テキストの作成ができます。各ボタンに料金が表示され、文章は最大0.2クレジット、代替テキストは最大0.1クレジットです。何かが書き込まれる前に、結果を採用するか破棄するかを選べます。

セクションのAsk AIでは、新しいデザインにしたり、レイアウトを直したり、選んだ部分について入力した依頼を何でも伝えたりできます。スタジオでの通常の変更と同じで、先にいつもの費用が表示され、Versionsで元に戻せます。

チェックは、今見ている幅のページを読み取り、代替テキストのない画像、読みにくい文字、順序の乱れた見出し、名前のないリンクを探します。AIモデルは使わず、費用はかかりません。

ビルダーが必要なとき

エディターでできないこと、たとえば新しい要素や別のレイアウトは、パネルから選んだ要素についてビルダーに送ります。スタジオでの通常の変更になり、クレジットを使います。