Googleサイトでお知らせバナーを表示する方法
- X
- Bluesky
- Hatena
1時間で学べるGoogleサイトの教科書
シリーズ連載を通して「Google サイトの基礎」を解説しています。
こんにちは、たま(@closuppo)です！
今回は「第10回：Googleサイトでお知らせバナーを表示する方法」について説明していきます。
サイトの上部に【お知らせ】ボタンを設置する方法を学びましょう。
たま全シリーズは以下のページにまとめてます
Googleサイトの使い方！無料で社内ポータルサイトを作る方法※目次をクリックすると タイトルの先頭まで移動します（↓）
目次- まずはじめに
- お知らせバナーを設定する方法
- バナーを表示する
- バナーにリンクを挿入する
- バナーの色を変更する
- バナーの表示場所を選択する
- まとめ
まずはじめに
ページ上部に【お知らせバナー】をハイライト表示することができます。
また、【お知らせバナー】にリンクを挿入することができるので、見てほしいページへ簡単に誘導することができます。
タマそれでは設置方法を
見ていきましょう
お知らせバナーを設定する方法
【お知らせバナー】は4つの項目を設定します。
- バナーを表示する
- バナーにリンクを挿入する
- バナーの色を変更する
- バナーの表示場所を選択する
ページ右上の設定またはメニューバーの設定をクリックし、お知らせバナーメニューを選択してください。
【お知らせバナー】欄からバナー表示をオンにし、【お知らせ】欄の【メッセージ】にバナー用メッセージを入力してください。
この設定により、下図のようにサイト上部にテキストが表示されるようになります。
バナーにリンクを挿入する【ボタンのラベル】にテキストを入力し、【リンク】にURLを入力してください。
リンクはサイト内の別ページを選択することも可能です。
【新しいタブで開く】にチェックを入れると、リンク先を新しいタブで開くことができます
この設定により、下図のようにサイト上部にボタンが配置されます。
バナーの色を変更する【バナーの色】の横にあるプルダウン ▼ をクリックし色を選択してください。
この設定により、下図のようにバナーの色が変更されます。
バナーの表示場所を選択する【お知らせバナー】をトップページ(ホームページ)のみに表示かするか、すべてのページに表示するかを選択することができます。
【公開設定】欄の【ホームページ】、または【すべてのページ】を選択してください。
まとめ
- 【設定】の【お知らせバナー】メニューよりバナー表示の設定ができる。
- メッセージやボタンを配置できる。
- ボタンにリンクを挿入できる。
- バナーの色を変更できる。
- 【新しいタブで開く】にチェックすると、リンク先を新しいタブで開くことができる。
- バナーをトップページ(ホームページ)のみ表示、または全てのページに表示するよう設定できる。
Googleサイトのヘッダーをカスタマイズする方法についてお伝えしました。
【お知らせバナー】はページ上部に表示され、重要なメッセージやアラートとして閲覧者の目に留めることができます。
また、バナーの色を変更することでより目立たせることができます。
必要に応じて【お知らせバナー】機能を活用してみてください。
ココ大切なお知らせがある
ときに活用してみようかな
タマ次回は「サイトのサイトURL
を変更する方法」を見ていき
ましょう
GoogleサイトのサイトURLを変更する方法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回：フッターのカスタマイズ
- X
- Bluesky
- Hatena