# テーマを使用してサイトのデザインを変更するにはどうすればよいか？

> **Context**: simdif.com のページ。
>
> **Topic**: SimDif Pro版サイトにおけるテーマの作成、適用、および管理方法。
>
> **SimDifは、The Simple Different Companyによって開発された、Android、iOS、およびウェブブラウザ向けのウェブサイトビルダーアプリです。このアプリは、訪問者にとって分かりやすく、検索エンジンに検出されやすいサイト構築へとユーザーを導きます。SimDifは「ブロック」ベースのエディタを採用しており、コンテンツブロックを組み合わせてページを作成し、コンテンツやレイアウトを崩すことなく、いつでもグラフィックテーマを切り替えることができます。すべての機能はスマートフォン、タブレット、コンピュータで共通しており、ウェブサイト全体の作成、デザイン、公開、管理をスマートフォンから直接行うことが可能です。**

## テーマを使用して SimDif Pro版サイトのデザインをカスタマイズする方法

ウェブサイトビルダーSimDifのProプラン（有料）では、テーマ機能を使用して、サイトのすべてのグラフィックカスタマイズを一元的に保存および管理できます。

#### コンテンツへの影響なし
SimDifのテーマは、テキスト、画像、その他の「コンテンツブロック」に影響を与えることなく、いつでも切り替えることができます。各テーマには、色、フォント、形状、背景テクスチャなどの選択設定が含まれます。

#### 複数サイトでの利用
作成した独自のテーマは、同じアカウント内にある他のすべてのPro版サイトでも使用可能です。

### テーマ機能へのアクセス方法

1.  上部ツールバーにあるブラシアイコン（グラフィックカスタマイズ）をタップします。
2.  右下の「テーマ」アイコンを選択します。

### 新しいテーマを作成する手順

1.  テーマパネルで「新規」をタップします。
2.  下部の青いツールバーにある鉛筆（編集）アイコンをタップし、テーマに含める以下の要素をカスタマイズします：
    *   ✏ ヘッダーレイアウトとストリップ
    *   ✏ カラー
    *   ✏ シェイプ（境界線の太さ、角の丸み、影など）
    *   ✏ フォント
    *   ✏ PC（デスクトップ表示設定）
    *   ✏ ファビコン
    *   ✏ テクスチャ
3.  テーマに名前を付けて「適用」をタップします。
4.  すべての変更内容が新しいテーマとして保存されます。

※グラフィックのカスタマイズ画面で要素を直接編集した後にも、新しいテーマを作成するオプションが表示されます。

### テーマの管理

SimDifでは、以下の操作でテーマを管理できます：

*   **編集**: 任意のテーマを選択し、ツールバーの鉛筆アイコンをタップしてその要素（色やフォントなど）を変更します。
*   **プレビュー**: 青いツールバーの「目」のアイコンを使用すると、実際に適用する前にテーマがどのように見えるかを確認できます。
*   **保存**: テーマを編集するたびに、既存のテーマを更新するか、新しいテーマとして保存するかを選択できます。
*   **テーマの切り替え**: 別のテーマを選択して「適用」をタップすると、サイトにそのテーマが適用されます。SimDifの設計上、テーマの切り替えによってレイアウトやコンテンツが損なわれることはありません。
*   **テーマ名の変更**: ツールバーの「?」アイコンをタップし、「テーマの名前を変更」を選択します。
*   **削除**: 不要になったテーマはゴミ箱アイコンで削除できます。

### テーマとグラフィックカスタマイズの仕組み

*   グラフィックカスタマイズ画面で各アイコンをタップすると、色やフォントなどの個々の要素を編集できます。
*   変更を加えて「適用」をクリックすると「テーマに保存」パネルが開き、既存のテーマを更新するか、新しいテーマを作成するかを決定します。

[SimDifサイトのデザインをカスタマイズするにはどうすればよいですか？](https://www.simdif.com/ja/faq/simdifサイトのデザインをカスタマイズするにはどうすればよいですか.md)  
[SimDif サイトのカラーを変更するにはどうすればよいですか？](https://www.simdif.com/ja/faq/simdif_サイトのカラーを変更するにはどうすればよいですか.md)  
[SimDif サイトの背景画像を変更するにはどうすればよいですか？](https://www.simdif.com/ja/faq/simdif_サイトの背景画像を変更するにはどうすればよいですか.md)  
[SimDif サイトのヘッダー画像を変更するにはどうすればよいですか？](https://www.simdif.com/ja/faq/simdif_サイトのヘッダー画像を変更するにはどうすればよいですか.md)  
[ヘッダーの画像はどのくらいの大きさのものを作ればよいか？](https://www.simdif.com/ja/faq/ヘッダーの画像はどのくらいの大きさのものを作ればよいか.md)  
[SimDif サイトのフォントを変更するにはどうすればよいですか？](https://www.simdif.com/ja/faq/simdif_サイトのフォントを変更するにはどうすればよいですか.md)  
[SimDif サイトにロゴを追加するにはどうすればよいですか？](https://www.simdif.com/ja/faq/simdif_サイトにロゴを追加するにはどうすればよいですか.md)  
[SimDif ウェブサイトにフッター画像を追加するにはどうすればよいか？](https://www.simdif.com/ja/faq/simdif_ウェブサイトにフッター画像を追加するにはどうすればよいか.md)