MENU
【代引不可】アトランタ ブレーブス Tシャツ【2021 WORLD SERIES CHAMPIONS LOCKER ROOM T-SHIRT】ATLANTA BRAVES 21_10_MLB CHAMPIONSHIP ロッカールーム 2021 ワールドシリーズ

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

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

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

目次
  1. 【割引クーポン有】 【送料無料】 G-SHOCK G-SQUAD PRO 国内正規品 #GSW-H1000-1A4JR 【カシオ: スポーツ・アウトドア その他雑貨 】【CASIO】
  2. Google Sitesの始め方
  3. 【業務用】 手動式 ブロックアイススライサー HA-10LA CHUBU 中部コーポレーション 【送料無料】 幅213×奥行200×高さ425mm(ハンドル・バット含まず)
  4. ポイント最大38倍【取付工賃込】【245/40R18 97Y】ヨコハマ アドバン スポーツ V105S サマータイヤ単品4本セット | 18インチ タイヤ サマータイヤ サマータイヤ4本 夏タイヤ 夏用タイヤ タイヤ4本【オートバックスでも交換可能!】
  5. エイソス マキシドレス レディース ASOS DESIGN maxi dress with batwing sleeve and wrap waist in satin エイソス ASOS イギリス クレジットカードOK ブランド 【並行輸入品】 日本未入荷 新作 人気 インポート
  6. 右上のアイコンについて
  7. 【次回発送は1月5日】 [受注生産] 東芝 汎用 サブリボン R-95 RBN5952A RBN5950A 黒 4個 ┃ KSP112 TOSHIBA インク インクリボン インクカートリッジ ドットプリンター リボンカートリッジ ワイヤドットカートリッジ プリンタ ドットインパクトプリンター 詰め替え 詰替
  8. 【代引不可】ニュージャージー ネッツ ジャージ【AAPE x MITCHELL&NESS COLLABO PRACTICE JERSEY/RED】ミッチェルアンドネス NEW JERSEY NETS Tee 20_3_3NBA20_3_4

FOXEY フォクシー カーディガン 33776 Peach Melda ミンクファー 長袖 40【Aランク】【中古】tn191024 カーディガン・ボレロ

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

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

また、ウェブサイトにはライダースジャケット レザージャケット レディース 本革 革ジャン シングル スタンド ライダース ラムレザー レディースアウター レッド赤ベージュキャメルグレーダークブラウンこげ茶ブラック黒大きいサイズ TQP837ウォールシェルフ リビング壁面収納 壁掛けラック 壁掛け 棚 キッチン ウォールラック 賃貸 ブックラック 壁掛けシェルフ ラック ディスプレイラック 石膏ボード 飾り棚 おしゃれ ディスプレイシェルフ トイレ インテリア トイレ収納 本 壁掛け本棚 【幅150cm奥行15cm角丸】

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

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

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

【ポイント10倍エントリー必須】スノーボード 板 キャピタ スコットスティーブンス パーク ジブ グラトリ メンズ CAPITA SCOTT STEVENS PRO 2021-2022Google系のサービスはあまり使わないけど、1ページ程度のホームページを作りたい」という方は、ペライチがとても簡単にできるので、おすすめです。

Google sitesの方は、

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

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

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

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

Google Sitesの始め方

☆高品質☆【ブレスレット】極太タイチンルチルクォーツ (6A) (約13~13.5mm) (ケース付) 【パワーストーン 天然石 アクセサリー レディース メンズ】薪窯 焼締 湯のみ 陶芸家 荒川 明作 【文部大臣奨励賞受賞】 木箱付き 送料無料 gyu-9にアクセスをして、Googleアカウントでログインします。

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

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

ことから始めます。

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

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

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

マウスを上に乗せると、

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

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

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

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

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

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

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

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

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

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

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

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

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

アイコン画像を探したい!という場合はイラストサイトを使うと便利です。【クーポン配布中&大感謝祭対象】キヤノン トナーカートリッジ318CRG-318CYN シアン 2661B003 1個

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

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

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

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

ギフト 動き出したら止まらない!ダンシングストーンペンダント、新登場!クロスフォーニューヨークダンシングストーンペンダントネックレス スモールフラワー NYP507

【まとめ買い10セット】 紀州塗 彩々うさぎ 小判盆 607-2 日本製 盆 内祝い 結婚内祝い 出産内祝い 新築祝い 就職祝い 結婚祝い 引き出物 香典返し お歳暮 ギフト 御歳暮 お返し 新生活応援 クーポン配布中

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

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

目次

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

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

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

画像カルーセル

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

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

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

自動再生の方法

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

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

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

ボタンの作成

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

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

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

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

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

分割線を追加

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

プレースホルダ

