ガイド付きウォークスルー: 組織の提供サイトを作成する
この記事では、作成のヒントとなる提供サイトの例に含まれる要素を示し、自分の組織にも同じようなサイトを作成する方法について説明します。 この例では、考え抜かれたデザインとメッセージングを使用したページで、組織を活気づけることができる提供サイトの例を示しています。 このサンプル ページは、人事ハブ サイトの一部としても展開されています。
まず、コミュニケーション サイトをまだ作成していない場合は、この記事の「サイトを作成する」セクションを参照してください。
サイトを作成してページの編集方法がわかったら、次の手順を使用して、示されている要素を追加できます。
提供サイトの例
| ホームページの画像 | カスタマイズ手順 |
|---|---|
 |
1. 簡単に使いこなせるサイトにする ナビゲーションをカスタマイズして、サイトで重要なコンテンツを簡単に見つけられるようにします。 方法はこちら 2. イメージと情報で活気づける: ページの上部にコンテンツにリンクした、キャッチーで活気あふれる画像を使用します。 方法はこちら 3. 声明を発表する: 複数の書式を選択して、プロフェッショナルで一貫性のあるテキストを作成します。 方法はこちら 実施すべき内容: すぐに行動を起こすことを容易にします。 方法はこちら 4. ニュースを拡散する: メッセージ性を高めるアイデアやストーリーを共有します。 方法はこちら 5. カレンダーでイベントを入手する: イベント カレンダーを追加して、関連するイベントの最新情報を伝えます。 方法はこちら |
サイトを作成する
ここに示すようなサイトを作成するには、コミュニケーション サイトを作成します。 これを行うには、SharePoint スタート ページで [サイトの作成] を選択します (または、サイトを既存のハブ サイトと関連付ける場合は、ハブ サイトに移動し、そこで [サイトの作成] を選択します。そうすると、コミュニケーション サイトがハブ サイトに自動的に関連付けられます)。
次に、[コミュニケーション サイト]、[トピック] レイアウトの順に選択します。 サイト名、説明、その他の情報を入力して、[完了] を選択します。 すると、この記事の例と同じようなレイアウトのテンプレートが完成します。
詳細については、「SharePoint Online でコミュニケーション サイトを作成する」を参照してください。
簡単に使いこなせるサイトにする
SharePoint サイトの構成やナビゲーションをすばやく簡単にカスタマイズして、アクセスしたユーザーがサイトを移動し、必要な情報を簡単に見つけられるようにすることができます。
メイン メニューの追加と編集: 上部のメニューを簡単に編集して、ページを他の SharePoint ページやインターネット上のページにリンクします。
メガ メニュー サイトがハブ サイトの一部として展開されている場合、強力なメガ メニュー を作成することができます。
作業を行うナビゲーションの詳細については、「SharePoint サイトのナビゲーションのカスタマイズ」を参照してください。
イメージと情報で活気づける
インパクトのあるヒーロー画像、会社のブランド、重要なニュースを活用して、最も重要なことをチームに知らせます。 提供サイトのホームページの最初のインパクトは、ヒーロー Web パーツの大きくて目立つ画像によって作り出されます。 この例で使用されているレイアウトは 4 つのタイルです。
ヒーロー レイアウト
Web パーツを編集すると、レイアウト オプションが表示されます。 上に示した [タイル] オプションでは、1 〜 5 タイルのレイアウトを示します。 [レイヤー] オプションでは、それぞれの画像を層として設定し、画像をタイトルの隣に表示します。 Web パーツをページ全体に表示できるように、層は最大 5 層まで設定できます。
この例では、ヒーロー Web パーツは全幅のセクションにあります。
左側の [アイテムの移動] 項目
[Web パーツの移動] ボタンを使用して、Hero Web パーツ内のタイルを並べ替えます。
それぞれのタイルをカスタマイズする
タイルを選択すると、タイルの下部にツールバーが表示されます。ここで [詳細の編集] を選択すると、リンクと使用されている画像を変更できます。 大きい方のタイルでは、コール トゥ アクションのテキストとリンクを設定することもできます。 同じツールバーで、ホバー アニメーションのフォーカル ポイントに加えて、画像の拡大と縮小も設定できます。
ヒーロー Web パーツの使用の詳細については、「ヒーロー Web パーツを使用する」を参照してください。
テキスト Web パーツを使用した声明の発表
統一されたプロフェッショナルな文字体裁は、このサイトの機能であり、テキスト Web パーツには、このページのいくつかの場所で使用されているテキストのインパクトを洗練させるツールが用意されています。 この例では、テキスト Web パーツは標準テキスト スタイルを使用しています。 書式設定ツールバーの右端にある省略記号 (...) を選択すると、追加オプションが表示されます。
以下に示す提供サイトの例では、この Web パーツは 1 列のセクションにあります。
テキスト Web パーツの使用の詳細については、「テキスト Web パーツを使用して、テキストやテーブルをページに追加する」を参照してください。
実施すべき内容
この例では、提供サイトに 3 列レイアウトを使用したセクションを設け、その中に画像やリンクを配置しています。
ここでは、イメージ Web パーツとテキスト Web パーツを組み合わせて、コール トゥ アクションを作成しています。
イメージ Web パーツの使用の詳細については、「イメージ Web パーツを使用する」を参照してください。
セクションの操作
セクションを作成するには、ページの右上にある [編集] をクリックして、編集を開始します。
セクションの前後にある [+] 記号で、セクションが複数のレイアウトのいずれかを使用して追加されます。
ページはセクションによって構成され、1 つ以上の Web パーツが配置されます。 ページを編集するとき、各セクションにレイアウトの削除や移動、セクションの削除を実行するためのコントロールが表示されます。 セクションの操作方法の詳細については、「ページにセクションと列を追加または削除する」を参照してください。
Web パーツの操作
セクション内の Web パーツの前後に表示される可能性があるプラス 
] を選択して、使用可能な Web パーツの多くの種類を確認します。 すべての Web パーツの詳細については、「SharePoint ページで Web パーツを使用する」を参照してください。
Web パーツはセクション内で編集、移動、または削除できます。 [Web パーツの編集] アイコンで、Web パーツごとに一意の詳細なコントロールが開きます。
ページ更新の準備ができたら、[公開] を選択して、対象ユーザーに表示されるようにします。
ヒント
サイト内のすべてのページを管理するには、トップ メニューの [ページ] をクリックします。 ページの使用に関する詳細については、「SharePoint サイトで最新のページを作成して使用」を参照してください。
ニュース Web パーツでニュースを拡散する
ニュース Web パーツは、ニュース ソースとレイアウトを選択し、コンテンツを整理してフィルター処理するためのコントロールを提供します。 [レイアウト] には、ニュース アイテムの表示方法を調整するための 5 つのオプションがあります。 この例では、ニュース ストーリーはソースとしてサイトを使用しており、トップ ストーリー レイアウトが使用されています。 サイトの 3 つの新しいストーリーだけが公開されているため、ストーリーは 1 つの大きい画像と 2 つの小さい画像が横並びで表示されています。
この例では、Web パーツは 1 列のセクションにあります。
ニュース Web パーツの使用の詳細については、「SharePoint ページでニュース Web パーツを使用する」を参照してください。
イベント Web パーツでイベントのカレンダーを追加する
イベント Web パーツを使用すると、今後のイベントを提供ページに簡単に表示できます。 この Web パーツを使用して、企画会議から実際のイベントまで、提供に関連したイベントに注目を集めることができ、閲覧ユーザーは簡単にイベントを選択してカレンダーに追加することができます。
この提供サイトの例では、この Web パーツは映画レイアウトを使用しています。
イベント Web パーツの使用の詳細については、「イベント Web パーツを使用する」を参照してください。
さらに詳しく
SharePoint のルック ブックでは、より多くの例や提供サイトの例を追加することができ、インスピレーションを得ることができます。
フィードバック
以下は間もなく提供いたします。2024 年を通じて、コンテンツのフィードバック メカニズムとして GitHub の issue を段階的に廃止し、新しいフィードバック システムに置き換えます。 詳細については、「https://aka.ms/ContentUserFeedback」を参照してください。
フィードバックの送信と表示