サイトの見た目を変更する

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

注: このセクションは新しい Google サイト（右下に作成アイコン が表示されます）を対象としています。以前の Google サイトについては、こちらをご覧ください。

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

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

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

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

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

• さまざまな背景色とテキスト色を使用してスタイルを作成し、サイトのさまざまな部分に適用できます。
• テキスト スタイルごとにデフォルトを設定できます。
• ブランドの画像やファビコンを追加できます。
• メニュー テキストと背景の色を変更できます。
  • ヒント: メニューをページの上部または片側に移動するには、設定アイコン  をクリックし、[移動] を選択します。
• ボタン、分割線、リンク、画像カルーセルなどの他のサイト プロパティをカスタマイズできます。
• サイトのコンテンツの間隔を変更できます。

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

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

カスタムテーマに変更を加える

1. 右側の [テーマ] パネルを選択します。
2. [カスタム] で編集するカスタムテーマを探します。
3. 右上にあるその他アイコン [編集] を選択します。

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

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 サイト

注: このセクションは、以前の Google サイト（左上に [作成] が表示されます）を対象としています。新しい Google サイトについては、こちらをご覧ください。

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

テーマまたはレイアウトを変更する

スタイルを選択する

1. パソコンから、以前の Google サイトでサイトを開きます。
2. 右上で、その他の操作アイコン   [サイトを管理] の順にクリックします。
3. 左側のメニューで [テーマ、色、フォント] をクリックします。
4. [基本のテーマ] で展開アイコン をクリックします。
5. 新しいテーマを選択します。
6. 上部の [保存] をクリックします。

レイアウトを変更する

1. パソコンから、以前の Google サイトでサイトを開きます。
2. 右上で、その他の操作アイコン   [サイトのレイアウトを編集] の順にクリックします。
3. 上部のメニューで項目を選択します。
4. レイアウトを変更します。
5. 変更が完了したら、右上の [閉じる] をクリックします。

背景またはフォントを変更する

背景を変更する

1. パソコンから、以前の Google サイトでサイトを開きます。
2. 右上で、その他の操作アイコン   [サイトを管理] の順にクリックします。
3. 左側のメニューで [テーマ、色、フォント] をクリックします。
4. 背景を変更します。次に、上部の [保存] をクリックします。

フォントのスタイル、色、サイズを変更する

1. パソコンから、以前の Google サイトでサイトを開きます。
2. 右上で、その他の操作アイコン   [サイトを管理] の順にクリックします。
3. 左側のメニューで [テーマ、色、フォント] をクリックします。
4. [背景] で [テキスト] をクリックします。
5. フォントを変更します。次に、上部の [保存] をクリックします。

 

関連記事

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