Microsoft は 2016 年秋に SharePoint Online のチームサイト向けに「モダン」ページ体験をリリースし、最近では SharePoint Server 2019 向けにリリースしています。 Modern」ページエクスペリエンスには、ページ内に直接Webパーツを追加できる機能があります。 本記事を執筆している2019年6月現在、モダンなSharePointページに追加できる組み込みWebパーツは55種類あり、定期的に追加されています。
このMicrosoftページでは、モダンWebパーツの概要を確認でき、それぞれのWebパーツの詳細情報へのリンクも掲載されています。 この記事は、毎週水曜日に公開されるシリーズの最初のもので、各 Web パーツの詳細や使用例についてご紹介します。 その前に、SharePoint のモダン ページについて少し…
SharePoint のモダン ページをカスタマイズするには、まず、アクション メニュー バーの右側にある［編集］リンクを使用してページを編集モードに設定します。 .
ページ ヘッダーのカスタマイズ
ページのタイトル領域で、画像アイコンをクリックし、独自の画像をアップロードすることにより、デフォルトの一般的なヘッダーを置き換えることができます。 さまざまなカテゴリにある一般的なサイズの画像のかなり良い選択がありますし、検索テキストを入力してウェブから好きなものの画像を取得することもできます。 ただし、画像の著作権を侵害しないように、クリエイティブ コモンズのみフィルターを使用するとよいでしょう。
また、タイトル領域のスタイルを変更することもできます。たとえば、中央にタイトル ブロックを表示し、タイトルの上にテキストを追加します。
これらは、ページを自分流にする素晴らしい方法の一部です！
このような方法で、自分だけのページを作成することができましたか？ 下のスクリーンショットでは、2019 SharePoint Conference のプロモーション ビデオからの画像を使用し、カラー ブロック タイトル スタイルを選択しています。
モダン SharePoint ページのセクションでは、Web 部品を追加するさまざまなレイアウトの領域を作成することが可能です。 ページを最初に編集するとき、見出し領域の左下に + が表示されますが、これにより、ページの幅であるデフォルトの編集領域に加えて、新しいセクションを追加することができます。 7239>
コンテンツによっては、どちらかのレイアウトに適したものがあります。このシリーズを通して、それらの考慮事項のいくつかに言及します。 なお、あなたのページがコミュニケーション サイトにある場合、Full-width という追加のレイアウトが表示されますが、これはページの端を含む幅全体に広がります。
2019年8月更新：新しいセクション タイプ、Vertical が利用できるようになりました。 これにより、ページの右側に縦長のカラムが表示されます。 列の高さは、ページ上の他のコンテンツの量に基づきます。 これは、天気や時計の Web パーツなど、ページの他の部分とは別に積み重ねたいものなど、多くの小さな Web パーツを追加するのによい場所かもしれません。
レイアウトを選択すると、セクションの左に新しいアイコンが表示されるのがわかります。 これらのアイコンにより、セクションを編集、移動、または削除できます。
セクションの編集を選択すると、右側にセクション ペインが表示され、レイアウトを変更したり、ページの残りの部分と区別するために背景シェーディングを追加することを選択したりできます。
2019年8月更新：セクションを複製するオプションがあり、文字通り現在のセクションのすぐ下に内容を含むセクション全体をコピーすることができるようになりました。 これにより、Web パーツのセットを簡単に複製し、各 Web パーツの設定を変更するだけで異なるコンテンツを表示できます。
A SharePoint page without Web parts; they display content to people viewing the page.All the Web parts without a Share Point. 7239>
ページで [編集] をクリックすると、ページの中央付近、ページ ヘッダー領域の下に小さな + アイコンが表示されます…
+ をクリックすると、追加する Web パーツを選択するためのダイアログが表示されます。
各 Web パーツには、このブログ シリーズで説明する独自の構成設定があります。 しかし、どの Web パーツにも、少なくとも編集、移動、または削除のオプションがあります。
通常、編集を選択すると右側にペインが開き、その Web パーツ固有の構成が表示されます。 移動」を選択すると、Web パーツをページ上の別のセクションまたは列にドラッグしたり、セクション内の Web パーツを並べ替えたりすることができます。 また、「削除」はもちろん、それが意図したものであることを確認するように求められます。
2019年8月更新：「編集」「移動」「削除」機能に加えて、個々のWebパーツを「複製」することもできるようになりました。 これは、現在の Web パーツのすぐ下に、その設定を含む Web パーツをコピーします。 もちろん、好きな場所に移動させることができます。 この機能は、同じWebパーツを別のコンテンツや別のスコープで使用したい場合に使用します。
ご存知のように、SharePoint Online では頻繁に変更が行われるため、これを読んだときにはモダン ページに新しい機能が追加されているかもしれませんが、利用できるオプションについては、これでお分かりいただけると思います。
このブログ シリーズでは、組み込みの SharePoint Web パーツ (類似のものはグループ化しています) をそれぞれ紹介します。
Bing Maps と MSN Weather Web parts
Button and Call to Action Web parts
Document library と File viewer Web parts
Embed.Web/Automatic Web Parts
Embed, Kindle、YouTube Webパーツ
イベント、グループカレンダー、カウントダウンタイマー Webパーツ
ハイライトコンテンツ Webパーツ
画像、画像ギャラリー Webパーツ
ヒーロー、リンク.NET.NET.NET.Webパーツ
イベント、カレンダー、カウントダウンタイマー Webパーツ
ハイライトイベント Webパーツ。 Webパーツ
リストおよびリストのプロパティ Webパーツ
Microsoft Forms Webパーツ
ニュース Webパーツ
ページのプロパティ Webパーツ
人物 Webパーツ
プランナー Webパーツ
Perfume WebパーツPower BI web part
PowerApps web part
Recent documents and Site activity web parts
Quick chart web part
Sites web part
Stream and Office 365 Video web part
テキスト.Text.Text, Markdown、Code Snippet、Divider、および Spacer Web パーツ
Twitter Web パーツ
Yammer Conversations および Highlights Web パーツ
Office 365 コネクターを必要とする Webパーツ
Lightning Tools Modern Web パーツ