MENU
【中古】(未使用・未開封品) ピットロード 1/700 海上自衛隊 ヘリコプター搭載護衛艦 DDH-181 ひゅうが 塗装済組立モデルキット JP03

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

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

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

目次
  1. 鎌倉こなつ 経本 増補 真言秘密諸経全集 光明真言 毘沙門天経 虚空菩薩経 十二天尊 護身法印明 密教法具肌守り付き
  2. Google Sitesの始め方
  3. 軽トラック幌セット KH-5 KL 南栄工業 [荷台 ホロ ほろ 帆布]【hc9】
  4. [TMNW40JCS] TOTO 浴室水栓 ニューウエーブシリーズ サーモスタットシャワー金具(壁付きタイプ) 洗い場専用 シャワーヘッド:めっきワンダービート 混合水栓 【シールテープ無料プレゼント!(希望者のみ)※同送の為開梱します】
  5. リビングテーブル ローテーブル 棚付き センターテーブル コンソールテーブル 収納付き ホワイト 鏡面 収納 日本製 おしゃれ 1人用 一人掛け 一人用 完成品 小さめ ミニ 収納棚 奥行35cm 一人暮らし 白 カフェ 待合室 シンプル モダン 【幅60奥行35高さ40cmPICO603540nail】
  6. 右上のアイコンについて
  7. マポエジー MaPoesie ストール ショール レディース メンズ ユニセックス ウール VERMILLON
  8. 【中古】(未使用・未開封品) 日立 25本セット 直管蛍光灯 《あかりん棒》 グロースタータ形 20W 3波長形昼白色 FL20SS・EX-N/18-J_set

【中古】(未使用・未開封品) HiKOKI(ハイコーキ) 旧日立工機 高圧洗浄機 FAW110 その他

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

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

また、ウェブサイトには【中古】ゲームキャラクターズコレクションDX「デビルサマナー葛葉ライドウ 対 アバドン王」葛葉ライドウリビングテーブル ローテーブル センターテーブル おしゃれ ソファテーブル カフェ テーブル 伸縮テーブル コーナー カフェテーブル 高さ50cm デスク 伸長式テーブル 奥行50cm 奥行50 日本製 完成品 ワンルーム 黒 机 座卓 【幅100~188奥行50高さ50cm/ZEROIP1005050/black】

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

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

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

エイソス 半袖Tシャツ メンズ ASOS DESIGN oversized t-shirt with Ford Escort print in white エイソス ASOS イギリス クレジットカードOK ブランド 【並行輸入品】 ホワイト 白 日本未入荷 新作 人気 インポートGoogle系のサービスはあまり使わないけど、1ページ程度のホームページを作りたい」という方は、ペライチがとても簡単にできるので、おすすめです。

Google sitesの方は、

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

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

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

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

Google Sitesの始め方

光触媒 観葉植物 壁掛け フェイクグリーン 人工観葉植物 消臭 壁 フェイク 造花 壁面緑化 アレンジメント グリーン 壁飾り おしゃれ 壁面 トイレ インテリア 玄関 ウォールグリーン アートグリーン プレゼント インテリアグリーン ウォール パネル ボード グリーンインテリアレノックス ディズニーフィギュリン ミッキー&フレンズ ピーターパン ミッキー 3LNL843-566 置物 オブジェ 人形 インテリアにアクセスをして、Googleアカウントでログインします。

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

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

ことから始めます。

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

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

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

マウスを上に乗せると、

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

キャリパー ブラケット (06-08-156) BRAKE 補修部品 品番:06-08-0001

バイク用品 サスペンション ローダウンHYPERPRO ハイパープロ フロントスプリング HARLEY SOFTAIL FAT BOY 90-9922091060 4538792052601取寄品 セール

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

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

目次

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

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

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

画像カルーセル

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

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

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

自動再生の方法

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

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

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

ボタンの作成

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

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

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

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

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

分割線を追加

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

プレースホルダ

ドリームベッド ウレルディ2760 ダブル 棚付き LED照明 コンセント ノーマル 薄型キャビネット ミディアムウォールナット ダーク トレンドオーク ナチュラル 正規販売店 日本製家具(広島製) マットレス付き

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

