スキップしてメイン コンテンツへ

ガイド付きチュートリアル: チームサイトの作成

この記事では、チームサイトの例の要素について説明します。この記事では、自分の組織に類似したサイトを作成する方法について説明します。 

チームの他のメンバーや、特定のプロジェクトで他のユーザーと共同作業をするときには、チーム サイトを使用します。 チーム サイトでは、通常、全員またはほとんどのメンバーがコンテンツをサイトに投稿でき、チームまたはプロジェクトのメンバーや、特定の関係者にのみ情報が表示されます。 さらに、チームサイトはグループチームチャネルに接続されます。 これにより、チームがグループの権限を持ち、チャット、会議、ファイルの共有を行うことができるようになります。 

最初に、チームサイトをまだ作成していない場合は、「 SharePoint でチームサイトを作成する」を参照してください。

サイトでページを編集して発行する方法については、この記事の「編集、セクションと web パーツの操作」をご覧ください。

サイトを作成してページの編集方法を確認したら、次のガイダンスを使用して、表示されている要素を追加できます。

チームサイトの例

SharePoint Online の最新のチームサイトの例

チームのハイライトとニュースの 番号 1

情報を共有しながら視覚的に表示する方法を学習する

クイック起動 番号 2

サイト内の他のコンテンツへのリンクを追加します。 詳細情報

番号 3 チームに通知する

チームの作業に関連するリンク、イベント、コンテンツを提供します。 詳細情報

チームに関するニュースを共有 番号 4

チームが関心を持っているニュースアイテムを提供します。 詳細情報

重要な情報を強調表示 数値 5

ヒーロー web パーツによるイベント登録期限などの重要な通話の表示を向上させます。 詳細情報

プロジェクトの状態を表示する 番号 6

Planner web パーツを使用して、チームの進捗状況をプロジェクトに表示します。 詳細情報

最近のアクティビティを表示 番号 7

チームサイトコンテンツの最新の更新プログラムを自動的に表示します。 詳細情報

セクションと web パーツを管理する

この例では、さまざまなレイアウトを持つ6つのセクションを使用します。 最初のセクションでは、ページの右上にある [編集] をクリックして編集を開始します。

ページのトップバーの [編集] ボタン

編集中は、左側のヘッダーの下にある下書きは、後で保存するか、破棄することができます。

ページのトップバー

セクションの前または後にある + 記号は、いくつかのレイアウトのいずれかを使用してセクションを追加します。

セクションレイアウト

セクションによってページが構成され、1つまたは複数の web パーツを配置します。 ページの編集中、各セクションには、レイアウトの編集、移動、または削除を行うためのコントロールが表示されます。 セクションの操作方法について詳しくは、「ページにセクションと列を追加または削除する」をご覧ください。

コントロールを追加してセクションを追加します。

セクション内のプラス記号の SPO 正符号 をクリックすると、セクション内の web パーツの前または後に表示されることがあります。これは、利用可能なさまざまな種類の web パーツを表示するために使用されます。 すべての web パーツの詳細については、「 SharePoint ページで web パーツを使用する」を参照してください。

Web パーツツールボックス

セクション内で Web パーツを編集、移動、または削除することができます。 [ Web パーツの編集] アイコンを開くと、各 web パーツの種類に固有の詳細コントロールが表示されます。

Web パーツツール。

ページの更新が完了したら、[発行] をクリックして、チームに表示されるようにします。

ページのトップバーの [発行] ボタン

ページの使用方法の詳細については、「 SharePoint サイトでモダンページを作成して使用する」を参照してください。

ページのトップへ

チームのハイライトとニュース

この例のページの最初のセクションでは、2段組みのレイアウトを使用しています。 最初の列は、新しいチームメンバーを紹介する情報へのリンクに1つのタイルレイアウトを使用するヒーロー web パーツです。 上の例では、タイトルが表示されたテキスト web パーツです。 2番目の列は、リストレイアウトを使用するニュース web パーツです。 これは、2つの web パーツを配置するためのスペーサー web パーツです。

ヒーロー web パーツNews web パーツを使用する方法について説明します。

ヒーロー web パーツとニュース web パーツを使用したチームサイト

クイック起動

SharePoint サイトの整理とナビゲーションをすばやく簡単にカスタマイズすることができます。 左側のサイドリンクバーメニューの編集を開始するには、メニューの下部にある [編集] リンクをクリックします。

[サイドリンクバーのナビゲーションの編集] メニューの [編集]、[移動]、[削除] ドロップダウン

各メニュー項目の末尾で...コントロールをクリックすると、項目の編集、移動、削除を行うことができます。

クイック起動ナビゲーションメニューの [編集] オプション

