Googleサイトのヘッダーをカスタマイズする方法

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

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


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

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

ヘッダーに画像を挿入する方法や、見出しのタイプを変更する方法を学びましょう。


たま

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


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

目次



まずはじめに

ヘッダー部分に画像を挿入したり、見出しのタイプを変更することでページのイメージを変えることができます。

googlesites-header01

ココ

ヘッダーって何ですか?

タマ

Googleサイトの各ページの

上部にある領域のことです


タイトルを変更する

テキストの大きさや、色や配置などは自由にカスタマイズするとこができます。

テキストを変更する方法については「Googleサイトで文字や背景を変更する方法」で解説してます。

googlesites-header02

見出しのタイプを変更する

ヘッダーのサイズを変更することができます。

背面画像にカーソルを合わせ見出しのタイプをクリックしてください。

googlesites-header03

【カバー】【バナー(大)】【バナー】【タイトルのみ】の4パターンから選択することができます。

googlesites-header04

見出しのタイプを変更できました。

googlesites-header05

画像を挿入する

ヘッダーの背景画像は各テーマごとに自動設定されていますが、その画像を差し替えることができます。

背面画像にカーソルを合わせて画像を変更をクリックしてください。

googlesites-header06

アップロードまたは画像を選択をクリックしてください。

アップロードはローカルPCから画像を選択することができ、画像を選択は用意されている画像があるギャラリーやドライブなどから選択することができます。

googlesites-header07

画像を変更することができました。

googlesites-header08

ロゴを挿入する

上部のサイト名の横に画像(ロゴ)を挿入することができます。

ページ右上の設定またはメニューバーの設定をクリックしてください。

googlesites-header12

【ロゴ】のアップロードを選ぶとローカルPCのフォルダ画面から画像を選択でき、選択を選ぶとGoogleドライブやGoogle画像検索から画像を選択することができます。

googlesites-header13

【ロゴ】を挿入することができました。

googlesites-header11

まとめ

  • ヘッダー箇所のテキストをカスタマイズできる。。
  • ヘッダーの背景をクリックし【見出しのタイプ】からヘッダーサイズを変更できる。
  • 見出しのタイプは【カバー】【バナー(大)】【バナー】【タイトルのみ】の4パターンから選択できる。
  • ヘッダーの背景をクリックし【画像を変更】から画像を挿入できる。
  • 【設定】の【ブランドの画像】メニューより、ロゴ画像を挿入できる。

Googleサイトのヘッダーをカスタマイズする方法についてお伝えしました。

ヘッダーは最初に目に入る最も目立つ箇所です。

サイトの雰囲気に合わせて画像の挿入や見出し幅を調整し、閲覧者の目に留まるサイトにしていきましょう。


ココ

魅力的なヘッダーに

していきます

タマ

次回は「お知らせバナーを表示

する方法」を見ていきましょう



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

googleサイト006

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

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

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