在宅で働く社員とオフィスで働く社員が共同で作業する場合は、ハイブリッドな作業環境に対応するための方法をご覧ください。

Google サイト スタートガイド

1. サイトを作成する

職場や学校で Google アプリをご活用いただくには、Google Workspace の無料試用にお申し込みください
青色の線

Google サイト

まずは、サイトを作成して名前を付けましょう。
 

このセクションの内容:

1.1 サイトを作成する
1.2 サイトに名前を付ける
1.3 レイアウトを選択する
1.4 背景画像、見出しのタイプ、テーマを選択する
1.5 ページを追加、並べ替え、ネストする
1.6 サイトのナビゲーションを設定する

1.1 サイトを作成する

青色の線

次のいずれかを行います。

  • Google サイトのホームページの上部にある作成アイコン 作成 をクリックするか、[テンプレート ギャラリー] をクリックしてテンプレートを選択します。
  • Google ドライブで、[作成 新規] 次に [その他] 次に [Google サイト] をクリックします。

注:: すべてのサイトはドライブに保存されます。ドライブを使ってファイルを整理する方法について詳しくは、ドライブのスタートガイドをご覧ください。

サイトまたはドライブからサイトを作成する

1.2 サイトに名前を付ける

青色の線

ドライブの他のファイルと同じように、新しいサイトを作成すると、ファイルがドライブに追加されます。サイトではすべての変更が自動的に保存されますが、ユーザーが公開するまでは非公開のままです。

サイトの各部に名前を付けるには:

1 サイトのドキュメント名 - サイトを管理するために固有の名前を入力します。サイトのドキュメント名は、サイトの作成者にのみ表示されます。
2 サイト名 - サイト名は、見出しに表示されます。サイトの公開後は、ウェブまたはモバイル ウィンドウのタイトルバーにも表示されます。サイト名が表示されるようにするには、ウェブサイトに 2 ページ以上のウェブページを含める必要があります。
3 ページのタイトル - サイト内の各ページの上部に、タイトルを表示できます。ページのタイトルは、ナビゲーション メニューにも表示されます。
上から順にドキュメント名、サイト名、ページ名

1.3 レイアウトを選択する

青色の線

右側の [レイアウト] をクリックして、セクションで使用する別のレイアウトを選択します。

右上の「挿入」の下に表示されるレイアウトのオプション。選択したサイトのレイアウトは左側に表示されます。

1.4 背景画像、見出しのタイプ、テーマを選択する

青色の線

サイトのテーマを選択します。各テーマには、背景、配色、フォントがあらかじめ設定されています。フォント、色、背景は後で調整できます。また、サイトの作成後でもテーマを変更できます。変更を加える場合は、元に戻すアイコン "" またはやり直すアイコン "" をクリックします。

1 背景画像を変更するには:
  1. Google サイトにアクセスしてサイトを開きます。
  2. 背景画像にカーソルを合わせて、画像変更アイコン "" をクリックします。
  3. 次のいずれかを行います。
    • パソコンから画像をアップロードするには、[アップロード] をクリックします。
    • ギャラリーまたは別の場所から画像を選択するには、[画像を選択] をクリックします。
  4. (省略可)元の背景画像に戻すには、リセット アイコン "" をクリックします。
2 見出しのタイプを変更するには:
  1. 背景画像にカーソルを合わせて、見出しのタイプアイコン ヘッダー をクリックします。
  2. 次のいずれかを選択します。
    • カバー
    • バナー(大)
    • バナー
    • タイトルのみ
3 テーマとフォント スタイルを変更するには:
  1. 右上の [テーマ] をクリックします。
  2. テーマと色を選択します。
  3. [フォント スタイル] をクリックしてスタイルを選択します。

画像、見出しのタイプ、テーマ、フォント スタイルを変更するためのオプション

 

1.5 ページを追加、並べ替え、ネストする

青色の線

コンテンツを増やす場合は、ページを追加できます。ページをネストすると、関連する情報をまとめられます。ネストしたページは、別のページのサブトピックとして表示されます。

1

ページを追加するには:

  1. 右上にある [ページ] 次の操作 作成アイコン "" にカーソルを合わせます。
  2. 次のいずれかを行います。
    • 新しいページを追加するには、ページ追加アイコン "" をクリックし、ページに名前を付けて [完了] をクリックします。
    • URL を追加するには、リンクを追加アイコン リンク をクリックします。
2

ページの並べ替えやネストを行うには:

  1. [ページ] をクリックします。
  2. ページを並べ替えるには、そのページをリストの上下にドラッグします。
  3. ページをネストするには、そのページを別のページの上にドラッグします。
  4. (省略可)ページのネストを解除するには、そのページをリストの下部にドラッグします。

注: ページをネストできるのは 5 階層までです。

3

ページの設定を選択するには:

[ページ] で該当するページを選択し、横にあるその他アイコン その他 をクリックして次のいずれかを行います。

  • トップページとして設定する。
  • ページを複製する。
  • ページ名を変更する。
  • サブページを作成する。
  • ページまたはサブページを非表示にする。ホームページとして設定されたページを非表示にすることはできません。
  • サイトからページを削除する。ホームページとして設定されたページを削除することはできません。

メニューのオプション 1、2、3

1.6 サイトのナビゲーションを設定する

青色の線

複数のページがある場合、サイトの訪問者はナビゲーション メニューを使用して、ページ間を移動します。デフォルトでは、ナビゲーション メニューはサイトの上部に表示されます。トップページの右上をクリックし、メニューを表示します。

必要に応じて、ナビゲーション メニューを左側に移動することもできますが、表示場所を変更するにはサイトに 1 ページ以上のページが必要です。

ナビゲーション モードを選択するには:

  1. サイト名にカーソルを合わせて、ナビゲーション設定アイコン "" 次に [ナビゲーション(上)] または [ナビゲーション(横)] をクリックします。
  2. (省略可)ナビゲーション メニュー内でページを移動する場合は、1.5 ページを追加、並べ替え、ネストするをご覧ください。
ナビゲーションを上部または側面に設定する
 
この情報は役に立ちましたか?
改善できる点がありましたらお聞かせください。
検索
検索をクリア
検索を終了
Google アプリ
メインメニュー
ヘルプセンターを検索
false
false