テキストや画像を追加、編集する

ヒント: このセクションは新しい Google サイトを対象としています。以前の Google サイトについては、こちらをご覧ください。

.png、.jpg、.gif 形式の画像を追加できます。画像の使用に関するガイドラインに従ってください。

テキスト、見出し、またはタイトルをサイトに追加する

1. パソコンから、新しい Google サイトでサイトを開きます。
2. 右側の [挿入] [テキストボックス] をクリックします。
3. メニューの下矢印  をクリック  目的のテキスト、見出し、タイトル スタイルを選択します。
4. ボックスにテキストを追加します。
5. 変更を公開するには、右上の [公開] をクリックします。

テキストのスタイルを変更する

1. パソコンから、新しい Google サイトでサイトを開きます。
2. 変更するテキストをクリックします。
3. メニューの下矢印   目的のテキスト スタイルを選択します。
4. 変更を公開するには、右上の [公開] をクリックします。

テキストの書式を設定する

新しい Google サイトではテキスト スタイルの変更、番号付きリストや箇条書きの追加、リンクの挿入ができます。

1. パソコンから、新しい Google サイトでサイトを開きます。
2. 右側にある [ページ] をクリックし、編集するページを選択します。
3. テキストをハイライト表示するか、リストまたはリンクを挿入する場所をクリックします。
4. テキストの上に表示されるメニューでテキストの書式を選択します。
5. 変更を公開するには、右上の [公開] をクリックします。

ヒント: アンカーリンクを使って公開済みサイトの特定のヘッダーやサブヘッダーにリンクできます。アンカーリンクを挿入する方法についての記事をご確認ください。

折りたたみ可能なテキストを追加する

折りたたみ可能なテキスト ボックスを Google サイトに追加すると、サイトのスペースを節約できます。

1. パソコンから、新しい Google サイトでサイトを開きます。 
2. 右側の [挿入] [折りたたみ可能なテキスト] をクリックします。
3. 見出しと本文を追加するには、テキスト ボックスをクリックします。
4. 変更を公開するには、右上の [公開] をクリックします。

折りたたみ可能なテキストを編集、削除する

折りたたみ可能なテキストを編集する

1. パソコンから、新しい Google サイトでサイトを開きます。
2. 見出しをクリックすると、折りたたみ可能なテキストが展開されます。 
3. 編集するには、見出しまたは本文のテキスト ボックスをクリックします。 
4. 変更を公開するには、右上の [公開] をクリックします。

ヒント: 折りたたみ可能なテキストをプレビューするには、右上にあるプレビュー アイコン をクリックします。

折りたたみ可能なテキストを削除する

1. パソコンから、新しい Google サイトでサイトを開きます。
2. テキスト ボックス グループを選択するには、折りたたみ可能なテキスト ボックスの上部にカーソルを合わせて、青色の枠線をクリックします。 
3. グループを削除アイコン  をクリックします。

折りたたみ可能なテキストをオフにする

折りたたみ可能なテキストを標準のヘッダーと本文に変換できます。

1. パソコンから、新しい Google サイトでサイトを開きます。
2. 折りたたみ可能なテキストをクリックして展開します。 
3. テキスト ボックス グループを選択するには、折りたたみ可能なテキスト ボックスの上部にカーソルを合わせて、青色の枠線をクリックします。
4. 「折りたたみ可能」をオフにします。 

ヘッダーと本文のテキスト ボックスを折りたたみ可能なテキストに戻すには、以下の手順に沿ってください。 

1. テキスト ボックス グループを選択するには、見出しのテキスト ボックスの上部にカーソルを合わせて、青色の枠線をクリックします。 
2. 「折りたたみ可能」をオンにします。

セクションのレイアウトを追加する

レイアウトのテンプレートを使用すると、ページ内のセクションの見た目を変更できます。

1. パソコンから、新しい Google サイトでサイトに移動します。
2. 右側にある [挿入] をクリックします。
3. [コンテンツ ブロック] から、使用するレイアウトをページにドラッグします。
4. テキスト、画像、ドキュメント、動画を追加します。
5. 右上の [公開] をクリックします。

ボタンを追加する

ユーザーを別の URL やページに誘導するボタンをサイトに追加できます。

1. パソコンから、新しい Google サイトでサイトを開きます。
2. 右側の [挿入]  [ボタン] をクリックします。
3. 名前を入力します。ここで入力した名前がボタンに表示されます。
4. ボタンを押したときの移動先の URL を貼り付けるか、サイトのページを選択します。
5. [挿入] をクリックします。

ボタンを編集、削除する

編集または削除するボタンをクリックします。

