Google サイトのサイトデザインを変更する

サイトの見た目やスタイルはいつでも変更できます。

サイトのテーマを選択する

あらかじめ用意されているテーマを使用する

1. パソコンを使用して、Google サイトでサイトを開きます。
2. 右側の [テーマ] をクリックします。
3. [作成: GOOGLE] セクションで、あらかじめ用意されているテーマを選択します。

別のサイトからカスタムテーマを読み込む

1. パソコンを使用して、Google サイトでサイトを開きます。
2. 右側の [テーマ] をクリックします。
3. [カスタム] の「テーマをインポート」アイコン を選択します。
4. 目的のサイトを選択 テーマを選択します。
5. [テーマをインポート] をクリックします。

カスタムテーマを使用する

カスタムテーマを使用する場合:

• さまざまな背景とテキスト色を作成して、サイト全体に適用できます。
• デフォルトのテキスト スタイルを設定します。
• ブランドの画像やファビコンを追加できます。
• 次のような、サイトのさまざまなプロパティをカスタマイズできます。
  • ボタン
  • 分割線
  • リンク
  • 画像カルーセル
• サイトの幅を変更します。
• メニュー テキストと背景の色を変更できます。
  • ヒント: メニューの場所を変更するには、[設定] [ナビゲーション] をクリックします。

カスタムテーマを作成する

1. パソコンを使用して、Google サイト でサイトを開きます。
2. 右側のパネルで [テーマ] をクリックします。
3. [カスタム] の「テーマを作成」アイコン を選択します。
4. テーマの名前を入力します。
5. [次へ] を選択します。
   • ロゴやバナー画像を追加することもできます。
6. カラーパレット  [次へ] を選択します。
   • サイトの部分ごとに異なる色を使用する場合は、[色をカスタマイズ] を選択します。
7. フォントを選択します。
8. [テーマを作成] を選択します。
   • 右側のパネルで、テーマのカスタマイズを続行できます。

カスタムテーマを編集する

1. パソコンから、Google サイトでサイトを開きます 。
2. 右側のパネルで [テーマ] をクリックします。
3. [カスタム] でテーマを選択します。
4. 右上のその他アイコン [編集] をタップします。

フレームを表示およびカスタマイズする

1. パソコンから、Google サイトでサイトを開きます 。
2. カスタムテーマを作成したら、右側のパネルで [テーマ] をクリックします。
3. [カスタム] でテーマを選択します。
4. 右上のその他アイコン [編集] をタップします。
5. [間隔] で [フレームを表示] チェックボックスをオンにします。
6. フレームの色を選択します。

重要: ページのフレームを使用するには、サイトメニューをサイトの上部に配置する必要があります。[ナビゲーション] で [モード] を [上] に設定します。

サイトの幅を調整する

1. パソコンから、Google サイトでサイトを開きます 。
2. カスタムテーマを作成したら、右側のパネルで [テーマ] をクリックします。
3. [カスタム] でテーマを選択します。
4. 右上のその他アイコン [編集] をタップします。
5. [間隔] でサイトの幅を選択します。
   • デフォルト: コンテンツが少なく、幅が広めのサイトに適しています
   • フル: コンテンツが多く、多数の情報が画面上に表示されているサイトに適しています
   • 幅広: デフォルトからフルの中間にあたるサイトに適しています

サイトのスタイルを変更する

ヒント: メニューの位置を変更するには、サイトに複数のページが存在する必要があります。

フォントを変更する

既成のテーマを使用している場合

1. 右側の [テーマ] をクリックします。
2. [フォント スタイル] をクリックして、項目を選択します。
3. 変更を公開するには、右上の [公開] をクリックします。

カスタムテーマを使用している場合

1. 右側の [テーマ] をクリックします。
2. [カスタム] で編集するカスタムテーマを探します。
3. 右上にあるその他アイコン [編集] を選択します。
4. [テキスト] をクリックします。
5. 編集するテキスト スタイルを選択し、フォントと書式設定を変更します。
6. 変更を公開するには、右上の [公開] をクリックします。

セクションの見た目を変更する

1. ページ上のセクションにカーソルを合わせます。次に、左側の背景アイコン をクリックします。
2. スタイルを選択するか、写真を追加します。

メニューを上部または左側に移動する

注: メニューの位置を変更するには、サイトに複数のページが存在する必要があります。

1. 右上の設定アイコン をクリックします。
2. [設定] ウィンドウで [移動]  [モード] にアクセスします。
3. [上部] または [側面] を選択します。
4. 右上の [公開] をクリックします。

メニューの色を変更する

既成のテーマを使用している場合

1. 右上の設定アイコン をクリックします。
2. [設定] ウィンドウで、[移動]  [色] にアクセスします。
3. [透明]、[白]、[黒] のいずれかを選択します。
4. 右上の [公開] をクリックします。

カスタムテーマを使用している場合

1. 右側の [テーマ] パネルを選択します。
2. [カスタム] で編集するカスタムテーマを探します。
3. 右上にあるその他アイコン [編集] を選択します。
4. [ナビゲーション] をクリックします。
5. [背景] でメニューの色を変更するか、[上部では透明で表示] を選択します。
6. 変更を公開するには、右上の [公開] をクリックします。

関連記事

• テキストや画像を追加、編集する
• Google のファイルや動画などを追加する