この記事では、AIエディターの「テーマ」設定について説明します。

テーマとは、サイト全体のデザイン（色や文字の雰囲気）をまとめて変更できる機能です。
あらかじめ用意されたデザインパターンから選ぶ仕組みになっており、サイトの見た目を一括で変更できます。
専門的なデザイン知識がなくても、ワンクリックで統一感のあるサイトを作成できます。

❶ プリセットからテーマを選択する

🔻左側メニューの「テーマ」をクリックすると、プリセットのデザインとオリジナルのデザインから選ぶことが来ます。

🔻上部のカテゴリから、サイトの雰囲気や目的に合わせて絞り込むことができます。

💡テーマは「どんな印象のサイトにしたいか」をイメージしながら選ぶのがおすすめです。
　用途や業種だけでなく、伝えたい雰囲気に合わせてお選びください。

🔻任意のテーマカードをクリックすると、左上にチェックマークが表れ、実際にwebサイトに適用されます。

❷ オリジナルでテーマを作成する

🔻「オリジナル」のタブを選択すると、ボタン色やフォントを自分で選んでカスタマイズすることができます。

🔻新しくテーマを作成するには、一番下の「テーマを追加」もしくは「AIテーマ生成」をクリックします。

テーマを追加

🔻「テーマを追加」をクリックすると、それぞれの項目の設定画面が開きます。

🔻各項目に設定中の色の部分をクリックすると、カラーピッカーが表示されますので、任意の色を選びます。

※「テーマ名」は必須項目です

🔻「見出し」と「テキスト」のフォントをドロップダウンから選択できます。

※見出しとテキスト同様にデフォルトはNoto Sans JPが選択されています。

🔻「保存」をクリックすると、作成したテーマカードが追加されます。

🔻追加されたテーマカードをクリックすると、左上にチェックマークが表れ、実際にwebサイトに適用されます。

保存した直後

テーマカードをクリックし、webサイトに適用されている状態

✨ AIテーマ生成

🔻プロンプトまたは参考画像のアップロードでテーマのイメージを伝えることで、自動でテーマカードを生成させることができます。

　※ご利用にはトークンを消費します

※最大入力可能文字数: 500文字まで

🔻プロンプトを入力し、「テーマを生成」をクリックすると、3つの生成結果が表示されます。

🔻3つのうち最もイメージに合うテーマカードをクリックして選択し、「このテーマを保存」をクリックします。

※ いずれか一つのみ保存することができます。

🖼️ 画像から生成

🔻「画像から生成」では、お手持ちの画像から色合いの傾向を参考にしてテーマカードを作成することができます。

・画像ファイル形式；JPG/PNG/GIF/SVG

・画像は5MB以内でアップロードしてください。
・意図とは異なる結果が生成される場合があります。

・オリジナルテーマは20件まで保存が可能です。

・テーマ変更後はwebサイトのステータスが「一時保存」になります。

🔻画像をアップロードし、「テーマを生成」をクリックすると同じように3つの生成結果が表示されますので、いずれか1つを選んで保存します。

❸ テーマカードの見方

テーマ一覧では、各テーマをカード形式でプレビューできます。カードは以下の要素で構成されています。

テーマはサイトの印象だけでなく、見やすさや分かりやすさにも影響します。
読みやすいデザインは、訪問者にとって使いやすいサイトづくりにつながります。
ぜひテーマ機能を活用し、統一感のあるサイト作成にお役立てください。