MENU
フラワーベース 花瓶 花器 大型 平型 ガラス お洒落 グラデーション

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

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

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

目次
  1. 【リフォーム認定商品】【工事費込セット(商品+基本工事)】 [KZ-AN77S] Aシリーズ A7タイプ パナソニック IHクッキングヒーター 3口IH ダブルオールメタル対応 幅75cm シルバー
  2. Google Sitesの始め方
  3. 【クーポン配布中】(業務用5セット) EPSON エプソン インクカートリッジ 純正 【ICM93L】 マゼンタ
  4. 【クーポン配布中】(業務用7セット)HP ヒューレット・パッカード インクカートリッジ 純正 【HP920XL】 シアン(青)
  5. オークリー OAKLEY サングラス 【スクエア型】 ホルブルック メタル プリズム HOLBROOK METAL OO4123-1155 55サイズ ユニセックス メンズ レディース アウトドア ドライブ UVカット 紫外線 【国内正規品】【PRIZM GREY】 クリスマス プレゼント
  6. 右上のアイコンについて
  7. 【大感謝祭でポイント最大43倍】RICOH(リコー) ジェルジェットカートリッジ GC31Kブラック
  8. 【クーポン発行中!】CRITIBA/SHALLOWS/No.4/φ70mmH160mm/フラワーベース/クリチーバ/シャロウズ/花瓶/

【クーポン発行中!】HOLMEGAARD ホルムガード CADO Vase 4340395 カドベース 花器 陶器 花瓶 北欧 柴田文江 fumie shibata 華道 吹きガラス 桜 5706422103002 H18×φ24cm 花瓶

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

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

また、ウェブサイトにはパソコンデスク 白 90cm幅 作業デスク 勉強机 デスク 机 ホワイト おしゃれ pcデスク 大人 ワークデスク 在宅ワーク 在宅 在宅勤務 オフィステーブル PCデスク パソコンテーブル 事務机 鏡面 オフィスデスク 日本製 【天板幅90 奥行40 高さ72cm/Zero-XMT 904072 nail】【あす楽】キヤノン 互換インク BCI-371XL+370XL/6MP 大容量6色マルチパックお徳用10パック BCI-371XL+370XL/6MP 純正品 同様にご使用頂けます BCI-371XL BCI-370XL【送料無料】

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

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

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

ダイニングベンチ 合皮 3人 長椅子 ダイニングチェア ベンチ 黒 低め ダイニングソファ ホワイト レザー 白 ダイニング ベンチソファー 背もたれなし 北欧 ソファ インダストリアル 革 合皮ソファ ブラック ソファー 2人掛け コンパクト 日本製 BaggySA2×7 合皮ソファーGoogle系のサービスはあまり使わないけど、1ページ程度のホームページを作りたい」という方は、ペライチがとても簡単にできるので、おすすめです。

Google sitesの方は、

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

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

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

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

Google Sitesの始め方

【送料無料】 CRG-312 15本セット キヤノン トナーカートリッジ CRG-312 ブラック LBP3100用 【互換トナーカートリッジ】【宅配便商品・あす楽】掛軸 夜桜 緒方葉水 筆 K11646 【割引不可品】 インテリア 掛け軸 掛軸 年中 開運祈願 部屋飾り 品質 日本製 高級感にアクセスをして、Googleアカウントでログインします。

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

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

ことから始めます。

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

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

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

マウスを上に乗せると、

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

IPSiO SPトナー C820H ブラック(2本セット) 高品質リサイクル品 IPSiO SP C820,C821対応

【BHH-1425-350】伊藤鉄工(IGS)防護蓋14/25T

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

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

目次

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

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

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

画像カルーセル

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

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

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

自動再生の方法

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

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

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

ボタンの作成

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

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

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

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

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

分割線を追加

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

プレースホルダ

ルイスポールセン Louis Poulsen Enigma 545 エニグマ 545 Black ブラック Pendant Light ペンダント ライト デザイン:内山 章一 デザイナーズ照明・間接照明 ルイス ポールセン デンマーク ダイニング リビング 和室 【smtb-KD】

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

【クーポン発行中!】HOLMEGAARD ホルムガード  CADO Vase 4340395 カドベース 花器 陶器 花瓶 北欧 柴田文江 fumie shibata 華道 吹きガラス 桜 5706422103002 H18×φ24cm 花瓶
【クーポン発行中!】HOLMEGAARD ホルムガード CADO Vase 4340395 カドベース 花器 陶器 花瓶 北欧 柴田文江 fumie shibata 華道 吹きガラス 桜 5706422103002 H18×φ24cm 花瓶
horme-cado-2939
14,907円 26,620円














