​
カスタマイズの方法

Hirameki Webでは、2つの方法でサイトをカスタマイズできます。

AIチャット

自然言語で修正指示

コードエディタ

HTMLやCSSを直接編集

​
AIチャットでのカスタマイズ

最も簡単な方法は、AIに自然言語で指示を出すことです。

​
色の変更

サイト全体の配色を青系から緑系に変更してください

​
レイアウトの変更

トップページの「サービス」と「会社概要」セクションの順番を入れ替えてください

​
画像の変更

例
トップページのヒーロー画像をビジネスチームの写真に変更してください

​
コードエディタ

​
エディタを開く

ヘッダー右側のターミナルアイコンをクリックすると、コードエディタが開きます。

​
コード例

<section class="custom-hero">
  <div class="container">
    <h1 class="hero-title">Welcome to Our Site</h1>
    <p class="hero-subtitle">Building the future together</p>
    <a href="#services" class="cta-button">Get Started</a>
  </div>
</section>

​
レスポンシブデザイン

生成されたサイトはTailwind CSSを使用しており、デフォルトでレスポンシブ対応です。プレビュー画面のデバイス切り替えボタン（デスクトップ/モバイル）で表示を確認できます。

​
ベストプラクティス

3〜5色程度のカラーパレットを決めて、サイト全体で統一しましょう。
本文のフォントサイズは最低16px、行間は1.5〜1.8倍を推奨します。
スマートフォンでの表示を最優先に考えましょう。

​
よくある質問

バージョン履歴機能から過去の状態を確認・復元できます。ヘッダーの時計アイコンからアクセスできます。
プレビュー画面のデバイス切り替えボタン（デスクトップ/モバイル）で確認できます。