Google サイトでウェブサイトを作成する方法

この多彩なツールで無料でウェブサイトを作成

目次拡大

Google サイトは、ウェブ開発に関する知識やスキルがなくても、誰でもウェブサイトを作成できる無料のサービスです。この無料サービスでは、WYSIWYG (What You See Is What You Get) エディターを使用して、レスポンシブでインタラクティブなサイトをすばやく作成できます。上級ユーザーには、独自の編集オプションもあります。 ハイパーテキスト マークアップ言語 (HTML) コード。それは両方として機能します サイトビルダー そして ウェブホスト であるため、他の場所でのホスティングに料金を支払う必要はありません。





Google サイトでウェブサイトを構築する方法

Google サイトは Google サービスであるため、サイトの構築に使用する前に Google アカウントを作成する必要があります。 Google アカウントをお持ちでない場合は、サイト、Gmail、ドライブ、その他の Google サービスで使用できる Google アカウントを作成するための簡単なガイドをご用意しています。

Google アカウントをお持ちの場合は、Google サイトでウェブサイトを簡単に作成できます。



  1. に移動します Google サイトのウェブページ をクリックし、 + ボタンをクリックします。

    Google サイトのウェブページのスクリーンショット。
  2. クリック このツアーをスキップ サイトの作成を開始するか、 Google サイトの各機能について読んでいるように見えるたびに。



    Google サイト ツアーのスクリーンショット。
  3. クリック 無題のサイト 左上隅に新しい Web サイトの名前を入力し、 入る また 戻る .

    Google サイトのページに名前を付ける方法を示すスクリーンショット。
  4. クリック あなたのページのタイトル をクリックし、ページのタイトルを入力して、 入る また 戻る .

    Google サイト サイト ビルダーのスクリーンショット。
  5. ヘッダー画像の上にマウスを移動し、クリックします 画像を変更 > アップロード をクリックし、コンピューターから画像を選択して、新しい Web サイトで使用します。

    Google サイトでヘッダー画像を設定する方法を示すスクリーンショット。

    準備ができている画像はありませんか?無料のストックフォトサイトをお試しください。



Google サイトのウェブサイトにコンテンツを追加する方法

これで Web ページの骨組みができましたが、コンテンツを追加する必要があります。作成している Web サイトの種類について考えてみましょう。あなたの写真を紹介する画像ギャラリーですか?あなたの考えを追跡するためのブログですか?ビジネスを宣伝するため、またはオンラインの履歴書として機能する Web サイトを作成していますか?

追加したいコンテンツの種類が決まったら、次は開始です。



  1. Google サイト インターフェースの右側にある [レイアウト] セクションで、想像しているウェブサイトに最も近いレイアウトを選択します。後で要素を追加できますが、基本的なレイアウトから始める必要があります。

    Google サイトのスクリーンショット。
  2. それぞれクリック + ボタンをクリックして、コンピュータから対応するスロットに画像を挿入します。



    Google サイトのレイアウトのスクリーンショット。
  3. それが言うところの各テキストフィールドをクリックしてください クリックしてテキストを編集 、テキストを追加します。これらのセクションには、タイトル用のものもあれば、入力したいだけのテキストを受け入れるものもあります。

    Google サイトの部分的に入力されたレイアウトのスクリーンショット。

Google サイトで追加のページを作成する方法

最初の Google サイト ページはホームページとして機能し、必要に応じてそのまま公開できます。ただし、必要に応じて、相互にリンクする追加のページを自由に作成できます。非常に基本的なサイトの中には、1 つのホームページだけで十分に機能するものもありますが、ほとんどのサイトでは、より多くの情報を提供するために追加のページが必要になります。



Google サイトで追加のページを作成する方法は次のとおりです。

  1. ホームページを開いた状態で、 ページ 右上隅にあります。

    Google サイトのスクリーンショット。
  2. クリック + ボタンをクリックして、新しいページまたはリンクを作成します。

    Google サイトにページを追加するスクリーンショット。
  3. 新しいページの名前を入力し、 終わり .

    Google サイトでページに名前を付けるスクリーンショット。
  4. クリック 入れる をクリックしてコンテンツを追加します。

    Google サイトの新しいページのスクリーンショット。
  5. ホームページで行ったようにレイアウトをクリックするか、スクロールを続けて、目次、画像カルーセル、地図、スライドショー、その他のリストされたオプションなどの特定の要素を追加します。追加します 画像カルーセル .

    Google サイトのページに挿入する新しい要素のスクリーンショット。
  6. 画面上のプロンプトに従って、要素の追加を完了します。たとえば、いくつかの画像をアップロードしてからクリックする必要があります 入れる 画像カルーセルを挿入するとき。

    Google サイトのカルーセルに画像を挿入するスクリーンショット。
  7. 要素を追加するか、これらの手順を繰り返して、他の種類のコンテンツを含む追加のページを作成します。

