MENU
【中古】KATO Nゲージ 485系200番台 6両基本セット 10-1479 鉄道模型 電車

【自分のサイトが作れる】Google Sitesの使い方(画像付きで解説)

グーグルサイトという、自分でウェブサイトが自由に作れるツールをご存じでしょうか。

学校や所属機関で使っているウェブサイトではなく、自分個人のウェブページを作りたい!という要望を叶えてくれるツールの1つになると思います。

目次
  1. 【国内再生品】RICOH リコー RICOH SP トナー ブラック C830H ブラック×2本 大容量版【リサイクルトナーカートリッジ】【再生トナーカートリッジ】対応機種:IPSiO SP C831 / IPSiO SP C830 品種コード:600514
  2. Google Sitesの始め方
  3. 中古 Cランク (フレックスSR) ヤマハ RMX(2016) U4 FUBUKI Ai 55 SR 男性用 右利き ユーティリティ UT
  4. 中古 Cランク (フレックスR) プロギア egg(2017) U4 eggオリジナルカーボン M37 男性用 右利き ユーティリティ UT
  5. NEC用 PR-L5900C 互換トナー 自由選択4本セット フリーチョイス 選べる4個セット PR-L5900C PR-L5900C2 PR-L5900CP PR-L5900CP2
  6. 右上のアイコンについて
  7. 京セラ KYOCERA TK-5141 4色セット 【再生トナーカートリッジ】対応機種:ECOSYS P6130cdn / P6530cdn セット内容:TK-5141K / TK-5141C / TK-5141M / TK-5141Y
  8. 【中古】ROBOT魂 [SIDE FFN] ファフナー・マークザイン

【中古】マイクロエース Nゲージ 四国2000系+N2000系 特急「南風」+「うずしお」7両セット A3475 鉄道模型 電車 フィギュア

ウェブサイトが作れる、Googleサービスの1つです。無料で作成できる上に、好きなURLを5つまで設定できます。

Google sitesの特徴は、他のGoogle系ツールと同じくウェブサイトを他の人と共有することで共同編集ができることです。 

また、ウェブサイトには日本ベッド ビーズポケットマットレス Dサイズ ハード 11269 レギュラー 11270 ソフト 11271 ベッドマットレス ダブルマットレス ベッドマット マット 快眠 安眠 高品質 おしゃれ ぐっすり 快適エアコン 14畳用 工事費込み ダイキン 4.0kW 200V MXシリーズ うるるとさらら うるさらmini 2022年モデル S40ZTMXP-W-SET ホワイト S40ZTMXP-W-ko2【送料無料】【KK9N0D18P】

シンプルなものでいいので、他の人と一緒にウェブサイトを構築したい。

ウェブサイトにもGoogleスライドやドキュメントを挿入したい。

そんな方はGoogle sitesを試してみるといいでしょう。

【大感謝祭でポイント最大43倍】綿・ポリ混紡 ワーク 空調服 (KU90470)/作業着 【ファンカラー:グレー カラー:ネイビー XL】 大容量バッテリーセット(LIULTRA1) 高密度ブロードGoogle系のサービスはあまり使わないけど、1ページ程度のホームページを作りたい」という方は、ペライチがとても簡単にできるので、おすすめです。

Google sitesの方は、

  • Google系サービスと連携したい
  • 他の人と共同編集したい
  • もう少し自分で自由にカスタムしたい

という方に向いています。

この記事では、Google sitesの使い方、サイトの作り方を解説していきます。

動画もありますので、こちらを見ていただくと実際のウェブサイトの動きがわかります。

Google Sitesの始め方

TN-29J ブラザー互換 ブラック×10セット 対応機種:MFC-L2750DW / MFC-L2730DN / DCP-L2550DW / DCP-L2535D / HL-L2375DW / HL‐L2370DN / HL-L2330D / FAX-L2710DN用【互換トナーカートリッジ】【宅配便商品・あす楽】食器棚 完成品 幅93cm 引き戸 和モダン 和風 キッチンボード 木製 収納家具 ダイニングボード タモ無垢 ハイタイプにアクセスをして、Googleアカウントでログインします。

新しいサイトを作るには、

  • 空白ボタンを押して最初から作る
  • テンプレートギャラリーをクリックして、好きなテンプレを選ぶ

ことから始めます。

もちろん、テンプレを選んでも細かいところを好きなように変えていくことは可能です。

今回は、1から作る「空白」の方を選択しました。

最初の画面は以下のようになっています。

