SharePoint サイト ブランド化とページ カスタマイズのソリューション
SharePoint サイトの外観は次の 2 つの方法でカスタマイズできます。
テーマ設定エンジンを使用してカスタム テーマを作成する (SharePoint と SharePoint Online の構成済みの外観)。 最低限、テーマで色を定義します。 完全なテーマでは、色、フォント、背景画像、関連するマスター ページ、およびマスター ページのプレビュー方法を定義した .preview ファイルを定義します。 リモート プロビジョニング パターンを使用して、サイトにテーマを適用することができます。
SharePoint Online サイトに適用するカスタムのカスケード スタイル シート (CSS) を作成する。 SharePoint アドインとリモート プロビジョニング パターンを使用して、カスタム CSS を使用するように SharePoint サイトをプロビジョニングすることができます。
重要
これらの拡張機能オプションは、従来の SharePoint エクスペリエンスでのみ使用可能です。 コミュニケーション サイトのように、SharePoint Online の最新エクスペリエンスではこのオプションを使用できません。
ブランド化による変更は、低コストで単純から高コストで複雑にまで及びます。 ユーザーは、UI を使用して、背景画像、カラー パレット、フォント、マスター ページ、およびマスター ページに関連する .preview ファイルを含む構成済みの外観を適用できます。 SharePoint テーマ設定エンジンを使用して、構成済みの外観を設計してサイトをプロビジョニングしたり、サイトとその要素の外観を変更するためのカスタム CSS を作成したりできます。
重要
カスタム ブランド化プロジェクトの一部としてカスタム マスター ページとその他の構造要素を作成することは可能ですが、カスタム マスター ページとその他のカスタム構造要素をサポートする長期コストが高くなります。 カスタム ブランド化を使用すると、組織がアップグレードを適用して、継続的なサポートを提供するためのコストがより高くなる可能性があります。
このセクションでは、SharePoint 開発ツールとデザイン ツールおよび操作について説明し、SharePoint サイトの外観をカスタマイズする方法を示します。
用語と概念
表 1. SharePoint ブランド化に関連する主要な用語と概念
| 用語または概念 | 定義 | 詳細情報 |
|---|---|---|
| 代替 CSS | サイトの外観に適用可能な、既定以外の CSS ファイル。 | 代替 CSS は、サイトとそのすべてのサブサイトにカスタム CSS を適用する場合に使用します。 |
| CSS | HTML または XML のドキュメント スタイルをレンダリングする方法をブラウザーに指示する言語。 CSS は、ドキュメント コンテンツ (HTML または XML) をコンテンツの表示方法とは分離します。 | |
| 構成済みの外観 | サイトに適用される、フォント、カラー パレット、背景イメージ、関連付けられたマスター ページの組み合わせ。 フォント パターンとカラー イメージはオプションです。 構成済み外観用の既定のファイル所在地は次のとおりです。テーマ ギャラリー \ 15 フォルダー | 構成済み外観は、サイトの構造を変更することなしにサイトの外観と感じを変更するのに便利な方法です。 SharePoint には、既定で、いくつかの構成済みの外観が付属しています。 ユーザーが構成済み外観を適用すると、SharePoint によって構成済み外観に含まれるすべての関連デザイン要素がサイトに適用されます。 |
| コンテンツ検索 Web パーツ | 指定のクエリに基づく検索結果のコンテンツをレンダリングします。 | SharePoint のコンテンツ検索 Web パーツ |
| corev15.css | SharePoint の主な機能のほとんどを含む CSS ファイル。 既定のファイルの場所は次のとおりです: _layouts\15 フォルダー | |
| CSSRegistration | ほとんどの既定 UI に適用される大部分の CSS を読み込む、seattle.master などのマスター ページ内の参照。 | 既定の CSS を上書きするには、マスター ページの CSSRegistration コントロールを使用します。 |
| カスタム アクション | ホスト Web 上のリストおよびリボンをカスタマイズしたり対話したりするために使用できるアクション。 | カスタム アクションを作成して SharePoint アドインで展開する |
| デバイス チャネル | 1 つの SharePoint 発行サイトを複数の方法でレンダリングします。そのために、特定のデバイスでレンダリングを実行するコンテンツを、一意のチャネルを使用してターゲットとします。 | SharePoint デザイン マネージャーのデバイス チャネル |
| 表示テンプレート | 検索インデックスに対するクエリ結果を表示するために検索 Web パーツが使用するテンプレート。 | SharePoint デザイン マネージャーの表示テンプレート |
| イメージ表示 | 同一のソース イメージに基づく、発行サイトにおける異なるサイズ バージョンのイメージの表示。 | SharePoint デザイン マネージャーのイメージ表示 |
| 管理されたメタデータ | 用語、用語セット、グループ、および用語のラベルを定義できるようにする SharePoint の機能。 分類と呼ばれることがあります。 SharePoint では、管理されたメタデータ システムが管理ナビゲーションの基礎になっています。 | SharePoint の管理されたメタデータとナビゲーション |
| 管理ナビゲーション | 管理されたメタデータに基づいて構築された、発行サイトのナビゲーション。 ナビゲーションは、用語ストア内の指定された用語セットで構築されます。 | SharePoint の管理ナビゲーション |
| マスター ページ | SharePoint ページの左ナビゲーション領域とトップ ナビゲーション領域の動作と表示を標準化するページ。 | SharePoint のマスター ページ、マスター ページ ギャラリー、およびページ レイアウト |
| マスター ページ ギャラリー | マスター ページ、ページ レイアウト、JavaScript ファイル、CSS、イメージなどのすべてのブランド化要素が既定で格納される、SharePoint 内の特別なドキュメント ライブラリ。 サイトごとに独自のマスター ページ ギャラリーがあります。 カスタム ブランド化要素を作成する場合、カスタム アセットは既定のマスター ページ ギャラリー ファイル構造に格納するようにお勧めします。 | SharePoint のマスター ページ、マスター ページ ギャラリー、およびページ レイアウト |
| Oslo.master | SharePoint 内のマスター ページ。 | 現在のナビゲーションを、トップ ナビゲーション領域と同じ位置に移動します。 |
| ページ コンテンツ コントロール | Web パーツを追加可能な、発行サイト上のコントロール。 | |
| ページ レイアウト | ユーザーがページ上に情報を一貫性のある方法でレイアウトできるようにするための SharePoint 発行サイト ページ用のテンプレート。 | |
| サイド リンク バー | グループ作業サイトのページの左側にあるナビゲーション要素を管理します。 | グループ ナビゲーション項目に見出しリンクを追加できます。 |
| REST | アーキテクチャ要素を抽象化し、HTTP 動詞を使用して XML ファイルを含む Web ページでのデータの読み取りと書き込みを行うステートレス アーキテクチャ スタイル。 | SharePoint REST サービスの概要 |
| ルート Web | サイト コレクション内の最初の Web ページ。 | ルート Web は、Web アプリケーション ルートと呼ばれることもあります。 |
| Seattle.master | SharePoint チーム サイトと発行サイトの既定のマスター ページ。 | |
| サイト レイアウト | マスター ページをご覧ください。 | サイト レイアウトは、テーマのマスター ページと対応する .preview ファイルを結合します。 |
| 構造化ナビゲーション | 発行サイトのサイト階層に基づく、発行サイトのナビゲーション構造。 見出しやリンクを追加して、SharePoint が自動的に生成する構造化ナビゲーションを手動で置換したりカスタマイズしたりできます。 | [方法] ナビゲーションをカスタマイズする |
| テーマ | 簡単なブランド化を SharePoint サイトに適用する単純な方法。 テーマの既定のファイル場所はサイトの _themes フォルダーです。 | テーマは、SharePoint サイトにカスタム ブランド化を適用する簡単な方法です。 - SharePoint のテーマの概要 - SharePoint でカスタム テーマを展開する |
| テーマ設定エンジン | 構成済み外観の外観、動作、ファイルの関連付けを定義する一連のファイルと機能。 | |
| ユーザー エージェント文字列 | サーバーからの要求を作成するソフトウェアを識別する、ブラウザーが Web サイトに渡す情報。 | SharePoint デザイン マネージャーのブランド化およびデザイン機能 |
| ユーザー カスタム アクション | Web サイト、リスト、サイト コレクションのカスタム アクションのコレクションを返す CSOM プロパティ。 既定のファイルの場所は次のとおりです。15\TEMPLATE\FEATURES 次に例を示します。 <HideCustomAction GroupId="Galleries" HideActionId="Themes" Location="Microsoft.SharePoint.SiteSettings"> |
- UserCustomAction クラス - カスタム アクションを作成して SharePoint アドインで展開する - 方法: ユーザー カスタム アクションを操作する - 既定のカスタム アクションの場所と ID |
このセクションの内容
| 記事 | 以下の方法を説明します... |
|---|---|
| 構成済みの外観を使用して SharePoint サイトをブランド化する | 色、フォント、背景イメージが含まれる構成済みの外観を SharePoint サイトと SharePoint Online サイトに適用します。 |
| リモート プロビジョニングを使用して SharePoint ページをブランド化する | リモート プロビジョニングを使用して SharePoint のテーマを操作します。 |
| CSS を使用して SharePoint ページをブランド化する | リモート プロビジョニングを使用して SharePoint のテーマを操作します。 |
| リモート プロビジョニングと CSS を使用して SharePoint ページをカスタマイズする | CSS を使用して SharePoint のリッチ テキスト フィールドおよび Web パーツ領域をカスタマイズします。 |
| 既存の SharePoint サイトとページ領域のブランド化の更新 | リボン、サイト ナビゲーション、設定メニュー、ツリー ビュー、ページ コンテンツなど、SharePoint ページの既存の SharePoint サイトまたは領域のブランド化をカスタマイズして更新します。 |
| OneDrive for Business サイトをカスタマイズする | 組織の要件に応じて、Office 365 またはアドイン モデルを使用して、OneDrive for Business サイトのブランド化をカスタマイズします。 |