ホルムガード社は 1825 年にデンマークに設立された伝統あるガラスブランドです。
そのクオリティの高さから、1900年代にはデンマーク王室御用達ブランドに選ばれるなど、
吹きガラス製法で生み出される作品は世界中の多くのファンを魅了してきた。
シンプルさと機能性の思想を取り入れたデザインで多くの人々に新鮮な印象を与えました。
フラワーベースやワイングラスに代表される彼らの作品は、
現在はローゼンダール・デザイングループが運営し、伝統的な職人技と先進的な生産技術により、
世界中の美術館に所蔵されており、現代を代表するデザイナーと積極的にコラボレーションするなど、
伝統に甘んじることなく自由な発想と先進的な姿勢で更なる進化を続けている。

そんなホルムガードが初の日本人デザイナーを起用。





約200年に及ぶホルムガードの歴史において、初めて起用された日本人デザイナーである柴田文江氏は、武蔵野美術大学工芸工業デザイン学科卒業後、大手家電メーカーを経てDesign Studio S設立。文房具から電化製品、多くのデザインプロジェクトに名を連ねるプロダクトデザイナー。iF金賞(ドイツ)、red dot design award、毎日デザイン賞、Gマーク金賞、アジアデザイン賞大賞・文化特別賞・金賞などの受賞歴があり。武蔵野美術大学教授、2018-2019年度グッドデザイン賞審査委員長を務める。









【HOLMEGAARD ホルムガード】 CADO Vase 4340395

桜は、日本だけでなく、今や世界中の人々を魅了しています。日本の伝統芸能「華道」からインスピレーションを得てデザインされた「CADO Vase」は「桜」をガラスの世界に反映し、吹きガラスの2色のピースから成り、クリアの上部ベースには花びらや小石、多肉植物などを重ねて、ピンクの下部ベースには花や枝ものを、個々に活けても、発想は自由自在。フランス語で「贈り物(Cadeaux)」という意味も込められています。

サイズ H18×φ24cm(上部:H10.5cm/下部:H18cm)
素材 吹きガラス
原産国 ポーランド
イメージ写真についてイメージ写真には、該当商品以外の撮影小物なども写っておりますが、それらの小物は商品には含まれておりません。
お間違いのないよう、ご注意くださいませ。
手工品の場合商品がハンドメイドの場合、個体差が生じる場合がございますが、いずれも良品です。色や形、2つとないハンドメイドの良さをお楽しみください。



PDFの挿入方法

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

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

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

Youtube

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

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

カレンダー

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

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

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

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

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

地図

Google Mapを埋め込みます。

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

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

ブルートパーズ ダイヤモンドリング 0.1ct k18ゴールド 18金 一粒 ハート 小指 ピンキーリング ミディリング ファランジリング 11月誕生石 指輪 レディース ジュエリー アクセサリー プレゼント ギフト

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

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

【クーポン発行中!】HOLMEGAARD ホルムガード CADO Vase 4340395 カドベース 花器 陶器 花瓶 北欧 柴田文江 fumie shibata 華道 吹きガラス 桜 5706422103002 H18×φ24cm 花瓶

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

スプレッドシート

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

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

フォーム

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

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

グラフ

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

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

【クーポン発行中!】HOLMEGAARD ホルムガード CADO Vase 4340395 カドベース 花器 陶器 花瓶 北欧 柴田文江 fumie shibata 華道 吹きガラス 桜 5706422103002 H18×φ24cm 花瓶

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

ここから、LEGEND LJB-MINI Blue Black Sunburst ベース 初心者12点セット 【ミニアンプ付】 ミニサイズ 【レジェンド】

ページを複数作る

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

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

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

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

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

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

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

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

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

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

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

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

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

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

右上のアイコンについて

プレビューで確認する

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

ハッピー金属 ファミールポスト 680-K | 郵便受け 郵便 ポスト 新聞受け メールボックス おしゃれ 表札 新築 玄関

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

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

【陶板】 越前芳水作 白釉 彩色長方草陶板 債取橋 芳水直筆共布付(窯ヒビ有)いよじ園

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

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

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

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

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

\今月限定☆特別大特価/ PA-P280L6GVB パナソニック 業務用エアコン Gシリーズ エコナビ 2方向天井カセット形 10馬力 同時ダブルツイン 超省エネ 三相200V ワイヤード 冷媒R32 PA-P280L6GVBが激安!

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

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

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

ルフトバーン S11 モノブロック 8/9Jx19 +38 5/114.3 9Jx19 +38 5/114.3 シルバーポリッシュ(シルバー&ポリッシュ) ヴェルファイア クラウン ロイヤル アルファード

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

Google サイトを公開!

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

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

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

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

【クーポン発行中!】HOLMEGAARD ホルムガード CADO Vase 4340395 カドベース 花器 陶器 花瓶 北欧 柴田文江 fumie shibata 華道 吹きガラス 桜 5706422103002 H18×φ24cm 花瓶

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

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

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

バイク用品 バグスター BAGSTER タンクカバー ワインレッド K100RS RT LT-931090M 4547567323051取寄品 セール【クーポン発行中!】Menu/EchasseVase S/amber/イシャスベース/Sサイズ/アンバー/花瓶/フラワーベースというサービスを試してみてください。

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

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

BOOSTMOBILEBACKTOSCHOOL.COM RSS
Close Bitnami banner
Bitnami