• スタイルを変更するには: 下矢印 をクリックし、次のいずれかを選択します。
  • 塗りつぶし
  • アウトライン
  • テキスト
• 配置を変更するには: 配置アイコン をクリックしてオプションを選択します。
• 名前や URL を変更するには: 編集アイコン をクリックします。
• ボタンを削除するには: 削除アイコン をクリックします。

ヒント: ボタンの色とフォントも変更できます。サイトやページのテーマを編集する方法についての記事をご確認ください。

画像を挿入して編集する

画像を追加する

1. パソコンから、新しい Google サイトでサイトを開きます。
2. 右側の [挿入] [画像] をクリックします。
3. 画像を取得する場所を選択します。
4. 画像を選択し、[選択] をクリックします。
5. 変更を公開するには、右上の [公開] をクリックします。

画像カルーセルを追加する

サイトにカルーセルを追加すると、スクロール可能なレイアウトで画像を表示できます。

1. パソコンから、新しい Google サイトでサイトを開きます。
2. 右側の [挿入]  [画像カルーセル] をクリックします。
3. 画像追加アイコン をクリックします。
4. 画像を取得する場所を選択します。
5. 画像を 2 つ以上選択します。
   • 代替テキストを削除または追加するには、画像にカーソルを合わせます。
   • 画像を並べ替えるには、画像をドラッグ＆ドロップします。
6. カルーセルの画像の表示方法を変更する場合は、設定アイコン をクリックします。
7. [挿入] をクリックします。
8. 変更を公開するには、右上の [公開] をクリックします。

ヒント: 画像カルーセルをプレビューするには、右上のプレビュー アイコン をクリックします。

カルーセルの画像に説明を追加する

カルーセルの画像に説明を追加できます。説明は各画像の下に表示されます。

1. パソコンから、新しい Google サイトでサイトを開きます。
2. 編集する画像カルーセル  設定アイコン をクリックします。
3. [カルーセルの編集] で画像にカーソルを合わせ、テキストを追加アイコン   [説明を追加] をクリックします。
4. [説明] に説明を入力して [OK] をクリックします。 
5. 変更を保存するには、[更新] をクリックします。
6. 変更を公開するには、右上の [公開] をクリックします。

説明をオフにするには:

1. 編集する画像カルーセル  設定アイコン をクリックします。
2. 右上の設定アイコン  をクリックして、[説明を表示する] をオフにします。
3. 変更を保存するには、[更新] をクリックします。
4. 変更を公開するには、右上の [公開] をクリックします。

カルーセルの画像の切り替えをオンにする

カルーセルの画像は、4 段階の異なる速度で自動的に連続表示することができます。

1. パソコンから、新しい Google サイトでサイトを開きます。
2. 編集する画像カルーセル  設定アイコン をクリックします。
3. [カルーセルの編集] で設定アイコン  をクリックし、[自動再生] をオンにします。
4. 画像間の「切り替え速度」を変更するには、下矢印 をクリックし、次のいずれかの設定を選択します。 
   • 「非常に遅い」
   • 「遅い」
   • 「普通」
   • 「速い」
5. 変更を保存するには、[更新] をクリックします。
6. 変更を公開するには、右上の [公開]​をクリックします。

写真のサイズを変更する

1. パソコンから、新しい Google サイトでサイトを開きます。
2. サイズ変更する写真をクリックします。
3. 点をクリックして、写真を目的のサイズに調整します。
4. 変更を公開するには、右上の [公開] をクリックします。

写真を切り抜く

1. パソコンから、新しい Google サイトでサイトを開きます。
2. 編集する写真、切り抜きアイコン  の順にクリックします。
3. 写真の上部にあるスライダーを使用してサイズを調整します。
4. フレーム内で写真を移動します。
5. 完了アイコン をクリックします。変更をキャンセルするには、上部の元に戻すアイコン をクリックします。
6. 変更を公開するには、右上の [公開] をクリックします。

サイトにその他の要素を挿入する

ロゴを追加する

ロゴは上部にあるサイト名の横に表示されます。

1. パソコンから、新しい Google サイトでサイトを開きます。
2. 右上の設定アイコン をクリックします。
3. [設定] ウィンドウで [ブランド イメージ] にアクセスします。
4. [ロゴ] セクションで [アップロード] または [選択] をクリックします。
   • 高さが 112 ピクセル以上の画像を使用してください。
   • ロゴの周りの余分な空白は削除してください。
5. .jpg、.png、.gif のいずれかのファイルを選択し、[開く] または [選択] をクリックします。
6. 右上の [公開] をクリックします。

ソーシャル メディアのリンクを追加する

