SharePoint で最小限のマスター ページを作成する

重要

この拡張オプションは、従来の SharePoint エクスペリエンスにのみ使用できます。 コミュニケーション サイトのような、SharePoint Online の最新エクスペリエンスではこのオプションを使用できません。 従来の環境やこれらのブランディング手法を使用することはお勧めしません。

最小限のマスター ページには、SharePoint がブラウザー内でページを正しく表示するのに必要なページ要素のみが含まれます。 デザイン マネージャーを使用すれば、最初に HTML ファイルをデザインして変換する必要がなく、最小限のマスター ページを迅速に作成できます。

最小限のマスター ページの概要

デザイン マネージャーを使用すると、一般的な HTML ファイルを SharePoint マスター ページに変換できます。 ただし、事前に組み込まれたモックアップがない場合は、最小限のマスター ページを作成することにより、ゼロからでも迅速に開始することができます。 最小限のマスター ページには、SharePoint がブラウザー内でページを表示するのに必要なページ要素のみが含まれます。

最小限のマスター ページを作成すると、デザイン マネージャーによって .master ファイルと関連付けられた HTML ファイルの両方が作成されるため、必要に応じて HTML ファイルのみを操作できます。 最小限のマスター ページの操作は、HTML ファイルから変換するマスター ページの操作とまったく同じです。 HTML ファイルとマスター ページが関連付けられているため、HTML ファイルを編集して保存するたびに、それらの変更が関連付けられているマスター ページと同期されます。 また、HTML ファイルには、.master ファイルとの同期を可能にする特殊な種類のマークアップが含まれています。 この関連付けとこれらの種類のマークアップの詳細については、「 方法: SharePoint で HTML ファイルをマスター ページに変換する」を参照してください。

以下の場合は、最小限のマスター ページから始めるのが便利です。

  • モックアップ HTML ファイルから始めるのでなく、ゼロからすばやく開始し、最小限のマスター ページに関連付けられた HTML ファイルでデザインを構築する場合。

  • 作業用の SharePoint マスター ページが必要なデザイン要素を迅速にテストまたはプロトタイプ化する場合。 たとえば、最小限のマスター ページを作成すれば、変換用の HTML を用意したり、HTML ファイル内の有効でないマークアップが原因で発生したプレビュー エラーを解決したりする必要はありません。 つまり、サーバー側のプレビューまたはスニペット ギャラリー をすぐに操作できるということです。

  • .master ファイルを直接操作する場合。 ASP.NET 開発者または SharePoint 開発者は、最小限のマスター ページを作成し、HTML ファイルのプロパティの [関連付けられているファイル] チェック ボックスをオフにして HTML ファイルと .master ファイルとの関連付けを削除し、.master ファイルを直接操作することができます。

最小限のマスター ページを作成する

最小限のマスター ページを作成するには

  1. 発行サイトに移動します。

  2. ページの右上隅で [ 設定] を選択し、[ デザイン マネージャー] を選択します。

  3. デザイン マネージャーの左側のナビゲーション ウィンドウで、[ マスター ページの編集] を選択します。

  4. [ 最小限のマスター ページの作成] を選択します。

  5. [ マスター ページの作成] ダイアログ ボックスで、マスター ページの名前を入力し、[ OK] をクリックします。

    この時点で、.master ファイルと、同じ名前を持つ関連付けられた HTML ファイルの両方が SharePoint によってマスター ページ ギャラリーに作成されます。

    デザイン マネージャーに、HTML ファイルが表示され、[状態] 列に [ 正常に変換されました] と表示されます。

  6. [状態] 列をクリックして、ファイルをプレビューします。

    プレビュー ページは、マスター ページの現在のサーバー側プレビューです。

    さまざまなページでマスター ページをプレビューする方法の詳細については、「 方法: SharePoint デザイン マネージャーでプレビュー ページを変更する」を参照してください。

    プレビュー ページの右上隅には [スニペット] リンクもあります。 このリンクによりスニペット ギャラリーが開き、デザイン内の静的コントロールまたはモックアップ コントロールを動的な SharePoint コントロールに置き換えることができます。 詳細については、「SharePoint デザイン マネージャー スニペット」を参照してください。

    マスター ページのプレビューに成功すると、HTML ファイルに追加した <div> タグが表示されます。 ページの下部までスクロールしないと、この <div> タグが表示されないことがあります。

    この <div> は、メイン コンテンツ ブロックです。 それは ContentPlaceHolderMain という名前のコンテンツ プレースホルダーの中にあります。 実行時に、訪問者がサイトを閲覧してページを要求すると、このコンテンツ プレースホルダーには、合致するコンテンツ領域にコンテンツを含むページ レイアウトからのコンテンツが埋め込まれます。 この <div> は、ページ レイアウトが表示されるマスター ページに配置する必要があります。

  7. HTML エディターを使用して、マップされたドライブ内の HTML ファイルを開いて編集することで、サーバー上に直接存在する HTML ファイルを編集できます。 HTML ファイルを保存するたびに、すべての変更内容が関連付けられた .master ファイルと同期されます。 詳細については、「 方法: ネットワーク ドライブを SharePoint マスター ページ ギャラリーにマップする」を参照してください。

  8. HTML ファイルは操作せずに, .master ファイルのみを操作するには、2 つのファイル間の関連付けを削除する必要があります。 デザイン マネージャーの [マスター ページを編集する] ページで、HTML ファイルを選択し、[ プロパティ] メニューを開き、[ プロパティの編集] を選択します。 [ 編集] タブで、[ 関連付けられているファイル] チェック ボックスをオフにし、[ 保存] を選択します。

    関連付けを削除すれば, .master ファイルを直接操作して変更内容を保存することができ、HTML ファイルに変更を加えてもその内容は上書きされません。 この関連付けはいつでも復元できます。 関連付けを復元すると、関連付けられた HTML ファイルが .master ファイルに同期してそれを上書きします。

関連付けられた HTML ファイルを理解する

最小限のマスター ページを作成すると、.master ファイルに関連付けられた HTML ファイルが作成され、この HTML ファイルには SharePoint のしくみに固有の多数のマークアップ行が含まれています。 このマークアップの大部分は無視しても問題ありません。ブラウザーでソースを表示する場合、ほとんどのマークアップはサイトの最終的なマークアップには表示されませんが、このマークアップは、HTML ファイルから SharePoint が実際に使用する .master ファイルへの変更を同期するために重要です。 HTML ファイルに対する変更を保存するたびに、この SharePoint マークアップにより、関連付けられた .master ファイルに対して同じ変更をバックグラウンドで行うことができます。 詳細については、「 方法: SharePoint のマスター ページに HTML ファイルを変換する」のマークアップ サンプルを参照してください。

関連項目