SharePoint2013のデザインマネージャー:より簡単なレイアウトとマスターページ
以前のリリースでは、マスターページとレイアウトを作成することは、技術的な側面を考慮した設計者にとっては容易ではありませんでした。 設計者は、SharePointと、マスターページで必須のコンポーネントと、デザインを生き生きとさせるためのレンダリング方法を理解する必要があります。
SharePoint2013には、デザインマネージャーと呼ばれる新しい機能があり、マスターページを作成するための技術的要件から設計面を分離するのに役立ちます。 Designerは、マスターページでどのコンポーネントが必要かを知る必要はありません。 デザインマネージャは、単純なHTML、CSSファイルからマスターページを作成するのに役立ちます。 デザイナーは今、彼のデザインを心配し、それをHTML、CSS、画像に変換するだけです。 これらの成果物の準備ができたら、デザインマネージャはこれらを処理してマスターページを生成できます。
マスターページを作成するプロセスは非常に簡単です:
1. 選択したHTMLエディタを使用して、必要なレイアウトを作成します。
2. デザインをサポートするCSSファイルを作成します。
3. デザインの一部である画像を追加します。
4. すべてのファイルをマスターページギャラリーにアップロードします。 （これを行うには非常に便利な方法があり、HTMLの開発と調整中に編集を行います）。
a.windowsエクスプローラでマスターページギャラリーを開きます。
b. Html、CSS、およびImagesフォルダをマスターページギャラリーにコピーします。
5. HTMLファイルをアップロードするときに、HTMLマスターページをコンテンツタイプとして割り当てます。 (省略可)
6. 他のすべてのファイルには、デザインファイルのコンテンツタイプを割り当てることができます。 (省略可)
7. サイト設定ページに移動します。
8. “Look&Feel”カテゴリの下にあるデザインマネージャーをクリックします。
9. または、右側の[新しいサイトのアクション]ボタンをクリックして[デザインマネージャー]をクリックすることもできます。
10. インポートマスタページにジャンプします。
11. “HtmlファイルをSharePointマスターページに変換する”リンクをクリックします。
a.マスターページギャラリーからhtmlファイルを選択するためのダイアログボックスが開きます。
b.アップロードしたばかりのhtmlファイルを選択します。
12. ファイルを選択すると、SharePointはそのデザインのマスターページを生成します。 変換処理中にエラーが発生した場合は、通知されます。
13. この時点で、マスターページが生成されています。
14. マスターページをカスタマイズするには、”変換成功”リンクをクリックします。
a. これにより、プレビューページが表示されます。 以下のスクリーンショットからわかるように、SharePointはマスターページを変換して作成しました。
スニペットマネージャーを使用したSharePointコンポーネントのマスターページへの追加:
1. マスターページをカスタマイズする前に、マスターページギャラリーを開いたwindowsエクスプローラウィンドウで、任意のエディタでアップロードしたHtmlファイルを開
2. トップナビゲーションやその他のコントロール、webパーツなどのSharePointコンポーネントを追加するには、プレビューページの右上隅にあるスニペットリンクをクリッ
3. これにより、スニペットギャラリーページが開きます。
4. マスターページにトップナビゲーションを追加するとします。
a.リボンの上部ナビゲーションボタンをクリックします。
b.これにより、必要なHTMLスニペットが作成されます。
c.スニペットをクリップボードにコピーします。
d. （トップナビゲーションコントロールのプロパティをカスタマイズし、”更新”をクリックして新しいスニペットを生成できます。
5. 手順1でエディタで開いたhtmlファイルに切り替えます。
6. デザイン内で一番上のナビゲーションを表示する場所にhtmlスニペットを貼り付けます。
7. Htmlファイルを保存します。
8. ブラウザでプレビューページを更新すると、マスターページが再び生成され、変更が表示されていることがわかります。
9. これにより、マスターページをすばやく作成して作業することができます。
10. マスターページを公開するには、マスターページギャラリーでhtmlファイルを選択して公開します。 これにより、マスターページファイルも自動的に公開され、サイトのマスターページを設定することができます。
スクリーンショット:生成されたマスターページで、トップナビゲーションが表示されます。
ヒント:
1. Htmlファイルとマスターページは互いに関連付けられています。
2. SharePointでは、関連付けがまだ存在する限り、マスターページを削除できません。
3. 関連付けを削除するには、マスターページギャラリーに移動します。
a. Htmlファイル
を選択します。b.プロパティを編集します。
c.”関連ファイル”チェックボックスをオフにします。
d.セーブ
4. これで、マスターページを編集して直接作業することができます。
5. また、htmlファイルとマスターファイルが関連付けられている間は、マスターページファイルを直接公開することはできません。 Htmlファイルを選択して公開する必要があります。 これによりマスターページが公開され、サイトのマスターページを設定することができます。
6. 提案: マスターページを満足のいくようにビルドしたら、htmlファイルの関連付けを解除し、マスターページをwspにパッケージ化してから、テスト環境の運用環境に展開し
著者について
この著者からの詳細