SharePoint ページで Web パーツを使用

サイトに最新のページを追加するとき、ページの構成要素である Web パーツを追加し、カスタマイズします。 この記事に記載されている Web パーツを使用して、 テキスト、 画像、 ファイル、 ビデオ、動的コンテンツなどを追加できます。

Web パーツを追加する

Web パーツを移動または削除する

利用可能な Web パーツ

接続可能な Web パーツ

Web パーツのメンテナンス モード

Web パーツを追加する (コンテンツ ウィンドウを含む)

1. Web パーツを追加するページに移動します。
2. 目的のサイト ページが表示されない場合は、サイド リンク バーの [ サイトのコンテンツ ] をクリックし、コンテンツの一覧で [サイト ページ] をクリックしてから、目的のページをクリックします。
3. ページがまだ編集モードになっていない場合は、ページの右上にある [編集 ] をクリックします。
4. 右側の の上部に、選択できる Web パーツの厳選された一覧が表示されます。
   
5. すべての Web パーツを表示するには、 [ すべての Web パーツを表示] を選択します。 検索 ボックスに 入力して探しているものを簡単に見つけ、Web パーツを選択またはクリックしてキャンバスにドラッグします。
   
6. リスト ビューの場合は をクリックし、グリッド ビューの場合は をクリックします。 また、Web パーツを並べ替え、ドロップダウン リストからカテゴリ別にフィルター処理することもできます。
   

Web パーツを追加する (コンテンツ ウィンドウを使用しない)

1. Web パーツを追加するページに移動します。

2. 目的のサイト ページが表示されない場合は、サイド リンク バーの [ サイトのコンテンツ ] をクリックし、コンテンツの一覧で [サイト ページ] をクリックしてから、目的のページをクリックします。

3. ページがまだ編集モードになっていない場合は、ページの右上にある [編集 ] をクリックします。

4. 既存の Web パーツの上または下にマウス ポインターを置くと、次のような丸で囲まれた + の付いた線が表示されます。
   

5. [ + ] をクリックすると、選択する Web パーツの一覧が表示されます。 探している Web パーツを簡単に見つけるには、[ 検索 ] ボックスへの入力を開始します。

   

6. リスト ビューの場合は をクリックし、グリッド ビューの場合は をクリックします。 また、Web パーツを並べ替え、ドロップダウン リストからカテゴリ別にフィルター処理することもできます。
   

Web パーツを移動または削除する

1. ページがまだ編集モードになっていない場合は、ページの右上にある [編集 ] をクリックします。
2. 移動または削除する Web パーツを選択すると、Web パーツの左側に小さなツール バーが表示されます。
   Web パーツを移動するには、[ Web パーツの移動] ボタン を選択し、Web パーツをページ上の目的の場所にドラッグします。
   Web パーツを削除するには、[ Web パーツの削除 ] ボタン を選択します。 キーボードで DEL を選択して削除することもできます。

フレキシブル セクションの Web パーツのサイズ変更

1. ページがまだ編集モードになっていない場合は、ページの右上にある [編集 ] をクリックします。

2. サイズを変更する Web パーツを選択します。

3. Web パーツの境界線でサイズ変更ハンドルを選択し、サイズ変更ハンドルを目的の Web パーツの幅にドラッグ アンド ドロップします。

   

   注

   • Web パーツの最小幅は、Web パーツによって異なります。
   • Web パーツの幅オプションは、Web パーツによって異なります。 Web パーツの中には、任意の幅にサイズ変更できるものもあれば、幅オプションが 4 つのみのものもあります。
   • サード パーティまたはカスタムの Web パーツを柔軟なセクションに追加できます。 これらの Web パーツはサイズを変更できますが、既定では幅オプションは 4 つだけです。 カスタム Web パーツを更新して任意の幅にサイズ変更できるようにする方法の詳細を含むドキュメントを間もなくリリースする予定です。

フレキシブル セクションへの Web パーツの重複とグループ化

1. ページがまだ編集モードになっていない場合は、ページの右上にある [編集 ] をクリックします。 Web パーツがページ上の他の Web パーツと重なる方法を調整するには、Web パーツ ツール バーの [ アイテムの配置 ] をクリックします。 次に、一覧から目的の結果を選択します。

   

