この記事では、インスピレーションを与えるコミュニケーション サイトの例の要素を示し、自分の組織で同様のサイトを作成する方法を学習するのに役立ちます。 この例では、視覚的に魅力的でネイティブにモバイルページを使用して、視覚、ニュース、情報、リソースを共有します。コミュニケーション サイトは、組織全体のユーザーに通知し、関与します。 このコミュニケーション サイトの設計では、関連する情報のプレゼンテーションを最適化するために、それぞれ異なるレイアウトの複数のセクションを使用します。

最初に、コミュニケーション サイトをまだ作成していない場合は、この記事の 「サイト を作成する」セクションを参照してください。  サイトでページを編集して発行する方法については、この記事の「編集、セクションと Web パーツの使用、公開」セクションを参照してください。

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

コミュニケーション サイトの例

SharePoint Online の最新のコミュニケーション サイトのサンプル
  1. メガ メニューとコントロールの編集

    訪問者が探している情報をすばやく案内します。 この領域では、管理者は編集ツールにアクセスできます。 詳細情報

  2. 機能に関するニュースと情報

    組織の周囲からニュースを提供し、役立つ情報を提供します。 詳細情報

  3. コンテンツをカスタマイズする

    パーソナライズされたコンテンツを要約して、訪問者の価値を生み出します。 サイトの作業に関連性を維持するために、提案されたコンテンツとタスク関連のリンクを組み合わせます。 詳細情報

  4. Connectと共有する

    スタッフの満足度とつながりを高めるコミュニティを提案します。 詳細情報

  5. 組織のイベントの要約

    仕事に影響を与える可能性のある今後のイベントや従業員のモラルの向上を訪問者に通知します。 詳細情報

サイトを作成する

ここに示したようなサイトを作成するには、コミュニケーション サイト を 作成します。 これを行うには、 SharePointスタート ページから [サイトの作成] をクリックします (または、このサイトをハブ サイトに関連付ける場合は、ハブサイトに移動し、[サイトの作成] をクリックして、コミュニケーション サイトがハブ サイトに自動的に関連付けられていることを確認します)。

サイトのコマンドを作成する

次に、[ コミュニケーション サイト] を選択し、[トピック] レイアウトを選択 します。 サイト名、説明、その他の情報を入力し、[完了] を クリックします。 次に、この記事の例と同じ種類のレイアウトのテンプレートを取得します。

コミュニケーション サイトSharePoint作成する

詳細については、「SharePoint Online でコミュニケーション サイトを作成する」を参照してください

ページのトップへ

メニューとサイト組織を編集する

コミュニケーション サイトでは、メニューと Web パーツを使用して情報を整理および表示します。 訪問者が必要な情報を見つけやすくするために、 SharePoint サイトの組織とナビゲーションをすばやく簡単にカスタマイズできます。

SharePoint Online の最新のコミュニケーション サイトの MegaMenu ナビゲーションの例

上部のメニュー の [ 編集] をクリックすると、左側にシンプルな 3 レベルのアウトライン リストが開きます。 アウトライン レベルは、メニューパーツ (メイン メニュー、ヘッダー項目、またはメニュー項目) と同じになります。 アイテム名 の右側にある [...] コントロールをクリックして、アイテムのリンクとアウトライン レベルを設定します。

右側のヘッダーの下にある [編集] をクリック して 、ページの編集を開始します。 編集中に、下書きは後で保存するか、破棄することができます。 ページの更新の準備ができたら、[発行] をクリック して組織全体に公開します。

ページの上部バーの [発行] ボタン

ページのトップへ

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

ページの上部にある [ 編集] をクリックして、編集を開始します。

ページ上部バーの [編集] ボタン

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

ページのトップ バー

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

セクション レイアウト

セクションはページを構成し、1 つ以上の Web パーツを配置します。 ページの編集中、各セクションには、レイアウトの編集、セクションの移動、または削除を行うコントロールが表示されます。 セクションの操作については、「ページのセクションと列を追加または削除する」を参照してください

セクションを追加するコントロール。

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

Web パーツ ツールボックス

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

Web パーツ ツール。

ページの更新の準備ができたら、[発行] をクリック して、組織全体に表示します。

ページの上部バーの [発行] ボタン

ヒント: サイト上のすべてのページを管理するには、上部のメニューの [ページ ] をクリックします。