マウスを上に乗せると、

  • ウェブサイトの名前(左上)
  • ウェブのロゴ(左上)
  • ページタイトルの追加(中央)
  • バナー画像(ヘッダー)の変更
  • 見出しのタイプ

が出てくるので、必要に応じて変更します。

ウェブサイトのロゴをクリックすると、「ロゴ」と「ファビコン」に分かれています。

ファビコンというのは、下の画像のように、サイトをお気に入りに登録した時やタブで開いた時に出てくる小さいアイコンのことです。

必要に応じて設定してください。

もし「ロゴがほしいけど、どうやって作ればいいの?」という人は、Canvaを使うと、いいと思います。

バナーの背景画像とサイト名を変え、ロゴも入れてみました。

コンテンツの追加(画像と文字)

では、ここからコンテンツを追加していきます。

テキストと画像を一緒にいれるには、右側にあるレイアウトから好きなパターンを選ぶのが便利です。

3つの画像の下にそれぞれテキストがあるレイアウトを選んでみました。

四角の中の十字ボタンを押すと、画像の挿入方法を選ぶことができます。

画像を直接アップロードしたり、Googleドライブに入っている画像を使うなどして、好きな画像を挿入します。

アイコン画像を探したい!という場合はイラストサイトを使うと便利です。中古 Cランク (フレックスS) ブリヂストン TOUR B XD-3 9.5° Tour AD TP-6 S 男性用 右利き ドライバー DR

アイコン画像を入れて文字を入れると、こうなります。(文字の色やサイズは変更できます)

レイアウトを選ばずに、右側にある「テキスト」「画像」をそれぞれ選択し、好きなところにドラッグ&ドロップで移動させることもできます。

ただし、この方法は慣れるまで少し難しく感じるかもしれません。最初はレイアウトをそのまま使った方が楽だと思います。

その他の各コンテンツ追加

本場奄美大島泥染 正絹色無地着尺 いく重染 渋みのある青磁系【※未仕立て】【共八掛付き】【丹後縮緬 ちりめん】【日本の絹】【着物 きもの】【反物 着尺】

Richard Mille リシャール ミル RM030 RM035 RM055に適用 Vagenari ラバー ストラップ/ベルト ブラウン

折りたたみ可能なテキスト

「サービス一覧」というところは常に見えているんですが、その下の詳細は、右にある上向きのやじるしをクリックすることで表示させることができます。

目次

目次を追加すると、メインのテキストがヘッダー部分のすぐ下に一覧になって表示されます。

この目次はページ内リンクが設定されているので、クリックするとそのタイトルのコンテンツへ飛ぶことができます。

公開前やプレビューの状態ではクリックしても何も起こりません。一度サイトを公開すると、該当箇所に飛べるようになります。

画像カルーセル

カルーセルというのは、回転木馬という意味で、画像がスライドショーのように次々に入れ替わる仕組みのことを指します。

プレビューでは、画像の下の三つボタンをクリックすると、次の画像へと移動することができます。

カルーセルを自動で次の画像に移るように設定するには、設定ボタンから「自動再生」を選択します。

自動再生の方法

まずは左上の設定アイコンをクリック。右上の設定アイコンもクリック。

詳細設定のページが出てくるので、「自動再生」にチェックを入れて、必要に応じて移行速度も変更しておきます。

以下が「自動再生」を選択して移行速度を「速い」に設定した場合です。(結構速いですね😅)

ボタンの作成

ボタン機能を使うと、他のウェブサイトに飛べるリンクボタンを設置することができます。

ボタンのデザインタイプは、ボタンの上にカーソルを合わせると

  • 塗りつぶし
  • アウトライン
  • テキスト

の3つが出てくるので、色々変えながら好きなものを選んでみてください。

ボタンの色はテーマに沿ったものが自動選択され、自分では選べません。ボタンの色を変えたい場合は、テーマの色自体を変更してください。

分割線を追加

分割線は、コンテンツの間に1本の線を入れる機能です。編集画面では少しわかりにくいですが、プレビューにするともう少しはっきり見えます。

プレースホルダ

ロータイプ ソファ ローソファー アイボリー 3人掛け フロアソファ ロー フロアーソファ おしゃれ 3人掛けソファ 3人掛 3人がけソファー ローソファ グレー 日本製 グリーン 3P ファブリック 2人掛 ソファー 三人がけソファー リビングソファー 三人掛 3人 三人用 3人がけ

好きな場所に置けるので、サイズや位置はドラッグ&ドロップで移動させて調節してください。