Google サイトのページを接続する方法

ホームページに加えて少なくとも 1 つのページを作成したら、ナビゲーション リンクの追加を開始する必要があります。これらのリンクは、閲覧者があるページから次のページに移動する方法であるため、非常に重要です。

  1. ホームページから、画像をクリックしてサブメニューを表示し、 リンクアイコン .

    Google サイトでページをリンクする方法を示すスクリーンショット。
  2. 外部ページの URL を入力するか、 このサイト ドロップダウンメニュー。たとえば、写真のページにリンクします。次にクリック 申し込み .

    Google サイトでページをリンクする方法を示すスクリーンショット。
  3. 代わりに、またはそれに加えて、テキスト リンクを追加することもできます。これを行うには、テキストを強調表示してサブメニューを表示し、 リンクアイコン .

    Google サイトのテキストからリンクする方法を示すスクリーンショット。
  4. URL を入力するか、いずれかのページを選択して をクリックします 申し込み .

  5. これらの手順を繰り返して、作成した他のページへのリンクを追加します。他のページから自分のホームページに戻ったり、ページから他のページにリンクしたりすることもできます。閲覧者がサイトを簡単にナビゲートできるように、各リンクが意味のあるものであることを確認してください。

Google サイトでテーマを変更する方法

この時点で、Web サイトを公開する準備がほぼ整いましたが、利用可能なすべてのオプションを使用して、好きなだけコンテンツを追加し続けることができます。また、サイトのデフォルトの色、フォント、およびその他の側面を変更するテーマを設定するオプションもあります。

テーマを変更する方法は次のとおりです。

  1. クリック テーマ 右上隅にあります。

    Google サイトのウェブサイトのスクリーンショット。
  2. デフォルトでは、Simple テーマが選択されています。テーマをスクロールし、それぞれをクリックして気に入ったかどうかを確認します。

    Google サイトのテーマのスクリーンショット。

    テーマを変更すると、すべてのページに適用されます。カスタム ヘッダー画像を設定した場合、それらはカラー ブロックで上書きされます。それでもカスタム ヘッダーが必要な場合は、このドキュメントの前半で学習したのと同じ方法で後で手動で設定できます。

  3. 気に入ったテーマが見つかったら、色見本をクリックして色を少し変更できます。

    Google サイトのテーマのスクリーンショット。
  4. 画像ヘッダーを元に戻したい場合は、ヘッダーの上にマウスを移動し、 画像を変更 をクリックし、カスタム ヘッダー画像を選択します。

Google サイトのウェブサイトを公開する方法

新しい Web サイトに満足したら、それを公開するのは非常に簡単です。 sites.google.com/view/your_site の形式を使用する Google サイトの URL に公開するか、所有する任意のドメインを使用するカスタム URL を使用するかを選択できます。

  1. クリック 公開 右上隅にあります。

    Google サイトのウェブサイトのスクリーンショット。
  2. サイトの名前を Web アドレス フィールドに入力し、 公開 .

    Google サイトのページを公開しているスクリーンショット。
  3. または、 管理 独自のドメインを使用する場合は、[カスタム URL] セクションで。

  4. カスタム URL フィールドにドメイン名を入力し、 所有権を確認する .

    カスタム ドメインを Google サイトに追加するスクリーンショット。
  5. ドロップダウン ボックスからドメイン レジストラーを選択し、 確認 、指示に従います。ドメイン レジストラーまたは Web ホストを通じて DNS レコードを変更する必要があります。方法がわからない場合は、Web ホストまたはドメイン レジストラーに問い合わせてください。

    Google サイトでのドメイン確認のスクリーンショット。

    確認プロセスが完了するまでに時間がかかる場合があります。

  6. 完了したら、 公開 サイトを公開します。