1. パソコンで、新しい Google サイトからサイトを開きます。
2. 画面右側の [挿入] [ソーシャル リンク] をクリックします。
3. ソーシャル リンクごとに URL またはメールアドレスを追加できます。
4. 省略可: ソーシャル リンクごとにカスタムのアイコン画像を追加することもできます。
   • ヒント: 広く利用されているソーシャル メディアのウェブサイトの場合、Google サイトによってアイコン画像が自動的に提供されます。
5. [挿入] をクリックします。
6. ソーシャル リンクのアイコンをクリックして編集します。アイコンのサイズ、形状、スタイル、色、配置を編集できます。

代替テキストを追加、編集する

1. 画像またはロゴを選択します。
2. 上部にあるその他の編集オプション アイコン  [代替テキストを追加] をクリックします。
3. 説明の欄に代替テキストを入力します。

カスタム ファビコンを追加する

Chrome や Safari などのブラウザでは、ページ上部のサイト名の横にファビコンと呼ばれる画像を表示できます。ファビコンを表示するには、サイトを公開する必要があります。

1. パソコンから、新しい Google サイトでサイトを開きます。
2. 右上の設定アイコン をクリックします。
3. [設定] ウィンドウで [ブランド イメージ] にアクセスします。
4. [ファビコン] セクションで [アップロード] または [選択] をクリックします。
5. .jpg、.png、.gif のいずれかの形式のファイルを選択します。
6. ファイルを選択して [開く] または [選択] をクリックします。
7. 右上の [公開] をクリックします。

要素間にスペーサーを追加する

スペーサーを使用して、サイトのレイアウトを変更したり、異なるアイテムの間にスペースを追加したりすることができます。

1. パソコンで、新しい Google サイトからサイトを開きます。
2. 右側のパネルで、挿入 [スペーサー] の順にクリックします。
3. ドラッグ&ドロップでスペーサーを移動できます。また、スペーサーのサイズを調整することもできます。
4. 変更内容を公開するには、右上の [公開] をクリックします。

オブジェクトをグループ化する、グループ化を解除する

テキスト ボックスや画像をグループ化すると、それらのアイテムを 1 つのグループとして移動できます。

テキスト ボックスや写真をグループ化する、グループ化を解除する

1. パソコンから、新しい Google サイトでサイトを開きます。
2. 同じページに写真とテキスト ボックスを追加します。
3. 線が表示されるまで、テキスト ボックスの上半分または下半分に写真をドラッグします。
4. グループ化を解除するには、グループから除外する写真またはテキスト ボックスをクリックし、ドラッグしてグループから離します。

グループ化したアイテムの順序を変更する

1. パソコンから、新しい Google サイトでサイトを開きます。
2. 変更するアイテム（グループ化されたアイテム）をクリックします。
3. 移動する写真またはテキスト ボックスをクリックします。
4. 矢印キーのいずれかを押します。

以前の Google サイト

ヒント: このセクションは以前の Google サイトを対象としています。新しい Google サイトについては、こちらをご覧ください。

テキスト、画像、リンクを追加、編集する

テキストを追加、編集する

テキストを追加する

1. パソコンから、以前の Google サイトでサイトを開きます。
2. 編集するページをクリックします。
3. 右上のページ編集アイコン をクリックします。
4. 上部のメニューで [レイアウト] をクリック レイアウトを選択します。
5. テキストを入力します。

テキストを編集する

1. パソコンから、以前の Google サイトでサイトを開きます。
2. 編集するページをクリックします。
3. 右上のページ編集アイコン をクリックします。
4. 変更するテキストをクリックします。
5. テキストを編集 [保存] をクリックします。

テキストの書式を設定する

1. パソコンから、以前の Google サイトでサイトを開きます。
2. 編集するページを選択します。
3. 右上のページ編集アイコン をクリックします。
4. テキストをハイライト表示するか、リストまたはリンクを挿入する場所をクリックします。
5. 上部にあるメニューでテキストの書式を選択します。
6. テキストの書式を設定 [保存] をクリックします。

画像を追加する

1. パソコンから、以前の Google サイトでサイトを開きます。
2. 画像を挿入する場所をクリックします。
3. ツールバーの [挿入] [画像] をクリックします。ツールバーが表示されない場合は、編集アイコン をクリックします。
4. オプションを選択します。
5. 画像を選択し、[OK] をクリックします。

リンクを追加する

1. パソコンから、以前の Google サイトでサイトを開きます。
2. リンクを挿入する場所をクリックするか、リンクを追加するテキストをハイライト表示します。
3. ツールバーのリンクアイコン をクリックします。
4. オプションを選択します。
5. [OK] をクリックします。

関連記事

• G Suite 利用規定

• Google のファイルや動画などを追加する