2. 複数の Web パーツを一緒に編集するには、1 つの Web パーツを選択し、キーボードの Ctrl キー (Windows) または Option キー (Mac) を押しながら他の Web パーツを選択します。 その後、共有ツール バーを使用して、Web パーツを移動、配置、グループ化、複製、または削除できます。

   

3. [アイテムの配置] ドロップダウンで [グループ化] を選択した場合、Web パーツ グループは保持されます。 今後、グループ内の Web パーツを選択すると、そのグループが選択されます。 グループ内の Web パーツをもう一度クリックすると、グループ内の個々の Web パーツを選択して編集できます。

   

利用可能な Web パーツ

以下は、ページで使用できる Web パーツの一覧と、各 Web パーツの詳細へのリンクです。

課題

課題 Web パーツには、複数のクラスにわたる今後の課題と期限付きの課題のパーソナライズされたビューが学生に表示されます。 学生は、表示された課題を選択して、課題アプリでそのクラスの特定の課題にジャンプできます。

エージェント リンク

エージェント リンク Web パーツを使用すると、サイト所有者は SharePoint ページにエージェントを配置できます。 リンクをクリックすると、メイン ページの横のペインにエージェントが開きます。 エージェント リンク Web パーツは、サイト内のエージェントを見つけて使用するのに役立ちます。これにより、最も必要なときに最も必要な場所でコンテキスト ヘルプを簡単に取得できます。

ボタン

ボタン Web パーツでは、独自のラベルとリンクを使用して、ページにボタンを簡単に追加できます。

実施要請

行動喚起 Web パーツは、ユーザーに対する行動喚起を含むボタンを作成します。

コード スニペット

コード スニペット Web パーツは、他のユーザーが使用または学習できるように、ページ上にコードを簡単にテキストとして表示します。 コード言語と濃色テーマまたは淡色テーマを選択できます。 この Web パーツは、構文を自動修正します。

コネクタ

コネクタ Web パーツを使用すると、グループに接続されたチーム サイト ページで、お気に入りの外部サービスからのメッセージ、アラート、および通知を取得できます。 たとえば、Trello や Facebook などのサービスからの更新、RSS フィードに新しいものが公開されたときのアラート、JIRA や GitHub からの通知、さらには Salesforce や Google Analytics からの概要を表示できます。

会話

会話 Web パーツは、複数の会話タイプと、より対話型のユーザー エクスペリエンスを備えています。 Viva Engage 会話と Viva Engage Highlights Web パーツが連携して、最新の SharePoint in Microsoft 365 ページでのコラボレーションを強化します。 ユーザーが SharePoint ページを離れることなく対話型の会話に参加できるようにする場合は、この Web パーツを使用します。

カウントダウン タイマー

カウントダウン タイマー Web パーツには、イベントのカウントダウン (またはカウントアップ) が表示されます。 タイトルの追加、日付形式の設定、説明の追加、リンク付きの行動喚起ボタンの追加を行うことができます。

区切り線

区切り線 Web パーツは、ページを分割して読みやすくするために、他の Web パーツ間に線を挿入します。

ドキュメント ライブラリ

ドキュメント ライブラリ Web パーツには、独自のタイトル、ビュー、サイズでカスタマイズできるドキュメント ライブラリが表示されます。 適切なアクセス許可を持つユーザーは、Web パーツから直接ファイルを表示または編集したり、[ すべて表示] をクリックして完全なドキュメント ライブラリに移動したりすることができます。

埋め込む

埋め込み Web パーツには、YouTube ビデオなどの他のサイトからのコンテンツがページに表示されます。 サイトによっては、サイトのアドレスまたはサイトが提供する埋め込みコードを使用できます。

イベント

イベント Web パーツを使用すると、今後のイベントをページに追加して表示できます。 場所、オンライン会議情報などを含むマップを含めることができます。

Viva Connections のフィード

Viva Connections のフィード Web パーツは、SharePoint、Viva Engage、Stream (SharePoint 上の) ソースからコンテンツを収集し、フォローしている SharePoint サイトと Viva Engage コミュニティに基づいて、単一のパーソナライズされた表示エクスペリエンスに表示するように設計されています。

ファイルとメディア

ファイルとメディア Web パーツは、ページにファイルを挿入します。 挿入できるファイルの種類は、Excel、Word、PowerPoint、Visio、.PDF、3D モデル、ビデオなど。

