テーマの設定

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

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

❶ テーマの選択

左側メニューの「テーマ」をクリックすると、デザインの一覧が表示されます。

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

番号	項目名	詳細説明
❶	すべて	すべてのテーマを一覧で表示します
❷	ビジネス	落ち着きや信頼感を重視したデザインです。「コーポレート」「モダン」「プロフェッショナル」「ミニマル」「トラスト」「アーバン」などのテーマが含まれます。
❸	クリエイティブ	個性やデザイン性を重視したデザインです。「ダイナミック」「ストロング」「インダストリアル」などのテーマが含まれます。
❹	エレガント	上品さや洗練された雰囲気を重視したデザインです。「ソフト」「ブリック」「リッチ」などのテーマが含まれます。
❺	ナチュラル	自然体で親しみやすい印象を重視したデザインです。「アクア」「ボタニカル」「トラディショナル」などのテーマが含まれます。
❻	ポップ	明るく元気でかわいい印象を重視したデザインです。「コーラル」「キュート」「フレッシュ」などのテーマが含まれます。

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

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

番号	項目名	詳細説明
❶	背景色	背景色は、サイト全体のベースカラーを表しています。テーマによって異なる色味や雰囲気を直感的に確認できます。
❷	見出し・テキスト	「見出し」「テキスト」の文字は、テーマごとに異なるフォントが適用されています。実際のサイト上で文字がどのように見えるかを事前に確認できます。
❸	カラーボタン	3つの丸いカラーボタンはそれぞれ異なる配色パターンを表しています。ボタンを押すと、サイト上のボタンの色味や全体のトーンが切り替わります。
❹	テーマ名	カード下部に表示されているのがテーマ名です（例：アクア／ボタニカル／トラディショナル）

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

テーマを変更すると、サイト全体の見出しカラーやテキストカラーが一括で変更されます。

ページごとの細かなデザインを変更する前に、先にテーマを決めておくことをおすすめします。