SharePointで作成したサイトを別環境にコピーする方法(サイトテンプレートの使い方)

  • このエントリーをはてなブックマークに追加

SharePointのモダンUIで作成したサイトは、サイトテンプレートを生成すると簡単に複製できます。
テスト環境で作成したサイトを本番環境に移行する場合などに使えるかもしれません。


前提条件

  • SharePoint Online
  • モダンUI
  • チームサイト

サイトテンプレートがサポートされているのはチームサイトのみです。コミュニケーションサイトでは生成できないようです。
また、独自アプリ(SPFx)を適用している場合は、一緒に自動で移行することができないようです。再度新環境用のアプリを作成しなおしてください。

権限の確認

サイトテンプレートを操作するには、管理者権限が必要です。
SharePoint管理センターにアクセスできるか事前に確認を行ってください。
権限が足りない場合は管理者に権限を付与してもらってください。
Microsoft Entraから権限を付与できます。


手順

1.カスタムスクリプトを許可
 ⇒テンプレートを操作するにはカスタムスクリプトを許可する必要があります。

2.サイトテンプレートを生成・保存
 ⇒コピー元のサイトから、サイトテンプレートを生成します。

3.新規サイトを作成
 ⇒SharePoint管理センターから、新規サイトを作成します。

4.テンプレートを適用
 ⇒作成した新規サイトに、テンプレートを適用します。


大まかな流れはこんな感じです。


1.カスタムスクリプトを許可する

サイトテンプレートを生成するには、カスタムスクリプトを許可する必要があります。
※セキュリティ上の問題があるようであれば、本記事の操作が完了後、禁止状態に戻す処理を行ってください。

SharePoint管理センターから、コピー元のサイト設定を確認しましょう。




タブの「設定」を押します。



カスタムスクリプトが禁止済みなっているようなら、編集を押して許可に変更してください。



確認画面が表示されますので、確認を押すと完了です。


2.サイトをテンプレートとして保存

コピー元としたいサイトです。こちらのサイトの設定を開きます。
サイトの設定は、サイトコンテンツページの右上にナビがあります。



サイトの設定です。
「テンプレートとしてサイトを保存」を押します。



ファイル名とテンプレート名を任意で入力してください。
OKを押すと生成・保存が開始されます。



テンプレートファイル(.wsp)はクラウド上に保存されるため、ダウンロードしましょう。
サイトの設定ページに戻り、「ソリューション」を押します。
ソリューションナビが無ければ、カスタムスクリプトの許可がされていない可能性があります。手順1の操作を行ってください。



先程入力したファイル名のテンプレートファイルが一覧に並んでいます。
クリックしてローカルにダウンロードします。



テンプレートファイルの生成・保存が完了しました。



3.新規サイトを作成

SharePoint管理センターに戻ります。
作成を押すと、スタートメニューが表示されます。



「その他のサイトを参照する」を選択します。



テンプレートの選択から「その他のテンプレート」を選択すると、別タブでページが開きます。



サイトコレクションの作成ページです。
タイトルやアドレスなどの情報を入力していきます。
テンプレートの選択では、「ユーザー設定タブ」から、<テンプレートを後で選択>を選択します。


管理者の項目はちょっと入力に癖があるのですが、管理者の名前かメールアドレスを入力して、右側の人型のアイコンをクリックすると下線が出てアクティブになります。

全ての項目を埋め、OKを押すとテンプレートが適用されていない状態のサイトが作成されます。


4.テンプレートを適用

SharePoint管理センターに戻り、生成されたサイトを選択します。
サイトが表示されないようであれば、画面を更新してみてください。



手順1と同様に、新しく作成したサイトのカスタムスクリプトを許可します。



サイトを表示すると、テンプレートを選択する画面が開きます。
「ソリューションギャラリー」を押します。



「ソリューションのアップロード」から、手順2で作成したテンプレートファイル(.wsp)をアップロードします。



少し待つとソリューションの追加画面になります。
「アクティブ化」を押します。



これでテンプレートが選択できるようになりました。
先程のテンプレート選択画面に戻ります。



ユーザー設定タブの中に、アクティブ化したテンプレートが表示されています。
こちらを選択してOKを押します。


少し待つと、メンバーの処理画面になります。新環境での正しいユーザーを選択し、OKを押します。



これで、テンプレートが適用されました。
基本的にリンクは自動で書き変わっていますが、サイト全体を確認して、旧環境のリンクが残っていないか確認しましょう。





執筆者:森島[ WEBデザイナー ]

8bit デザイナーです。 デザイン・マークアップ・映像制作など幅広く担当しています。

関連記事

プログラミング

SharePoint リストに書式の変更からJSONで記述してCSSを適用する方法

SharePointのモダンUIで、リストの書式設定をJSON形式で入力することにより、カスタムCSSを適用してみましょう。 今回は、このようなリンクリストを作成します。 WEBパーツで似たような形を作れますが、細かいCSSが調整できません。リストのWEBパーツとして複数のページで使用すると、一度の修正で全てのページに修正が適用されます。サイト内で共通で使いたいパーツをこのように使用すると便利です。 目次1 前提条件1.1 使用できるHTMLタグやCSSが限られている2 リス […]

プログラミング

SharePoint Framework(SPFx)で作ったカスタムアプリをサイトに追加・公開する方法

SharePointのモダンUI向けに作成したSharePoint Framework(以降SPFx)の独自アプリを、SharePoint Onlineに展開するには、パッケージ化してサイトに追加する必要があります。 今回はサイトに適用するまでの方法と手順をまとめました。 目次1 前提条件1.1 権限の確認2 1.パッケージ化3 2.App Catalogからアプリをアップロード、動作を確認3.1 App Catalogにアクセスし、.sppkgファイルをアップロード3.2 […]

プログラミング

SharePointのモダンUIでカスタムCSS・カスタムJSを適用する方法

旧来のクラシックUIを使用していた頃はWEBパーツにカスタムCSSを組み込むことができましたが、モダンUIではCSSやJSの使用が許可されていません。 SharePointのモダンUIで自由にカスタムCSS・JSを使いたい場合は、SharePoint Framework(以降SPFx)という技術を使用する必要があります。 SPFxとは、ざっくりいうとSharePointの独自アプリを作成し、適用するものです。 目次1 前提条件2 SPFxを使用したカスタムCSS・JS構築の手 […]

株式会社8bit (エイトビット)

東京都目黒区でWebサイト制作、Webシステム開発などを行っております。
コーポレートサイトやWebサービスの企画・提案を得意としており、自社での経験を元にアイデアをカタチにするお手伝いをさせていただいております。

Web制作に関するご相談はお気軽にどうぞ

弊社に制作をご依頼いただく際の費用感をご確認いただける、
見積りシミュレーションをご用意いたしました。