【Googleサイト】フッターをカスタマイズする方法〜実践編

作りながら学ぶ

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


今回は「第9回:フッターをカスタマイズする方法」について説明していきます。

フッターにサイトマップや会社概要を表示しましょう。

たま

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


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

目次



前回のおさらい

googleサイト006

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

シリーズ連載を通して上図サンプルサイトを作成しています。

前回の記事では、インターネットで公開されている動画やテキスト教材を使って研修用ページを作成しました。

今回は、その続きでフッターにサイトマップや会社概要を表示します。

前回の記事はこちら


フッターを追加する

フッターを追加ボタンをクリックしフッターを挿入してください。

googlesites-study901

サイトマップを作成する

サイト全体の構成が一目で確認できるように、サイトマップを作成しましょう。


メニュー項目を入力する

フッター部分をクリックし【テキストボックス】に全てのメニューを入力してください。

フッターの【テキストボックス】の【スタイル】はデフォルトが文字サイズ小になっているので標準テキストに変更してください。

今回は、サンプルサイトで作成した以下4つのページ名を入力しましょう。

  • ホーム
  • お知らせ
  • 営業
  • 研修
googlesites-study902

テキストを選択した状態で箇条書きボタンをクリックし、文章の行頭に「・(中黒)」を付けてください。

googlesites-study903

【お知らせ】ページは階層化されているので、インデントします。

「お知らせ」を選択した状態で【その他】メニューより、【インデント増】を選択してください。

googlesites-study904

【テキストボックス】の青枠をドラッグしサイズを調整してください。

googlesites-study913

ページリンクを挿入をする

それぞれのページリンクを挿入してください。

googlesites-study905

背景を変更する

【セクションの背景】を強調1に変更してください。

googlesites-study906

Googleサービスの共有する

フッターからも、クリック1つでGoogleサービスにアクセスできるようにしましょう。

トップページのGoogleサービスをまとめたセクションを選択し、キーボードのCtrlキーを押しながらCを押してショートカットコピーをしてください。

googlesites-study914

フッター箇所で、キーボードのCtrlキーを押しながらVを押してショートカットペースト(貼り付け)をしてください。

googlesites-study908

WindowsとMacとではコピペのショートカットキーが異なります。

種類 コピー ペースト(貼り付け)
Windows Ctrl+C Ctrl+V
Mac +C +V

Googleの画像を移動してください。

googlesites-study909

会社概要を作成する

空白欄をダブルクリックし【テキストボックス】を追加してください。

googlesites-study910

会社概要を入力してください。

googlesites-study911

【セクションの背景】を強調1に変更してください。

googlesites-study912

まとめ

シリーズ連載を通してポータルサイトを作成しながらGoogleサイトの使いかを解説しました。

Googleサイトは誰でも無料で利用することができ、HTMLなどの専門的な難しい知識がなくても簡単に社内ポータルサイトを作ることができます。

社内情報の共有やeラーニングなど、業務効率化に役立つツールになっていますのでぜひ活用してみてください。