【中古】(未使用・未開封品) HiKOKI(ハイコーキ) 旧日立工機 高圧洗浄機 FAW110 その他
【中古】(未使用・未開封品) HiKOKI(ハイコーキ) 旧日立工機 高圧洗浄機 FAW110 その他
sb00cfwe3yk-9257
21,238円 37,925円

未使用、未開封品ですが
弊社で一般の方から買取しました中古品です。
一点物で売り切れ終了です。

(中古品)
HiKOKI(旧日立工機) 高圧洗浄機 FAW110

【メーカー名】
HiKOKI (ハイコーキ)

【メーカー型番】
FAW110

【ブランド名】
HiKOKI (ハイコーキ)

【商品説明】
HiKOKI(旧日立工機) 高圧洗浄機 FAW110
最大吐出圧力:[バリアブルノズル取付時]7.5MPa・[ターボノズル取付時]5.0MPa
最大吐出水量:[バリアブルノズル取付時]5.0L/min-1・[ターボノズル取付時]5.5L/min-1
使用電源:単相交流50/60Hz共用・電圧100V
許容水温:40℃以下
給水方式:水道接続式


当店では初期不良に限り、商品到着から7日間は返品を 受付けております。

品切れの場合は2週間程度でお届け致します。

ご注文からお届けまで

1、ご注文⇒24時間受け付けております。

2、注文確認⇒当店から注文確認メールを送信します。

3、在庫確認⇒中古品は受注後に、再メンテナンス、梱包しますので
 お届けまで3日~10日程度とお考え下さい。

4、入金確認⇒前払い決済をご選択の場合、ご入金確認後、配送手配を致します。

5、出荷⇒配送準備が整い次第、出荷致します。配送業者、追跡番号等の詳細をメール送信致します。

6、到着⇒出荷後、1~3日後に商品が到着します。
当店はリサイクル専門店につき一般のお客様から買取しました中古扱い品です。
PDFの挿入方法

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

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

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

Youtube

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

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

カレンダー

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

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

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

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

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

地図

Google Mapを埋め込みます。

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

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

エイソス カーゴパンツ メンズ ASOS DESIGN tapered cargo trousers in brown エイソス ASOS イギリス クレジットカードOK ブランド 【並行輸入品】 日本未入荷 新作 人気 インポート

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

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

【中古】(未使用・未開封品) HiKOKI(ハイコーキ) 旧日立工機 高圧洗浄機 FAW110 その他

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

スプレッドシート

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

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

フォーム

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

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

グラフ

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

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

【中古】(未使用・未開封品) HiKOKI(ハイコーキ) 旧日立工機 高圧洗浄機 FAW110 その他

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

ここから、アディダス ゴアテックス スニーカー ユニセックス 【 ADIDAS TERREX AGRAVIC TR GORETEX TRAIL RUNNING FW2690 】

ページを複数作る

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

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

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

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

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

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

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

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

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

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

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

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

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

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

右上のアイコンについて

プレビューで確認する

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

【中古】NOVOFLEX パノラマプレート Panorama PlateII

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

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

【KF619L】KVK

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

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

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

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

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

【クーポン配布中】(まとめ) インクジェットカートリッジ ブラザー インクジェットカートリッジ シアン LC17C 4977766696005 ●対応機種:MFC-J5910CDW/J6710CDW/J6910CDW/J6510DW●種別:純正 1個【5×セット】

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

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

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

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

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

Google サイトを公開!

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

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

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

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

【中古】(未使用・未開封品) HiKOKI(ハイコーキ) 旧日立工機 高圧洗浄機 FAW110 その他

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

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

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

【OL251530BCR】ODELIC(オーデリック)【中古】(未使用・未開封品) 痛快あばれはっちゃく DVD-BOX2 デジタルリマスター版【昭和の名作ライブラリー 第8集】というサービスを試してみてください。

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

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

BOOSTMOBILEBACKTOSCHOOL.COM RSS
Close Bitnami banner
Bitnami