Google Site(グーグルサイト)でホームページを作成する方法

Googleサイトは、Googleアカウントを持っていれば誰でも利用することが可能です。なお、ここでは「新しいバージョン」のGoogleサイトを利用するものとします。
  

Step1.

2.png
まず、Googleサイトのページにアクセスして「サイトを作成しましょう」をクリックします。なお、利用の際はあらかじめGoogleアカウントにログインしておく必要があります。
  

Step2.

3.png
管理画面が表示されるので「作成」をクリックし、「以前のGoogleサイトを使用」と「新しいGoogleサイトを使用」のうち、いずれかを選択します。
  

Step3.

4.png
編集画面が表示されます。PowerPointやKeynoteでスライドを作成するような直感的な操作で編集可能。さらに、新しいバージョンのGoogleサイトは、Googleドライブと連動し、編集した作業は随時Googleドライブ上に保存されるので、初心者の方でも簡単にホームページ作成を始めることができます。
  

最低限覚えておきたい基本操作5つ

ここからは、ホームページを作成するにあたっての基本的な操作方法について解説します。

1. コンテンツの配置

Googleサイトでは、YouTubeや地図、カレンダーなどのGoogleが提供しているサービスや、ドキュメントやスプレッドシートなどのGoogleドキュメントを配置できます。
  

Step1.

5.png
まず、画面右側の「挿入」の項目から挿入したいコンテンツを選択。「テキストボックス」や「画像」を選択して直接テキストや画像の入力を行えます。

「埋め込み」ではURLの埋め込みが、「アップロード」ではGoogleドライブ上に保存されているドキュメントやスライド、スプレッドシート、フォーム、グラフなどを、さらにYouTubeやカレンダー、マップなどの埋め込みも可能です。

なお、画像の挿入を行う場合は、1度、Googleドライブ内に保存しておく必要がありますので注意してください。
  

Step2.

6.png
上画像は「画像」の挿入を行った場合です。画像のアイコンをクリックして、画像の選択を行います。

"URLから画像を読み込み、検索してから画像を引用"、もしくは"アルバムやGoogleドライブのライブラリから画像を使用する方法"のいずれかを選択してください。
  

Step3.

7.png
ここではGoogleドライブから画像を取り込みます。画面を選び、「選択」をクリックします。
  

Step4.

16.png
画像が追加されました。画像上の表示されているアイコンで、画像の削除やトリミングなどを行うことも可能です。
  

2. ページの追加

1つのページコンテンツが納められない場合や整理して表示したい場合は、ホームページを複数のページに分割することがオススメです。ここからは、新しいページの作成方法について解説します。

Step1.

8.png
画面右側のウィンドウから「ページ」をクリックし、画面下に表示される「ページを追加(画像緑枠部分)」をクリックします。すると「新しいページ」というボックスが表示されますので、ページ名を入力してください。
  

Step2.

9.png
これで新しいページの作成完了です。画面右側の「ページ」メニューからページを切り替えて編集することができます。
  

3. テーマの設定

10.png
Googleサイトでは、テーマを設定することで簡単にホームページのデザインを変更することが可能です。画面右側のタブから「テーマ」をクリックし、設定したいテーマを選択します。選択後はテーマの色・フォントを変更することも可能です。
  

4. 編集者の追加

Googleサイトでは共同で編集作業を行うことができるため、チームでホームページの作成を行う場合などにあらかじめ編集者を追加しておけば、効率よく作業を進めることが可能です。
  

Step1.

11.png
画面上部の人型のアイコンの「編集者を追加」をクリックします。
  

Step2.

12.png
リンク、またはメールアドレスを使用して共有を行います。

リンクを共有する場合は、画面上部の「共有リンク」を任意の相手に送信してください。リンクの共有方法はメールアドレスまたはTwitterやFacebookなどでも可能です。

メールから直接共有する場合は、画面下部の「招待」から名前かメールアドレスを入力して相手を選択します。相手を選択して「送信」をクリックすれば、共有完了です。

なお、追加した編集者がオーナー(自分)に許可なく、アイテムを公開したりアクセス権の変更等を行わないように設定したい場合は、「オーナーの設定」にチェックを入れておくことをオススメします。
  

5. ホームページを公開する

ホームページが完成したら、アドレスを設定して公開できます。
  

Step1.

13.png
まず、画面右上の「公開」をクリックします。
  

Step2.

14.png
任意の文字列のウェブアドレスを設定します。アドレス欄の右端にチェックマークが表示されていれば、使用可能です。

一般の人に公開する予定のない内部向けのホームページの場合のみ、「一般公開の検索エンジンに自分のサイトを表示しないようリクエストする」にチェックを入れてください。アドレス決定後に「公開」ボタンを押すと、ホームページが公開されます。
  

Step3.

15.png
一度サイトが公開されると「公開」ボタンの右に三角のアイコンが表示されます。このアイコンをクリックすると、公開のオプション設定や一時停止などが可能です。