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

.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. 矢印キーのいずれかを押します。

関連リソース

• G Suite 利用規定

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