スキップしてメイン コンテンツへ
ガイド付きチュートリアル: 組織に対して提示するサイトを作成する

ガイド付きチュートリアル: 組織に対して提示するサイトを作成する

この記事では、サイトを作成して、自分の組織に類似したサイトを作成する方法の例を示します。 この例では、ユーザーに対して、お客様が理解しやすくなったデザインとメッセージングを使用したページの例を示します。 この例のページは、人事管理ハブサイトの一部としても展開されています。

まず、通信サイトを作成していない場合は、この記事の「サイトを作成する」セクションをご覧ください。  

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

サイトの提供例

SharePoint Online の最新のサイトの例

番号 1 サイトを簡単に利用できるようにする

ナビゲーションをカスタマイズして、サイト上の重要なコンテンツを簡単に見つけられるようにします。 詳細情報

画像と情報を使用して意欲番号 2

ページの上部にあるコンテンツにリンクする、目立つ画像と魅力的なの画像を使用します。 詳細情報

番号 3 ステートメントを作成する

複数の書式設定を使用して、一貫性のある本格的なテキストを作成します。 詳細情報

アクションへの 番号 4 呼び出し

ユーザーがすぐに操作できるようにします。 詳細情報

ニュースを広める 数値 5

メッセージを充実させるアイデアやストーリーを共有します。 詳細情報

予定表でイベントを取得 番号 6

イベントカレンダーを追加して、他のユーザーに関連するイベントを最新の状態に維持します。  詳細情報

サイトを作成する

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

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

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

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

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

ページのトップへ

サイトを簡単に利用できるようにする

SharePoint サイトの整理やナビゲーションをすばやく簡単にカスタマイズして、閲覧者がサイト内を移動し、必要な情報を見つけやすくすることができます。

サイトで作業しているときに、モダン SharePoint ページの上部にある [編集] オプション

  • メインメニューを追加して編集する  トップメニューを簡単に編集して、ページを他の SharePoint ページやインターネットにリンクできます。

  • メガメニュー  サイトがハブサイトの一部として展開されると、強力なメガメニューを作成できます。

ナビゲーションの操作方法の詳細については、「 SharePoint サイトのナビゲーションをカスタマイズする」を参照してください。

ページのトップへ

画像と情報を使って、

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

ヒーローのレイアウト

Web パーツの編集では、[レイアウト] オプションが表示されます。 上に示すように、[タイル] オプションは、1つのタイルと5つのタイルの間のレイアウトを示します。 [レイヤー ] オプションでは、タイトルの横に画像があるレイヤーとして各イメージを設定します。 最大5つのレイヤーを使用して、web パーツを使用してページ全体を埋め込むことができます。

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

左側の [アイテムの移動 [Web パーツの移動] ボタン ] ボタンを使用して、ヒーロー web パーツ内のタイルを並べ替えることができます。

SharePoint でモダンページを編集するときのヒーロー web パーツのレイアウトオプション

各タイルをカスタマイズする

タイルをクリックすると、タイルの下部にツールバーが表示され、[詳細の編集] をクリックして、リンクや使用する画像を変更できます。 大きなタイルでは、[アクション] テキストとリンクへの通話を設定することもできます。 同じツールバーでは、ホバーアニメーションの焦点を設定するだけでなく、画像のズームインとズームアウトを行うこともできます。

SharePoint でモダンページを編集中の [ヒーロー] ウィンドウ

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

ページのトップへ

実施要請

この例では、サイトには、セクション内に画像とリンクを含む3列のレイアウトを使用したセクションがあります。

SharePoint Online のモダンのサンプルサイトの [セクションレイアウト] ウィンドウ

ここでは、イメージ web パーツがテキスト web パーツとペアリングされ、アクションの呼び出しが作成されます。

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

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

セクションを操作する

セクションを作成するには、ページの右上にある [編集] をクリックして編集を開始します。

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

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

セクションレイアウト

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

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

Web パーツを操作する

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

Web パーツツールボックス

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

SharePoint でモダンページを編集中の web パーツの編集ツール

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

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

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

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

ページのトップへ

ニュース web パーツを使ってニュースを広げる

ニュース web パーツには、ニュースソースレイアウトを選択し、コンテンツを整理してフィルター処理するためのコントロールが用意されています。 [レイアウト] には、ニュースアイテムの表示方法を調整するための5つのオプションがあります。 この例では、ニュースのストーリーはソースとしてサイトを使用しており、上のストーリーのレイアウトも使用されています。 ストーリーは、1つの大きな画像と2つの小さい画像を並べて表示します。この場合、サイト上の3つのニュース記事しか公開されません。

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

最新の SharePoint ページでニュース web パーツを編集している場合の [ニュース] ウィンドウ

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

ページのトップへ

テキスト web パーツを使用して明細書を作成する

統一された本格的な体裁のタイポグラフィはこのサイトの機能であり、テキスト web パーツには、このページの複数の場所で使用されるテキストの影響を調整するツールが用意されています。 この例では、テキスト web パーツで標準のテキストスタイルが使用されています。 書式設定ツールバーの右端にある省略記号 (...) をクリックすると、その他のオプションが表示されます。

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

SharePoint でモダンページを編集するときのテキスト web パーツの書式設定オプション

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

ページのトップへ

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

イベント web パーツを使うと、提示するページに今後のイベントを簡単に表示することができます。 この web パーツを使用すると、計画セッションから実際のイベントまでの関連イベントに注意を引くことができます。また、ビューアーでイベントを簡単にクリックして、予定表に追加することもできます。

このサイトの例では、この web パーツは [写真] レイアウトを使用しています。

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

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

ページのトップへ

さらに詳しく

その他の例とSharePoint Look Bookを使用してサイトを表示する例を追加する機能について説明します。

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

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

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

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

×