Alf Website Builder でのウェブサイトのプレビューと編集

この段階では、Alf は新しいウェブサイトを確認・調整し、その後公開するためのオプションを提供します。

  • プレビュー
    プレビューをクリックすると、ライブプレビューモードが有効になり、公開前に変更内容を確認できます。


    ウェブサイトが全画面でどのように見えるかを確認するオプションも利用できます。


    • 編集
      このオプションでは、ウェブサイトを手動で編集できます。現時点で行える変更は次の内容に限られます。

      • ウェブサイト上のすべてのテキストコンテンツの書式設定(見出し、段落、キャプション)。これを行うには、更新したい要素にカーソルを合わせて調整します。


  • 画像
    AI を使って画像を再生成できます。これを行うには、目的の画像をクリック >> Alf アイコンをクリック >> 新しい画像のプロンプトを入力 >> プロンプトを送信します。システムが現在の画像を置き換える新しい画像を生成します。



    :Alf はまだ現在の画像を「見る」ことができないため、新しい画像をどのような見た目にしたいかをプロンプトで正確に説明してください。

  • 既存の画像の下にある Upload をクリックすると、カスタム画像をアップロードして(Alf が生成した画像の代わりに)使用することもできます。使用できるのは、SVGPNGJPG、または GIF 形式で、サイズが 5 MB を超えない画像です。


  • テーマとスタイル
    Site Manager をクリックすると、ウェブサイトのテーマを変更し、フォントやカラーパレットをカスタマイズできます。

  • セクション管理
    ウェブサイトのセクションは Editor モードで並べ替えや削除ができます。目的のセクションをクリックすると、次の操作を行える 3 つのアクションボタンが表示されます。

    • セクションは の矢印を使って並べ替えられます。なお、ヘッダーとフッターでは上/下矢印は無効です。

    • セクションを削除するには、ごみ箱アイコンをクリックします。


    各セクションに 背景画像 を追加することもできます。これを行うには、セクションをクリックして対応するボタンを使用します。


    背景画像オプションでは、最大 5 MB までの PNGJPGWEBPJPEG 形式のファイルをサポートしています。

Alf とチャットすると、さらに多くの AI 搭載カスタマイズオプションを利用できます

  • 全体スタイルのコマンド:「ウェブサイトをモダンな見た目にして」「すべてのフォントを Arial に変更して」などのリクエストができます。

  • テーマ管理:利用可能なすべてのテーマの一覧を表示してもらい、その後 Alf に適用させることができます。テーマはそのままにして、カラーパレットやフォントなどの細かな調整だけを行うことも可能です。

  • コンテンツのトーン調整:Alf に依頼して、文章のトーンをよりフォーマル、カジュアル、または親しみやすいものに調整できます。これらの変更はサイト全体に適用できます。

  • 要素の変更:前述のとおり、特定の色、タイポグラフィ、テーマ要素に対して細かな編集を行えます。

  • コンテンツ生成:ウェブサイトの任意のセクションについて、テキストや画像を個別に作成または再生成することもできます。

  • レイアウトの最適化:レイアウトに自信がない場合は、Alf にウェブサイトのセクションを並べ替えてもらうことができます。

  • セクション管理:サイトが思い描くイメージに合うまで、自分でウェブサイトのセクションを追加、削除、並べ替えることもできます。

  • 背景画像のアップロード:独自の背景画像をアップロードして、ウェブサイトの見た目をパーソナライズできます。

変更したい内容と場所を Alf に伝えるだけで、それに応じてウェブサイトのデザインが調整されます。


上部にある 3 つのボタンを使うと、異なるデバイス(デスクトップ、タブレット、モバイル)でウェブサイトがどのように見えるかを確認できます。


ファビコン(ブラウザーのタブでサイト名の横に表示される小さなアイコン)は、ウェブサイトのロゴに基づいて自動的に生成されます(ロゴはデフォルトで常に表示されます)。


新しいサイトの構想段階にあり、見た目や使い方を大きく変更したい場合(例:車の販売サイトから 1 ページのプロフィールサイトへの変更など)は、Alf と新しい会話を始めることをおすすめします。

有効なメールアドレスが必要です