Googleサイトで文字や背景を変更する方法

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

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


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

今回は「第2回:Googleサイトで文字や背景を変更する方法」について説明していきます。

文字(以下、テキスト)の色・太さ・スタイル・配置の変更や背景をカスタマイズする方法を学びましょう。


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

目次



まずはじめに

Googleサイトでは、それぞれの箇所でテキストや背景を簡単にカスタマイズすることができるので、見栄えの良い見やすいサイトを作成することができます。

この記事では主にテキストの編集方法を見ていきましょう。

googlesites-text-background01

テキストを挿入する

テキストを入力/編集ができるやうにするために【テキストボックス】を追加しましょう。

右側の挿入メニューのテキストボックスボタンをクリックすると【テキストボックス】が追加されます。

googlesites-text-background02

空白箇所をダブルクリックからでも【テキストボックス】の追加ができます。

googlesites-text-background03

画像やファイルの挿入については別の記事で解説します。


テキストを変更する

googlesites-text-background16

HTMLなどの専門知識がなくても、簡単にテキストをカスタマイズすることができます。

今回はテキストボックの8つの機能をお伝えします。

  • 見出しを設定する
  • 太字に変更する
  • 大きさを変更する
  • 色を変更する
  • フォントスタイルを変更する
  • 中央に配置する
  • 番号付リストを設定する
  • 箇条書きリストを設定する

見出しを設定する

メニューバーのをクリックすることで、テキストの属性を選択することができます。

テキストは【標準テキスト】【題名】【見出し】【小見出し】【小】の5つの属性が設定できるようになっています。

googlesites-text-background05

太字に変更する

変更したいテキストを選択した状態でBをクリックするとテキストを太字に変更することができます。

googlesites-text-background06

大きさを変更する

変更したいテキストを選択した状態でフォント サイズ ▼ボタンをクリックし、サイズを選択すると文字の大きさを変更することができます。

googlesites-text-background07

色を変更する

変更したいテキストを選択した状態でテキストの色ボタンをクリックするとカラーボックスが表示され、お好みの色を選択するとテキストの色を変更することができます。

googlesites-text-background08

フォントスタイルを変更する

【フォントの種類】を選択することができます。

変更したいテキストを選択した状態でボタンをクリックし、お好みにフォントを選択するとフォントスタイルを変更することができます。

googlesites-text-background09

+その他のフォントをクリックするとより多くのフォントから選択するできます。

googlesites-text-background10

中央に配置する

変更したいテキストを選択した状態でボタンをクリックし、お好みの配置を選択できます。

googlesites-text-background11

テキスト配置は【左に配置】【中央に配置】【左に配置】【配置の解除】の4つの属性が設定できるようになっています。

googlesites-text-background12

番号付リストを設定する

変更したいテキストを選択した状態で番号付リストボタンをクリックすると、文章の行頭に「1.2.3.・・」と番号を自動的に付けることができます。

googlesites-text-background13

箇条書きリストを設定する

変更したいテキストを選択した状態で箇条書きボタンをクリックすると、文章の行頭に「(中黒)」を自動的に付けることができます。

googlesites-text-background14


背景色を変更する

編集したい【テキストボックス】を選択した状態でセクションの背景ボタンクリックすることで、背景の属性を選択することができます。

背景は【標準】【強調1】【強調2】【画像】の4つの属性が設定でき画像では背景画像をPCに保存されている画像のアップロードや用意されている画像を選択することができます。

googlesites-text-background15

まとめ

  • それぞれの箇所でテキストや背景を簡単にカスタマイズできる。
  • テキストを入力/編集するためには【テキストボックス】の追加が必要。
  • テキストボックスのメニュバーからテキストのカスタマイズができる。
  • テキストボックスの【セクションの背景】ボタンから背景のカスタマイズができる。

Googleサイトで文字や背景を変更する方法についてお伝えしました。

見出しの背景色を変更することで、文章にメリハリをつけることができ見栄えの良い見やすい構成にすることができます。

テキストの色や太さの変更、リストや配置機能などのうまく活用しながら、読みやすく伝わりやすいサイトに仕上げていきましょう。