メイン コンテンツへスキップ
サポート
Microsoft アカウントでサインイン
サインインまたはアカウントを作成してください。
こんにちは、
別のアカウントを選択してください。
複数のアカウントがあります
サインインに使用するアカウントを選択してください。

この記事では、お客様を支援するためのハブサイトの例の要素を紹介し、自分の組織に類似したサイトを作成する方法について説明します。 ハブサイトは、閲覧者が情報やリソースをすばやく見つけられるようにします。 この例のハブサイトでは、ニュース、主要なリソース、イベント、連絡先へのリンクが提供されています。 人事ハブサイトのこの例では、従業員の休暇要求用のカスタムアプリも提案しています。

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

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

ハブサイトの例

SharePoint Online の最新のハブサイトの例
  1. メガメニューと編集コントロール

    検索している情報にすばやくアクセスできるようにします。 この領域では、管理者による編集ツールへのアクセスも提供されます。 詳細情報

  2. ニュースを共有する

    サイトのフォーカスの分野に関連する重要なニュースを収集します。 詳細情報

  3. 機能の重要なコンテンツ

    財務関連のプレゼンテーション、グラフ、レポートを簡単に共有できます。 詳細情報

  4. イベントに関する最新情報を把握する

    今後のイベントに関する情報にすばやくアクセスできます。 詳細情報

  5. 視覚的なインパクトの作成

    バナー画像を使って視覚的なインパクトを追加します。 詳細情報

  6. ツールのガイドの閲覧者

    休暇の申請などのプロセスを合理化するためのカスタムツールを追加します。  詳細情報

  7. 明確なパスを指定する

    アイコンとテキストの概要を表示して、適切な情報とツールにユーザーを案内します。 詳細情報

  8. エキスパートの機能

    問題を効果的に解決できる専門家の指導者。  詳細情報

サイトを作成する

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

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

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

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

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

ページのトップへ

メガメニューの管理

ハブサイトは、他の場所へのリンクを効果的に整理して表示するために最適化されています。

SharePoint Online の最新のハブサイトの MegaMenu ナビゲーションの例

上部のメニューで [ 編集 ] をクリックすると、左側に3レベルのシンプルなアウトラインリストが表示されます。 アウトラインレベルは、メインメニュー、ヘッダー項目、またはメニュー項目のメニュー部分に相当します。

  • アイテム名の右側にある [.. . ] コントロールをクリックして、アイテムのリンクとアウトラインレベルを設定します。

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

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

ページのトップへ

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

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

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

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

ページのトップバー

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

セクションレイアウト

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

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

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

Web パーツツールボックス

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

Web パーツツール。

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

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

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

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

ページのトップへ

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

ニュース web パーツには、 ニュースソースレイアウトを選択し、コンテンツを 整理 して フィルター処理 するためのコントロールが用意されています。 ハブサイトでは、情報とリソースが集まって、訪問者が必要な情報を見つけて、作業を効率的に行うことができます。 このサイトでは、5つのオプションのうちの1つである ハブニュース のレイアウトを使用しています。 レイアウトを選択したら、[ 整理 ] ツールを使って、ニュースの表示方法の優先度を調整します。

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

SharePoint Online のモダンハブサイトのサンプルのニュース web パーツ

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

ページのトップへ

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

画像を使用して効果を作成する

このハブでは、テキストガイドの閲覧者が重要なリンク、情報、ツールを見ている画像が表示されています。 このサイトでは、従業員の休暇要求に対するツールの実装を提案するためのイメージも使用します。

柔軟なコントロール

画像は、サイト、クラウド、またはアップロードされた場所から取得できます。 テキストのオプションにより、コミュニケーションとアクセシビリティを高めることができます。

SharePoint Online のモダンハブサイト用のイメージ web パーツ入力の例

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

ページのトップへ

ファイルビューアー web パーツを使用してファイルを対話形式で共有する

ファイルビューアー web パーツを使うと、さまざまな形式の重要なファイルをページに投稿することができます。 ビューアーでは、複数の方法を使用して、ファイルの表示と操作を行うことができます。 閲覧者は次のことができます。

  • 完全なコピーをダウンロードする

  • PDF に印刷する

  • ブラウザーでファイルを全画面で表示する

SharePoint Online の最新のハブサイトのサンプルのファイルビューアー web パーツ

ファイルビューアー web パーツの使用方法の詳細については、「 ファイルビューアー web パーツを使用する」を参照してください。

ページのトップへ

イベント web パーツを使ってイベントの予定表を追加する

重要なイベントの閲覧者に通知します。 イベント web パーツでは、すべての組織全体から、または特定のリストまたは予定表からイベントを要約することができます。また、ビューアーでイベントを簡単にクリックして、そのイベントを自分の予定表に追加することもできます。

このハブサイトの例では、この web パーツはコンパクトレイアウトを使用しています。

SharePoint Online の最新のハブサイトのイベント web パーツ入力の例

イベント web パーツの使用について詳しくは、「 イベント web パーツの使用」をご覧ください。

ページのトップへ

People web パーツを使っているユーザーの機能

利用者が関係者や専門知識を見つけなければならないときは、サイトに表示されるようにします。 People タイルは、シンプルなものでも、追加情報を提供することもできます。また、1回のクリックでプロファイルから主要な詳細情報を得ることができます。

SharePoint Online のモダンハブサイトのサンプルの People web パーツ

People web パーツの使用方法の詳細については、「 people web パーツを使ってページのユーザープロファイルを表示する」を参照してください。

ページのトップへ

さらに詳しく

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

ヘルプを表示

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

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

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

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

言語の品質にどの程度満足していますか?
どのような要因がお客様の操作性に影響しましたか?
[送信] を押すと、Microsoft の製品とサービスの改善にフィードバックが使用されます。 IT 管理者はこのデータを収集できます。 プライバシーに関する声明。

フィードバックをいただき、ありがとうございます。

×