テーマとデザイン調整
最終更新日: 2026年5月27日
スタジオ右パネルの「デザイン」タブで、テーマ一括適用・要素ごとのスタイル調整・画像差し替えを行う方法を解説します。
右パネルの構成
スタジオ右側のパネルには「デザイン」と「内容」の 2 タブがあります。「デザイン」では見た目の調整、「内容」ではテキストや画像、連絡先などの情報更新を行います。
キャンバス上の要素をクリックして選択すると、選択中の要素に対する個別設定がパネルに表示されます。
テーマの一括適用
「デザイン」タブ上部の「テーマ」セクションでは、メインカラーとフォントをサイト全体に一括で反映できます。
メインカラーはヒーローなど主要ブロックの色・ボーダーに適用され、フォントは Noto Sans JP、Zen Kaku Gothic New、M PLUS 1p、しっぽり明朝などから選択できます。
「テーマを全体に適用」ボタンを押すと、すべてのセクションに変更が反映されます。個別要素の色を変えた後にテーマを適用すると、一部設定が上書きされる場合があるため、順序に注意してください。
要素ごとのスタイル調整
要素を選択した状態で、色・透明度・文字の太さ・サイズなどをスライダーやボタンで変更できます。変更はプレビューに即座に反映されます。
要素の位置はドラッグで調整でき、選択枠の四隅・辺のハンドルでサイズ変更が可能です。Shift を押しながらドラッグすると縦横比を固定できます。
左のツールバーから長方形・楕円・テキストなどを選択中のブロックへ追加することもできます。
内容タブでの情報更新
「内容」タブでは、画像の差し替え、連絡先(電話・メール)の更新、各セクションのテキスト編集が行えます。
生成時にプレースホルダとして入った連絡先情報は、公開前に必ず実際の情報へ差し替えてください。
画像はブランドに合う素材へ差し替えることを推奨します。権利関係の確認はご自身の責任で行ってください。
セクション順の変更
左側のセクション一覧で、矢印ボタンを使ってブロックの表示順を入れ替えられます。
大きな構成変更(セクションの追加・削除)が必要な場合は、ブリーフを更新して再生成する方が効率的なこともあります。再生成すると手直しはリセットされる点にご注意ください。