Googleサイトで画像や資料を挿入する方法

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

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


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

今回は「第3回:Googleサイトで画像や資料を挿入する方法」について説明していきます。

お好みの箇所に画像やファイルを配置する方法を学びましょう。


タマ

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


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

目次



まずはじめに

Googleサイトではテキストの他に画像や資料などのファイル、Googleドキュメント、Googleスライド、Googleスプレッドシートなどを配置することができます。

この記事では画像やファイルのそれぞれの挿入方法を見ていきましょう。

googlesites-file01

ココ

見やすいサイトが

作れそうですね

タマ

簡単にカスタマイズできますよ


画像を挿入する

挿入メニューの画像より画像を挿入することができます。

挿入方法は【アップロード】と【選択】(ドライブやフォト)から選べます。

googlesites-file02

タマ

まずは【アップロード】から

画像を挿入してみましょう

アップロード

【アップロード】を選ぶとローカルPCのフォルダ画面が開き、画像を選択し開くをクリックすると画像が挿入されます。

googlesites-file03

画像が挿入されました。

googlesites-file06

ココ

簡単に画像挿入できました

ドラッグすることで画像の大きさを変えることができたり、画像の場所を移動することもできます。

googlesites-file15

ココ

大きさも簡単に

変更できるんですね

タマ

画像の移動も試してみましょう

選択(Googleドライブ)

【選択】を選ぶとGoogleドライブに保存している画像を選べる画面が開き、画像を選択し挿入をクリックすると画像が挿入されます。

タマ

【選択】から画像を挿入する

方法も覚えておきましょう

googlesites-file07

画像カルーセルを挿入する

挿入メニューの画像カルーセルよりスライドショーを配置することができます。

ココ

スライドショーって何ですか?

タマ

複数の画像を順番に表示

することができる機能です

をクリックすると画像の挿入方法が選べます。

googlesites-file10

ココ

3枚の画像を選択しました

画像をドロップ&ドロップすることで画像の並び替えができます。

googlesites-file11

タマ

ここで画像を表示する順番

を指定することができます

設定から【点を表示】【説明を表示する】【自動再生】などの項目を設定することができます。

【自動再生】では必要に応じて速度調節も可能です。

googlesites-file12

ドライブから挿入する

挿入メニューのドライブより、Googleドライブに保存されているファイルを挿入することができます。

googlesites-file13

挿入できるのは画像だけではなく、Googleドキュメント、Googleスライド、Googleスプレッドシートも挿入することができます。

googlesites-file14

ココ

いろんな種類のファイル

を挿入できるんですね

タマ

サポート外の【ファイル形式】は

挿入できないので注意してください

Google ドライブに保管可能なファイルは「Google ドライブ ヘルプ」のページで確認してください。


レイアウトを選ぶ

挿入メニューのレイアウトよりテキストと画像がまとまった形式で画像を挿入することができます。

googlesites-file08

レイアウトはいくつかのパターンを選択することができ、お好みのレイアウトをクリックするとボックスが追加されます。

ボックス内のをクリックすると画像の挿入方法が選べます。

googlesites-file09

ココ

サイトの見た目を簡単に

カスタマイズできて嬉しい


まとめ

  • ローカルPCフォルダから画像をアップロードできる。
  • ドライブに保存したファイルやフォルダを挿入することができる。
  • スプレッドシート、ドキュメント、スライドを挿入することができる。
  • 画像カルーセルを使ってスライドショーを挿入することができる。
  • テンプレート化されたレイアウトを挿入することができる。

Googleサイトで画像や資料を挿入する方法をお伝えいたしました。

細かい文字ばかりでは読みづらいサイトになってしまいます。

画像や資料を挿入することによってサイトの幅が広がりますので、うまく活用していきましょう。


ココ

見やすいサイトにしていきます

タマ

次回は「動画・地図・カレンダーを

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



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

googleサイト006

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

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

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