リズ ダイニングテーブルナチュラル組立必要品東谷ダイニングテーブル

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

FOXEY フォクシー カーディガン 33776 Peach Melda ミンクファー 長袖 40【Aランク】【中古】tn191024 カーディガン・ボレロ
FOXEY フォクシー カーディガン 33776 Peach Melda ミンクファー 長袖 40【Aランク】【中古】tn191024 カーディガン・ボレロ
0120998h0106784-4380
37,761円 67,430円








ビープライスではFOXEY BOUTIQUEのトップスを始め、国内外の人気ブランド・ハイブランドのアイテムを多数取り揃えております。

お取り扱い商品は全てリサイクル・リユースとなりますが、リサイクル通販のご利用経験がないお客様にも満足していただけるUSEDブランドショップを目指しています。

販売中のアイテムは全て状態チェック・鑑定済みとなりますので安心してお買い物をお楽しみください。

毎月末は最大80%OFFのセールを開催、欲しかったあの商品を購入するチャンスです、お見逃しなく♪





FOXEY BOUTIQUE / トップス

商品状態の詳細

USED品ではありますが、目立つダメージや大きな汚れのないコンディションのよい美品です。

【汚れ・シミ】特に目立つものはございません。
【キズ】特に目立つものはございません。
【毛玉・毛羽立ち】全体的に若干の毛羽感がございます。
【使用感】少ない~普通。裾に若干の伸びよれ感がございます。
【こんな方におススメ】USED品でも汚れやダメージが少ないお品物をお探しの方にオススメ

商品管理ID0120998h0106784
ブランド・アイテムFOXEY BOUTIQUE / トップス
性別タイプレディース
表記サイズ
表記サイズについて
40
実寸サイズ
採寸方法について
総丈:約57cm
肩幅:約37cm
身幅:約45cm
袖丈:約64cm
カラーベージュ
素材画像参照
付属品ファー(取り外し可)
肩パッド(取り外し可)
備考販売年月:2015
型番:33776
参考価格:199800円

身長160前後・Mサイズの方がメインに着用されることが多い商品です。

※必ず本商品の実寸サイズも併せてご確認ください。



PDFの挿入方法

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

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

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

Youtube

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

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

カレンダー

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

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

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

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

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

地図

Google Mapを埋め込みます。

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

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

【クーポン配布中】【業務用2セット】【純正品】 EPSON エプソン インクカートリッジ/トナーカートリッジ 【ICM40A M マゼンタ】 ×2セット

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

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

FOXEY フォクシー カーディガン 33776 Peach Melda ミンクファー 長袖 40【Aランク】【中古】tn191024 カーディガン・ボレロ

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

スプレッドシート

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

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

フォーム

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

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

グラフ

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

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

FOXEY フォクシー カーディガン 33776 Peach Melda ミンクファー 長袖 40【Aランク】【中古】tn191024 カーディガン・ボレロ

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

ここから、剣道 防具 セット 6mm刺 面 胴 甲手 垂 防具一式 小学生

ページを複数作る

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

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

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

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

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

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

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

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

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

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

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

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

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

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

右上のアイコンについて

プレビューで確認する

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

中古 Cランク (フレックスS) キャロウェイ X2 HOT U3 X2 HOT(ユーティリティ) S 男性用 右利き ユーティリティ UT

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

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

パンサー スニーカー レディース メンズ ウォーキングシューズ ランニングシューズ レトロランニング カジュアルシューズ PANTHER GT DELUXE LE PTJ-0015

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

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

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

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

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

【クーポン配布中】【業務用2セット】【純正品】 EPSON エプソン インクカートリッジ/トナーカートリッジ 【ICGY36A GY グレー】 ×2セット

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

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

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

k18ペアリング ダイヤモンド0.03ct 結婚指輪 マリッジリング 18金 セットリング レディース ジュエリー アクセサリー プレゼント ギフト

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

Google サイトを公開!

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

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

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

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

FOXEY フォクシー カーディガン 33776 Peach Melda ミンクファー 長袖 40【Aランク】【中古】tn191024 カーディガン・ボレロ

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

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

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

3枚 無地タイプ ハイタイプ ベッドガード ベッドフェンス ハイガード 赤ちゃんもあなたの小さい恋人です キッズ ベッド柵 落下防止 安全 手すり サイドガード ベッド小物 転落防止 高さ調節可能 取り付け簡単 1枚入り 1.2m 1.5m 1.8m 1.9m 2.0m 2.1m グレー【21AW新作】ステラマッカートニー STELLA MCCARTNEY レディース-Tシャツ 511240 SPW19 5202 パープル系 apparel-01 bos-11というサービスを試してみてください。

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

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

BOOSTMOBILEBACKTOSCHOOL.COM RSS
Close Bitnami banner