Googleサイトでテキスト・画像・ボタンにリンクを挿入する方法

• Facebook
• X
• Bluesky
• Hatena

1時間で学べるGoogleサイトの教科書

シリーズ連載を通して「Google サイトの基礎」を解説しています。

こんにちは、たま(@closuppo)です！

今回は「第6回：Googleサイトでテキスト・画像・ボタンにリンクを挿入する方法」について説明していきます。

クリック一つで別ページに移動する方法を学びましょう。

全シリーズは以下のページにまとめてます

※目次をクリックすると タイトルの先頭まで移動します（↓）

1. まずはじめに
2. テキストにリンクを挿入する
3. 画像にリンクを挿入する
4. ボタンにリンクを挿入する
5. まとめ

まずはじめに

リンク機能を活用すれば、クリック一つで目的のページを開くことができます。

今回は【テキスト】【画像】【ボタン】それぞれにリンクを挿入する方法を見ていきましょう。

テキストにリンクを挿入する

挿入メニューのテキストボックスをクリックし【テキストボックス】を挿入してください。

テキストを入力し、選択した状態で上部メニューのリンクを挿入をクリックしてください。

【リンク】の入力欄に別サイトのURLを入力し適用をクリックしてください。

テキストにリンクが挿入されました。

クリックでWebサイトに移動できました

サイト内に複数のページがある場合は【リンク】の入力欄にページ名が一覧で表示されます。

ページ名を選択することで、サイト内ページへのリンクを挿入することができます。

画像にリンクを挿入する

挿入メニューの画像より画像を挿入してください。

挿入した画像をクリックし、メニューのリンクを挿入をクリックしてください。

画像の挿入方法については「第3回：Googleサイトで画像や資料を挿入する方法」で解説してます。

テキストのリンク挿入と同様に【URL】の入力か【ページ名】の選択でリンクを挿入できます。

画像にリンクを挿入できました。

ボタンにリンクを挿入する

Googleサイトには【ボタン】を配置する機能があり、その【ボタン】にもリンクを挿入することができます。

挿入メニューのボタンをクリックしてください。

ボタン名を入力し、リンクの入力欄には【URL】の入力か【ページ名】を選択をします。

挿入をクリックすると【ボタン】にリンクが挿入されます。

ボタンが追加されました。

ドラッグすることでボタンの大きさを変えることができたり、ボタンの場所を移動することもできます。

またボタンのデザインタイプは【塗りつぶし】【アウトライン】【テキスト】の3つから選択することができます。

まとめ

• 【挿入】メニューよりテキストボック、画像、ボタンを挿入できる。
• テキスト、画像、ボタンにリンクを挿入できる。
• ドラッグ&ドロップでボタンの大きさの変更や移動ができる。
• ボタンのデザインタイプは【塗りつぶし】【アウトライン】【テキスト】の3つから選択することができる。

Googleサイトでリンクを挿入する方法をお伝えしました。

リンク機能を活用することで、デザイン性の高い実用的なサイトに仕上げることができます。

必要に応じて1クリックで別ページに移動できるよう、工夫してリンク挿入の機能を使っていきましょう。

リンク機能便利なので

どんどん使っていきます

次回は「目次を挿入、テキストを

折りたたみする方法」を見ていき

ましょう

1時間で学べるGoogleサイトの教科書

シリーズ連載を通してGoogleサイトの基礎をまとめてます。

1時間ほどで学べるので、しっかりと基礎をおさえておきましょう。

• 第1回：Googleサイトを新規作成する方法
• 第2回：テキストや背景を変更する方法
• 第3回：画像や資料を挿入する方法
• 第4回：動画・地図・カレンダーを挿入する方法
• 第5回：ページを追加、削除、整理する方法
• 第6回：テキスト・画像・ボタンにリンクを挿入する方法
• 第7回：目次を挿入する、テキストの折りたたみする方法
• 第8回：サイトの見た目を変更する方法
• 第9回：ヘッダーをカスタマイズする方法
• 第10回：お知らせバナーを表示する方法
• 第11回：サイトURLを変更する方法
• 第12回：アクセス制限、複数人で編集する方法

ポータルサイトを作りながら体系的に学ぶ

シリーズ連載を通して、ポータルサイトを作りながらGoogleサイトを体系的に学ぶ方法を解説してます。

サイト作成で学んだ基礎知識をアウトプットすることで、実用的なGoogleサイトのスキルを習得することができます。

≫ これから作成するサンプルサイトはこちら

• 第1回：新規作成とテーマの変更
• 第2回：ヘッダーをカスタマイズ
• 第3回：お知らせ掲示板の作成
• 第4回：社内イベントの共有
• 第5回：業務ツールの共有
• 第6回：書類の共有
• 第7回：営業部のページを作成
• 第8回：研修用のページ作成
• 第9回：フッターのカスタマイズ

• Facebook
• X
• Bluesky
• Hatena