. 【Googleサイト】お知らせ掲示板を作成する方法〜実践編
【Googleサイト】お知らせ掲示板を作成する方法〜実践編
【Googleサイト】お知らせ掲示板を作成する方法〜実践編

【Googleサイト】お知らせ掲示板を作成する方法〜実践編

  • Facebook
  • X
  • Bluesky
  • Hatena

作りながら学ぶ

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

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

今回は「第3回:お知らせ掲示板を作成する方法」について説明していきます。

新しくページを追加し、社内情報を共有するお知らせ掲示板を作成しましょう。

たま

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

【随時更新】Googleサイトの使い方!無料で社内ポータルサイトを作る方法

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

目次
  1. 前回のおさらい
  2. ページを追加する
  3. ページを階層化する
  4. 見出しのタイプを変更する
  5. お知らせ掲示板を作成する
    • テキストボックスを追加する
    • 見出しを作成する
    • お知らせ内容を入力する
      • セクションを複製する
  6. まとめ

前回のおさらい

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

シリーズ連載を通して上図サンプルサイトを作成しています。

前回の記事では、ヘッダーに画像やロゴを挿入して見た目をデザインする作業を行いました。

今回は、その続きでサイトに【お知らせ掲示板】のページを作成します。

≫ 前回の記事はこちら

ページを追加する

お知せ掲示板のページを作成しましょう。

ページメニューから + ボタンをクリックすると小さいウィンドウが表示されますので「お知らせ」と入力し完了をクリックしてください。

ページが追加されました。

ページを階層化する

メニューが見やすくなるように【お知らせ】のページは階層化しておきます。

【お知らせ】ページをクリックし【ホーム】にドラッグしてください。

【お知らせ】ページが階層化されました。

見出しのタイプを変更する

ヘッダー背景の画像を非表示にして、タイトルのみ表示されるシンプルなヘッダーに変更しましょう。

背景画像にカーソルを合わせ見出しのタイプボタンをクリックしてください。

タイトルのみボタンをクリックしてください。

画像が非表示になりタイトルのみが表示されました。

ココ

ページ単体でヘッダーをカスタ

マイズできるんですね

お知らせ掲示板を作成する

上図のサンプルのように、他のメンバーにお知らせする内容を入力していきましょう。

テキストボックスを追加する

テキストの入力/編集ができるようにするために【テキストボックス】を追加しましょう。

空白箇所をダブルクリックし【テキストボックス】を2つ追加してください。

見出しを作成する

お知らせする日付とタイトルを入力してください。

メニューバーの ▼ をクリックし、スタイルを見出しに設定してください。

セクションの背景ボタンクをクリックし、背景の属性を強調1に設定してください。

見出しが作成されました。

お知らせ内容を入力する

【見出し】下のテキストボックスにお知らせ内容を入力してください。

セクションを複製する

新しくお知らせ内容を追加する場合は、コピー機能を活用しましょう。

セクションのコピーを作成ボタンクをクリックし、【見出し】と【お知らせ内容】の【テキストボックス】を複製してください。

ドラッグ&ドロップで【テキストボックス】を移動してください。

複製した【見出し】と【お知らせ内容】を修正してください。

ココ

複製した方が作業が楽ですね

タマ

同じデザインのテキストボックス

を使う場合はコピー機能を活用し

ていきましょう

まとめ

Googleサイトで「お知らせ掲示板を作成する方法」についてお伝えしました。

社内スケジュールや業務連絡、イベント告知などの情報共有をスムーズに行えるよう、Googleサイトを活用して業務効率化を実現しましょう。

≫ 全シリーズをまとめているページはこちら

ココ

スマホからでも手軽にお知らせ

の確認できて便利です

タマ

次回は「社内イベントを共有する

ページ」を作成しましょう

【Googleサイト】社内イベントを共有する方法〜実践編

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

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

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

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

  • 第1回:新規作成とテーマの変更
  • 第2回:ヘッダーをカスタマイズ
  • 第3回:お知らせ掲示板の作成
  • 第4回:社内イベントの共有
  • 第5回:業務ツールの共有
  • 第6回:書類の共有
  • 第7回:営業部のページを作成
  • 第8回:研修用のページ作成
  • 第9回:フッターのカスタマイズ
  • Facebook
  • X
  • Bluesky
  • Hatena
カテゴリーGoogleサイト タグ Google WorkspaceGoogleサイトGoogleサイトを作りながら学ぶ
📎📎📎📎📎📎📎📎📎📎