【中古】マイクロエース Nゲージ 四国2000系+N2000系 特急「南風」+「うずしお」7両セット A3475 鉄道模型 電車 フィギュア
【中古】マイクロエース Nゲージ 四国2000系+N2000系 特急「南風」+「うずしお」7両セット A3475 鉄道模型 電車 フィギュア
4968279121566-z8904-5555-6903
14,168円 25,300円

開封品、本体は綺麗な状態です。付属品も揃っています。外箱の細かなスレや傷などはご了承下さい。 ※こちらの商品は併売品になります。在庫状況には気をつけておりますが、万が一、在庫切れの際にはご容赦下さい。返金対応など、迅速に致します。
PDFの挿入方法

PDFを挿入したい場合は、このプレースホルダーを使います。

  1. 事前にGoogle DriveにPDFファイルを入れておく
  2. プレースホルダをサイト上に置く
  3. Google Driveから該当するPDFを呼び出す

アップロード機能ではPDFが使えないことが多いですが、Google Driveに入れておくき、そこから呼び出すと可能です。

Youtube

その名の通り、Youtube画像を埋め込みます。

特定のYoutube画像のリンクをコピー&ペーストしてもいいですし、検索ボックスにキーワードを入れることで動画を探すこともできます。

カレンダー

カレンダーは、Googleカレンダーを埋め込みます。

カレンダーをいくつか作っている人は、該当するカレンダーを選択して埋め込むことができます。

選択したカレンダー名は左上に表示されるので、間違ったカレンダーを挿入していないかどうか、確認してください。

デフォルトのカレンダー表示ではなく、「月別」や「週ごと」の表示に変えたい場合は、以下の手順で変更できます。

  1. カレンダーの上にマウスを合わせる
  2. 設定ギアアイコンが出てくるのでクリック
  3. 表示モードを「週」または「月にする。

地図

Google Mapを埋め込みます。

例として、名古屋の地図を入れてみました。

編集画面では、地図を動かしたりズームイン・ズームアウトできませんが、プレビューにすると動かすことができます。

Kirario product/カウンターデスク Keit(ケイト) テーブル デスク カウンターデスク 机 おしゃれ カウンターテーブル ビンテージ インダストリアル カフェ ブラック 黒 アイアン リビングルーム ワンルーム スリム コンパクト keit ケイト

Google ドキュメントで作ったファイルを、挿入することができます。

編集画面ではドキュメントをスクロールすることはできませんが、プレビューだとスクロールすることができます。

【中古】マイクロエース Nゲージ 四国2000系+N2000系 特急「南風」+「うずしお」7両セット A3475 鉄道模型 電車 フィギュア

Googleスライドを挿入することができます。ループ再生したり、スライドを自動再生したい場合は、左上にある設定ボタン(ギアアイコン)をクリックして設定してください。

スプレッドシート

Google スプレドシート(エクセルのようなもの)も挿入することができます。ドキュメントやスライドと同様に、すでにあるファイルを呼び出して入れます。

シートが複数ある場合でも、プレビューでは選択することができます。

フォーム

アンケート集計や申し込み用紙として使えるGoogle formsも、挿入可能です。

こちらも、すでに作ってあるフォームのファイルを呼び起こす形になります。

グラフ

Googleスプレッドシート上に入っているグラフを、Google sites上に呼び出すことができます。

1つのファイルに複数グラフが入っている場合は、どのグラフを埋め込みたいのか選ぶダイアローグが表示されるので、指示に従って選択します。

【中古】マイクロエース Nゲージ 四国2000系+N2000系 特急「南風」+「うずしお」7両セット A3475 鉄道模型 電車 フィギュア

これまで紹介した機能を使って、簡単な1ページ程度のウェブサイトを作ることができますが、1ページ以上作成したいという方もいるでしょう。

ここから、クラシック家具 ヨーロピアン家具 Fiore フィオーレ サロンチェア SA-C-1160-AB1 SA-C-1160-AB4 SA-C-1160-AB5 イタリア ダイニングチェア アンティーク調 猫脚 萩原 HAGIHARA 送料無料

ページを複数作る

Google sitesでは、ページを増やしてメニューを追加することができます。

  1. 「挿入」の右横にある「ページ」タブをクリック
  2. 一番下にある「新しいページ」をクリック

「新しいページ」をクリックすると、ページ名を付ける項目が出てくるので、好きなタイトルをいれます。

カスタムパスは、アルファベットでわかりやすいものを入れておきます。(これがこのページのURLとして使われる文字列になりますが、よくわからない方は、そのままでも問題ありません。)

