SharePoint2013でカスタムページレイアウトを作成する-NavantisNavantisブログ
前回の記事では、SharePoint2013でマスターページを作成する方法を説明しました。 マスターページは、webサイトのグローバルchrome要素を定義します。 この記事では、SharePoint2013でカスタムページレイアウトを作成する方法について説明します。 SharePoint2013ページモデルの詳細については、このマイクロソフトの記事を参照してください。
ページレイアウトの計画
この例では、webサイト上のページのチャンクを再作成します(www.navantis.com):
前回の記事では、このページのヘッダー、フッター、およびグローバルスタイルシートを定義するマスターページを作成しました。 次に、この基本的な形式に従ったページレイアウトを作成します。 このレイアウトに基づいて好きなだけ多くのページを作成できるように、コンテンツは動的になります。
ページレイアウトでは、次の領域を”フィールドコントロール”として定義します。 それらをすべて単一のコンテンツコンテナに作成し、デザインを反映するために明示的にレイアウトします:
左上のブレッドクラムSharePointのブレッドクラムの証跡を使用することができ、これをレイアウトに明示的に定義したくないため、ニュースレターの購読をページレイアウトに埋め込みます。
コンテンツタイプの定義
だから、HTML作業を行う前に、ページのこれらの各フィールドを定義するコンテンツタイプ(コンテンツフィールドの定義)を作成し 上記の計画に基づいて、次のフィールドが必要です:
- LargeHeadline
- RightHandBlurb
- LeftLinkList
- LeftColumnTitle
- LeftColumnText
- RightColumnText
- RightColumnText
それぞれの場合、これらは次のようになりますhtmlコントロールになります。 SharePoint2013では、画像など、これらのフィールドに他の種類のコンテンツを定義できます。 SharePoint2013の画像は特定の寸法でレンダリングでき、SharePoint2013は定義されたレイアウトに適切に収まるように指定された画像を動的にレンダリングします。
コンテンツタイプを作成するには、サイト設定–>サイトコンテンツタイプ(Web Designerギャラリーの下)に移動します。 ページレイアウトのコンテンツタイプを見ると、記事、カタログ、ウェルカムページなどの既存のものが表示されます。 レイアウト用のコンテンツタイプを作成します。 [作成]をクリックして、新しいコンテンツタイプの名前を入力します。
[親コンテンツタイプ]で、コンテンツタイプを継承する親を選択できます。 既存のページ-レイアウト-コンテンツ-タイプを見ると、それらはコンテンツ-タイプ-ページから継承されます。 ページは、コンテンツタイプの公開グループにあります。 既存のページレイアウトのコンテンツタイプグループに追加したり、独自のカスタムグループを作成したりすることもできます。
新しいコンテンツタイプを作成すると、SharePoint2013には、ページコンテンツタイプから自動的に継承された列が表示されます。 私たちのカスタムフィールドを表すためにいくつかの新しいものを追加することができます。 [新しいサイトから追加]列をクリックして、各フィールドを追加しましょう:
列ごとに、タイプを指定できます。 明示的にスタイルを設定したいフィールドでは、Single Line …