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

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

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


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

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

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


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

目次



まずはじめに

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

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

googlesites-link01

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

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

googlesites-link02

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

googlesites-link03

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

googlesites-link04

選択したテキストにリンクが追加されました。

googlesites-link05

Googleサイト内ページへのリンク

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

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

googlesites-link06

画像にリンクを挿入する

挿入メニューの画像より画像を挿入し、挿入した画像を選択してメニューの🔗 をクリックしてください。

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

googlesites-link07

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

googlesites-link08

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

googlesites-link09

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

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

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

googlesites-link10

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

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

googlesites-link11

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

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

googlesites-link12

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

googlesites-link13

まとめ

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

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

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

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