すると、新しいページが作成され、今追加したページがメニューバーとしてページ右上に追加されています。

ホームを押すと、メインページに戻ります。

もし間違えてページを作成してしまった場合には、右側のメニューページ名の横にある三つのドットボタンを押し、削除を選択すれば、ページを消すことができます。

あとは、新しく作ったページにもコンテンツを入れていけば、2つ目のページの完成です。

3つ目、4つ目のページも同様に増やすことができます。

他のメニューへのリンクを作成したい場合

メインページに文字や画像を入れておき、それをクリックすると別のページに飛ぶというリンクを貼る方法について説明します。

  1. メインページにリンクを貼りたいテキストを書き込む
  2. その文字を選択
  3. 上にリンクのアイコンが出てくるので、それをクリック

「このサイト」の下に別ページのリストが出てくるので、クリックしてリンクを適用します。

すると、先ほど選択した文字にリンクが追加されています。プレビューでページ移動ができるかどうか、試してみて下さい。

右上のアイコンについて

プレビューで確認する

ウェブサイトが実際にどのように他の人に見えるのかを確認するには、プレビューという機能を使います。

ITH-6CL エプソン用 ITH イチョウ 互換インク 超ハイクオリティ顔料 6色×10セット EP-709A EP-710A EP-711A EP-810AW EP-810AB EP-811AB EP-811AW

  • パソコンでの見え方
  • iPadなどタブレット上での見え方
  • スマホでの見え方

の三段階で確認することができます。

鎖エプロン PARINOX

他のユーザーと共同編集する方法

ウェブサイトの作成を他の人と一緒に行う場合は、共同編集という方法もあります。

クリックするとメールアドレスを入れる項目が出てくるので、共同編集者にしたい人のメールアルドレスを入れます。

あとは、登録された人のメールアドレスに共同編集するウェブサイトのリンクが送られているはずです。

共同編集したい人は「編集者」という役割になっていることを確認してくださいね。

\今月限定☆特別大特価/FDTVP2244HPS5LA-white-k三菱重工 業務用エアコン ハイパーVSX天井カセット4方向 ホワイトパネル 8馬力 個別ツイン標準省エネ 三相200V ワイヤードFDTVP2244HPS5LA-white-kが激安!

他のユーザーと共同編集する必要はないが、ウェブサイトを特定の人だけに見せたいという場合は、公開する範囲を制限することができます。

  1. ページ右上のシェアボタン(共有ボタン)をクリック
  2. 「ユーザーやグループと共有」のところで、ウェブサイトを見せたい人のメールアドレスを登録
  3. 「公開済みアイテムの閲覧者」として権限を設定。

それから、下の「リンク」をクリックします。

中古 Cランク (フレックスS) タイトリスト 915 H U4 Dynamic Gold S200 男性用 右利き ユーティリティ UT

「制限付き」にしておくと、上の「ユーザーやグループと共有」のところで追加したユーザーに、あなたが作成したウェブサイトが共有されます。

Google サイトを公開!

準備ができたら、ついに右上にある「公開」ボタンを押して、ウェブサイトを公開します。

公開ボタンを押すと、ウェブアドレスを設定する画面が出てきます。

好きなウェブアドレスを入れて、(すでに使われていて、もう使えない文字列もありますが)あとは右下の公開ボタンを押します。

一度公開してしまっても、編集ページの公開ボタン右横にある矢印を押せば、いつでも公開停止をすることができます。

【中古】マイクロエース Nゲージ 四国2000系+N2000系 特急「南風」+「うずしお」7両セット A3475 鉄道模型 電車 フィギュア

以上、今回はGoogle Sitesの使い方を画像付きで解説しました。

無料で作成できる上に、他の人とも一緒に編集できるという点は、Googleならではの特長だと思います。

ウェブサイト作ってみたいけど、Google サイトもちょっと複雑に感じる....。もっとシンプルでいいので、もっと簡単に作れるものがほしい...!

【大感謝祭でポイント最大43倍】(まとめ) エプソン EPSON インクカートリッジ ブラック Mサイズ ICBK90M 1個 【×3セット】【中古】TOMIX Nゲージ E231系 総武線 増結4両セット 92344 鉄道模型 電車というサービスを試してみてください。

無料で使えるサービスは限られていますが、1ページ程度のウェブサイトを作るには十分ですし、簡単に作れると思います。

自分に合ったツールを使って、ぜひお好みのウェブサイトを作ってみてください。

BOOSTMOBILEBACKTOSCHOOL.COM RSS
Close Bitnami banner
Bitnami