グループ予定表

グループ予定表 Web パーツは、読者が簡単に表示できるように、グループ予定表をページ上に配置します。

ヒーロー

ヒーロー Web パーツは、ページにフォーカスと視覚的な興味を引くための優れた方法です。 ヒーロー Web パーツには最大 5 つのアイテムを表示し、説得力のある画像、文字列、およびリンクを使用して、それぞれに注意を引きつけることができます。 コミュニケーション サイトには既定でヒーロー Web パーツが含まれていますが、ヒーロー Web パーツを他のページに追加することもできます。

強調表示されたコンテンツ

強調表示されたコンテンツ Web パーツは、コンテンツの種類 (ドキュメント、ページ、ニュース、ビデオ、画像など)、フィルター処理、または検索文字列に基づいてコンテンツを動的に表示されます。 検索の範囲をサイトまたはサイト コレクションに設定し、結果を並べ替えることもできます。

ハイライト

ハイライト Web パーツを使用して、SharePoint サイトに Viva Engage エクスペリエンスを追加します。 Viva Engage のハイライト Web パーツを使用すると、アクティブな会話の簡単な概要と、特定のグループまたは会話へのターゲット ポータルを提供できます。 Viva Engage 会話 Web パーツを使用すると、ユーザーは会話全体を表示し、すべての種類の新しい会話 (質問、投票、称賛) を開始できます。

画像

ページ上の画像 Web パーツは、サイト、OneDrive、またはハード ドライブからページに画像を挿入します。

画像ギャラリー

イメージ ギャラリー Web パーツは、ページ上の画像のコレクションを共有します。 ファイル ピッカーで画像を選択するか、Web パーツにドラッグします。 コレクションを作成したら、画像をドラッグ アンド ドロップして、必要に応じて並べ替えることができます。

Kindle インスタント プレビュー

あなたのページで勧めたい、宣伝したい本はありますか? Kindle インスタント プレビュー Web パーツは、Kindle 書籍のプレビューを共有します。

リンク

リンク Web パーツは、内部または外部のページ、ビデオ、画像、またはドキュメントへのリンクを追加します。

リスト

リスト Web パーツには、独自のタイトル、ビュー、さらにはサイズでカスタマイズできるリストが表示されます。 ユーザーは一覧を表示するか、[ すべて表示] をクリックして完全な一覧に移動できます。

リストのプロパティ

リスト プロパティ Web パーツは、同じページ上のリスト Web パーツに接続し、ユーザーが選択した内容に基づいてリストからアイテムを表示します。

マップ

マップ Web パーツを使うと、ページにマップが追加されます。 住所または既知の名前を入力するだけで、地図が表示されます。 道路や衛星など、別のマップの種類を選択できます。 ズーム レベルを変更したり、マップ ピンにわかりやすい名前を付けたりすることもできます。

マークダウン

Markdown Web パーツは、ページにテキストを追加し、Markdown 言語を使用して書式設定できるようにします。

Microsoft Forms

Microsoft Forms Web パーツでは、ページ上にアンケート、クイズ、投票を作成できます。 フォームへの回答を収集して、フォームの結果を表示することもできます。

Microsoft PowerApps

Microsoft PowerApps は、コーディングの経験がなくても、ブラウザー、スマートフォン、タブレットで実行されるビジネス アプリを構築できるサービスです。 サービスを使用してアプリを作成またはカスタマイズしたら、Microsoft PowerApps Web パーツを使用して SharePoint ページに追加できます。 アプリの Web アドレスまたはアプリ ID を入力し、ページに合わせてアプリのサイズを変更するだけです。

自分のフィード

[マイ フィード] Web パーツには、現在のユーザーに最も関連性が高いと思われるものに基づいて、Microsoft 365 全体のコンテンツが混在して表示されます。

ニュース

ニュース Web パーツを使用すると、チームに最新情報を入手できるだけでなく、重要なストーリーや興味深いストーリーにチームを関与させることができます。 お知らせ、ユーザー ニュース、近況、およびその他のグラフィックスやリッチ フォーマットを含めることができるコンテンツなど、人目を引く投稿をすばやく作成することができます。

Office 365 コネクタ

