SharePoint Online では新しい「モダン ページ」が利用可能となっており、先日も Bing マップなどの新たな Web パーツも追加されました。

New web parts for your modern communications in SharePoint Online
https://techcommunity.microsoft.com/t5/SharePoint/New-web-parts-for-your-modern-communications-in-SharePoint/m-p/40937

この新しいモダン ページは、作成済みのサイトにも追加できます。手順は、下記の記事の通りです。

SharePoint Online のチーム サイトのホームを”新しい” UI のページへ変更する
http://idea.tostring.jp/?p=2304

ただ、このモダン ページには「ページ ヘッダー」が表示されるパターンと表示されないパターンの 2 種類が存在しているのが気になっていました。特にサイトのホームに設定した場合、ページ ヘッダーが少々邪魔に感じることもあるので、なんとかして非表示にできないかと試してみました。

ページ ヘッダーとは?

この記事で取上げているページ ヘッダーは、下図の画面にある灰色の部分です。ページ タイトルが表示されていますが、占める領域の大きさに比べて情報量が少ないので悩ましいところです。

ただ、Office 365 グループなどに紐付く SharePoint サイトのホームでは、下図のようにこの領域がありません。

ページのプロパティや設定をブラウザ上で確認してみても、それらしきものが見当たらないので「なんとかならないかなー?」と思っていました。

SharePoint Designer 2013 からページを見てみる

ブラウザから設定できないので、それぞれのページを SharePoint Designer 2013 で開いてみました。モダン ページを開くと下記の部分が異なっているようでした。

ページ ヘッダーが表示されるページは、

<mso:PageLayoutType msdt:dt="string">Article</mso:PageLayoutType>

ページ ヘッダーが表示されないページは、

<mso:PageLayoutType msdt:dt="string">Home</mso:PageLayoutType>

といった感じでした。どうやらここに Article が指定されていると「ページ ヘッダーが表示される」、Home が設定されていると「ページ ヘッダーが非表示になる」となるようです。ここを書き換えて保存するとページ ヘッダーの表示・非表示を切り替えることができました。スッキリしました。

既存のサイトのホームを「モダン ページ」に切り替えるときには、このあたりの設定も行うと良さそうですね。

さいごに

モダン ページは、まだまだ開発が続いている状況かとも思うので、このあたりの設定も将来的にはブラウザで簡単に切り替えられるようになるかもしれませんね。個人的には「ページ ヘッダー」の背景画像を自由に設定できるようになると嬉しいのですが…。

SharePoint Online の新しい「モダン ページ」はまだまだほとんど深堀できていないので、これからちゃんと調べてみようかと思います。