Googleサイトでテキストや背景を変更する方法

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

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


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

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


タマ

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


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

目次



まずはじめに

Googleサイトでは、それぞれの箇所でテキストの大きさや色、背景や配置などを簡単にカスタマイズすることができます。

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

googlesites-text-background01

ココ

難しそう…

理解できるかな…

タマ

ボタン1つの操作で変更で

きるので安心してください


テキストボックスを挿入する

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

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

googlesites-text-background02

空白箇所をダブルクリックすることで【テキストボックス】を追加することもできます。

googlesites-text-background03

ココ

挿入できました

タマ

次に、テキストをカスタマイズ

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


テキストを変更する

googlesites-text-background16

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

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

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

ココ

たくさん機能があるんですね

タマ

1つずつ解説していきます


見出しを設定する

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

テキストは【標準テキスト】【題名】【見出し】【小見出し】【小】の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つの属性が設定できます。

googlesites-text-background15

まとめ

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

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

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

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


ココ

思ったより簡単でした

タマ

次回は「画像や資料を挿入

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