【SharePoint】クラシックサイトをレスポンシブUIにする

f:id:tecchan365:20190623102005p:plain クラシックサイトをレスポンシブUIにする方法をご紹介します。
※モダンUIになるわけではありません。

事前準備

PnP PowerShellをインストールしておいてください。

mynote365.hatenadiary.com

SharePointに接続

以下のps1ファイルを作成・実行し、SharePointに接続します。

$siteCollectionUrl = "https://<<tenant>>.sharepoint.com/sites/<<siteCollectionName>>/"
Connect-PnPOnline –Url $siteCollectionUrl –Credentials (Get-Credential)

エラーが表示されなければ、接続完了です。

接続したサイトをレスポンシブUIにする

以下のps1ファイルを作成・実行します。

Enable-PnPResponsiveUI

正常に実行されると、「スタイルライブラリ」にjsファイルとcssファイルが追加されています。
f:id:tecchan365:20190623101716p:plain

そして、サイト全体がレスポンシブデザインになっています。 f:id:tecchan365:20190623101236g:plain

画面が小さくなると、サイドメニューは隠れてしまいます。
再度サイドメニューを表示させるには、ハンバーガーアイコンをクリックします。
f:id:tecchan365:20190623101558g:plain

以上です。