編集中は、下書きを後で保存するか、破棄することができます。 ページの更新が完了したら、[発行] をクリックしてチームに公開します。

ページのトップバーの [発行] ボタン

ページのトップへ

チームに通知する

次の例の2番目のセクションは、3段組みのレイアウトで、クイックリンク web パーツ、グループ予定表 web パーツ、ドキュメントライブラリ web パーツが含まれています。

3列構成セクションの Web パーツ

各 web パーツの詳細については、以下を参照してください。

クイック リンク

クイックリンク web パーツには、他のページまたはサイトへのリンクを一覧表示するための、使いやすいメニュー形式がいくつか用意されています。 このチームサイトの例では、この web パーツでは、小さいアイコンが付いたタイルレイアウトを使って、すばやく簡単に参照できます。

SharePoint Online のモダンチームサイトのクイックリンク web パーツ入力の例

クイックリンク web パーツの使用方法の詳細については、「クイックリンク web パーツを使用する」を参照してください。

グループ予定表

グループ予定表 web パーツには、Office 365 グループの予定表にある会議と予定が自動的に表示されます (office 365 グループおよび関連する予定表は、チームサイトを作成したときに自動的に作成されます)。

チームの予定表

グループ予定表 web パーツの詳細については、「グループ予定表 web パーツを使用する」を参照してください。

リスト web パーツ

チームが簡単に見つけられるドキュメントやその他のサイトコンテンツなどのサイトコンテンツを表示します。 このチームサイトの例では、リストはドキュメントライブラリ内の [ドキュメント] フォルダーを参照しています。

SharePoint Online のモダンチームサイトのサンプルのリスト web パーツ

リスト web パーツの使用方法の詳細については、「リスト web パーツを使用する」を参照してください。

ページのトップへ

ニュース web パーツを使用して重要なニュースを追加する

このチームサイトでは、チーム全体のニュースが提供され、現在のユーザーの関心があると思われるニュースもフィルター処理されます。

この例では、ニュース web パーツでは、現在のユーザーがソースとして使用することを推奨します。また、サイドバイサイドレイアウトは、背景が1つの列で構成されています。

SharePoint Online のモダンチームサイトのニュース web パーツ入力の例

ニュース web パーツの使用方法の詳細については、「 SharePoint ページでニュース web パーツを使用する」を参照してください。

ページのトップへ

重要な情報を強調表示する

影響度の高いヒーロー画像、会社のブランド、重要なニュースの中で、最も重要なものをチームに知らせます。 チームサイトのホームページの最初の影響は、ヒーロー web パーツの大規模で目立つ画像によって作成されます。 この例で使用されているレイアウトは、 2 つのタイルです。

タイルの力

タイルには、画像、トピック見出し、タイトル、説明、およびアクションリンクへの呼び出しを含めることができます。 その他の調整には、画像のスケーリングや、イメージズームアニメーションのフォーカスの設定などがあります。

各タイルを編集できます。

左側の [アイテムの移動] コントロールを使用して、ヒーロー web パーツ内のタイルを再配置します。 右のコントロールでは、使用されているテキストと画像を調整したり、ホバーアニメーションの焦点を設定したり、ズームインして画像を縮小したりすることができます。

この例では、ヒーロー web パーツが完全幅のセクションにあります。

SharePoint Online のモダンチームサイトのサンプルのヒーロー web パーツ

ヒーロー web パーツの使用方法の詳細については、「ヒーロー web パーツを使用する」を参照してください。

ページのトップへ

プロジェクトの状態を表示する

Microsoft plannerを使用してプロジェクトを管理し、プランを作成する場合は、Planner web パーツを使用して、そのプランの状態をページに直接表示することができます。

Planner web パーツ

Planner web パーツの使用方法の詳細については、「 planner web パーツを使用する」を参照してください。

ページのトップへ

サイトアクティビティの web パーツを使用してチームアクティビティを表示する

アクティビティ web パーツには、表示するアイテムの数が1つだけしかありません。 Web パーツに表示されるアクティビティには、ページの更新と、チームサイトに保存されているすべてのドキュメントが含まれます。

この例では、web パーツは1列のセクションにあります。

SharePoint Online のサンプルモダンチームサイトのアクティビティ web パーツ

サイトアクティビティの web パーツの使用の詳細については、「サイトアクティビティの web パーツを使用する」を参照してください。

ページのトップへ

さらに詳しく

SharePoint Look Bookでその他の例を活用してください。

Office のスキルを磨く
トレーニングの探索
新機能を最初に入手
Office Insider に参加する

この情報は役に立ちましたか?

ご意見をいただきありがとうございます。

フィードバックをお寄せいただき、ありがとうございます。Office サポートの担当者におつなぎいたします。

×