Office 365 コネクタ Web パーツを使用すると、グループに接続されたチーム サイト ページでお気に入りの外部サービスからメッセージ、アラート、および通知を簡単に取得できます。 サービスからの更新、RSS フィードのアラート、JIRA または GitHub からの通知、さらには Salesforce や Google Analytics からの概要を表示することもできます。

組織図

組織図 Web パーツを使用して、グラフを作成する人を選択して、視覚的な組織図を表示します organization chart。 表示するレポート レベルの数を指定できます。

ページ プロパティ

ページ プロパティ Web パーツには、タイトル、日付、コンテンツの種類など、ページに関する詳細が表示されます。

連絡先

People Web パーツには、選択したユーザーのグループとそのプロファイルがページ上に表示されます。 これは、連絡先情報、チーム情報、発表者、その他に使用できます。

Planner

Planner Web パーツは、Microsoft Planner を使用してページにチームのタスクと割り当てを追加します。

Power BI のレポート

Power BI Web パーツを使用すると、対話型の Power BI レポートをページに簡単に埋め込むことができます。 埋め込みレポートは完全にセキュリティで保護されているため、セキュリティで保護された内部ポータルを簡単に作成できます。

クイック グラフ

クイック グラフ Web パーツは、ページに単純なグラフを追加します。 データ ポイントを入力し、ラベルを追加し、グラフの種類 (列または円) を選択して公開します。

クイック リンク

クイック リンク Web パーツは、アイテムをページに「ピン留め」して、簡単にアクセスできるようにします。

最近使用したドキュメント

最近 使用したドキュメント Web パーツ には、最近追加または編集されたドキュメントが表示されます。

後のために保存

後で使用するために保存 Web パーツを使用すると、ユーザーはページ、ニュース投稿、およびドキュメントを保存し、この Web パーツを使用して後で SharePoint で表示できます。

サイト アクティビティ

サイト アクティビティ Web パーツには、アップロードされたファイル、行われた編集、作成されたリストとライブラリなど、サイトでの最近のアクティビティが自動的に表示されます。 サイト アクティビティ Web パーツを追加するだけで、最新のアクティビティが自動的に取り込まれます。

サイト

サイト Web パーツを使用すると、ハブ サイトに関連付けられているサイト (ハブ サイトが使用されている場合) または現在のユーザーの最近のサイト (ユーザーの SharePoint ホーム ページに表示されるものと同じ) を自動的に表示できます。 表示する特定のサイトを選択したり、ハブサイトの関連付けやユーザーが頻繁に使用するサイトに基づいてサイトを動的に表示したりすることができます。

スペーサー

スペーサー Web パーツを使用すると、ページ上の垂直方向のスペースを制御できます。

Stream (クラシック)

Stream (クラシック) Web パーツは、organization の Microsoft Stream (クラシック) ビデオ ポータルからページ上に直接ビデオを表示します。

テキスト

テキスト Web パーツは、段落と表をページに追加します。 スタイル、箇条書き、インデント、強調表示、リンクなどの書式設定オプションを使用できます。

天気

天気予報 Web パーツは、ページの現在の天気を表示します。

世界時計

世界時計 Web パーツには、世界中のさまざまな場所の時刻が表示されます。

YouTube

YouTube の Web パーツを使えば、YouTube の動画をページ上に簡単に埋め込むことができます。

接続可能な Web パーツ

一部の Web パーツを相互に接続して、ページ閲覧者のためのインタラクティブで動的なエクスペリエンスを作成できます。 たとえば、ドキュメント ライブラリ Web パーツをファイルとメディア ビューアー Web パーツに接続できます。 ユーザーがドキュメント ライブラリの一覧でファイル名をクリックすると、ファイルとメディア ビューアーにその特定のファイルの内容が表示されます。 または、リスト Web パーツまたはドキュメント ライブラリ Web パーツを埋め込み Web パーツに接続し、さまざまな動的エクスペリエンスのカスタム コードを追加します。

接続できる Web パーツには、リストのプロパティ Web パーツ、ファイルとメディア ビューアーの Web パーツ、埋め込み Web パーツがあります。

情報と例については、「 SharePoint で Web パーツを接続する」を参照してください。

Web パーツのメンテナンス モード

ページに配置した Web パーツに問題がある場合 問題のトラブルシューティングに役立つ Web パーツ メンテナンス モードを使用して みてください。