ページの使用の詳細については、「最新のページを作成して使用する」を参照SharePointしてください

ページのトップへ

ニュース Web パーツで重要なニュースを追加する

ニュース Web パーツには、[ニュースソース]と [レイアウト]を選択し、コンテンツを整理およびフィルター処理して、サイトの目標を満たす組織全体のニュースを選択するためのコントロールが提供されます。

レイアウトを選び、コンテンツを整理する

[ レイアウト]には、ニュース アイテムの表示方法を調整する 5 つのオプションがあります。 コミュニケーション サイトのデザインでは、上部の [ハブ ニュース ] レイアウトと中央付近の [トップ ストーリー] レイアウトが使用されます。 ニュース ソースとレイアウトを選択したら、サイトの優先順位に合わせてニュースを整理します。 サイト上の 3 つのニュース記事だけが公開されるので、ストーリーは 1 つの大きな画像と 2 つの小さな画像と並べて表示されます。

この例では、Web パーツは 1 列のセクションに含されています。

SharePoint Online の最新のコミュニケーション サイトのサンプルのニュース web パーツ

ニュース Web パーツの使用の詳細については、「ニュース Web パーツを使用する」を参照SharePointしてください

ページのトップへ

強調表示されたコンテンツ Web パーツで重要な情報を紹介する

強調表示されたコンテンツ Web パーツの柔軟な機能を使用して、タスク、ビデオ、ドキュメントなど、さまざまな種類のコンテンツを表示します。 フィルターを使用すると、現在の訪問者が最近作業したコンテンツを動的に表示するなど、注目のコンテンツを正確に選択できます。

このコミュニケーション サイトでは、2 つのビューで同じ Web パーツを異なる設定と並べて使用して、その機能を表示します。

SharePoint Online の最新のコミュニケーション サイト用の強調表示されたコンテンツ Web パーツ入力のサンプル

強調表示されたコンテンツ Web パーツの使用の詳細については、「強調表示されたコンテンツ Web パーツを使用 する」を参照してください

ページのトップへ

テキスト Web パーツで書式設定されたテキストを追加する

タイトル セクションで書式設定されたテキストを使用してテキストを洗練し、訪問者のエクスペリエンスを向上させる説明を追加します。 この例では、テキスト Web パーツが標準テキスト スタイル を使用 しています。 書式設定ツール バー の右側にある [...] コントロールをクリックすると、Web パーツの右側に追加のオプションが表示されます。

SharePoint Online の最新のコミュニケーション サイト用のサンプル テキスト web パーツ入力

テキスト Web パーツの使用の詳細については、「テキスト Web パーツを使用してページにテキストとテーブルを追加する」 を参照してください。

ページのトップへ

画像 Web パーツを使用してグラフィックスを追加する

[イメージ] Web パーツでは、固定画像がページに表示されます。 画像 Web パーツを使用して、コミュニケーション サイトのトーンを画像で設定し、関連するコンテンツに視聴者を直接表示するリンクを追加し、アクセシビリティを高めるためにキャプションと代替テキストを使用して画像を強化します。

SharePoint Online の最新のコミュニケーション サイト用のサンプル画像 web パーツ入力

画像 Web パーツの使用の詳細については、「画像 Web パーツを使用 する」を参照してください

ページのトップへ

イベント Web パーツを使用してイベントの予定表を追加する

イベント Web パーツを使用すると、コミュニケーション ページに今後のイベントを簡単に表示できます。 使いやすいコントロールはリストにフォーカスを合わせて外観を調整し、視聴者はイベントを簡単にクリックして予定表に追加できます。

このコミュニケーション サイトの例では、この Web パーツはコンパクト レイアウトを使用します。

SharePoint Online の最新のコミュニケーション サイトのサンプル イベント web パーツ入力

イベント Web パーツの使用の詳細については、「イベント Web パーツを使用 する」を参照してください

ページのトップへ

さらに詳しく

「Look Book」の他の例SharePointを参照してください

ヘルプを表示

その他のオプションが必要ですか?

サブスクリプションの特典の参照、トレーニング コースの閲覧、デバイスのセキュリティ保護方法などについて説明します。

コミュニティは、質問をしたり質問の答えを得たり、フィードバックを提供したり、豊富な知識を持つ専門家の意見を聞いたりするのに役立ちます。