次の方法で共有


SharePoint Server のテーマの概要

適用対象:yes-img-13 2013yes-img-162016 yes-img-192019 yes-img-seSubscription Edition no-img-sopSharePoint in Microsoft 365

テーマを利用すると、SharePoint Server のサイトの外観を迅速かつ簡単な方法で変更できます。 テーマとは、SharePoint Server に付属のフォント、配色、レイアウト、背景ピクチャなどの事前に設計された Web ページ要素のコレクションです。 SharePoint Server では、テーマをサイトに適用し、変更をコミットする前にプレビューできます。 サイトのテーマは、何度でも変更できます。 テーマについて詳しくは、「SharePoint 2013 のテーマの概要」を参照してください。 この記事は引き続き SharePoint Server に適用されることに注意してください。

テーマの使用は、サイトの外観を変更する方法の 1 つです。 テーマは、SharePoint Server 2016 および 2019 の大規模で更新されたブランド化およびデザイン機能の一部です。

SharePoint Server 2019 モダン エクスペリエンスには、新しいチームサイトとコミュニケーション サイトが含まれています。 これらの最新のサイトには、カスタマイズできる視覚的に魅力的な Web パーツが含まれています。 詳細については、「SharePoint チーム サイトとは」と「SharePointコミュニケーション サイトとは」を参照してください。

この記事では、テーマとその使用方法の概要を説明します。 ただし、構成済みの外観というカスタム テーマを作成する方法や、テーマ ギャラリーにテーマをアップロードして管理する方法については説明していません。 また、マスター ページやカスケード スタイル シートを使用してサイトの全体的なブランド化を計画する方法についても説明しません。

テーマについて

テーマを使用すると、サイト所有者や、設計者の権限を持つユーザーは、サイトのカラー パレット、レイアウト、フォント パターン、背景に変更を加えて、SharePoint Server サイトを簡単にブランド化できます。 ユーザー インターフェイスで直接テーマを適用してカスタマイズするので、カスケード スタイル シートやマスター ページについての知識は必要ありません。

既定では、テーマは選択されているサイトにのみ適用されます。 発行サイトを使用している場合を除き、どのサブサイトにも継承されません。または、発行機能がサイトに対して有効になっている場合は、親サイトからテーマを継承するか、サイトで使用するテーマを指定するかを選択できます。 発行サイトを作業していて、テーマが提供できるよりもカスタマイズをより詳細に制御する場合は、デザイン マネージャーを使用します。

注:

SharePoint 2013 のテーマは再設計され、サイトのレイアウト、カラー パレット、フォント パターン、背景の画像を変更してカスタマイズするプロセスが簡略化されました。 テーマのユーザー インターフェイスは再設計され、テーマに関連する新しいファイル形式のセットがあります。 SharePoint Server 2016 ではテーマは同じままです。 SharePoint 2010 製品で作成されたテーマは、SharePoint Server サイトでは使用できません。 ただし、アップグレードされていない 2010 モードで稼働しているサイト コレクションでは引き続き使用できます。

テーマ エクスペリエンスのコンポーネント

以下のセクションでは、用語の概要を示し、SharePoint Server のテーマ エクスペリエンスを構成するユーザー インターフェイスのコンポーネントについて概説します。

この記事で使用されているテーマの用語を次に示します。

  • 設計 設計または構成済みの外観とは、サイトの外観を決めるカラー パレット、フォント パターン、背景画像、マスター ページのことです。 サイトの全体的な外観を説明する際には、設計とテーマは同義語として使われます。

  • 画像 サイトで使われる背景画像のことです。 事前に構成されたテーマ内でこの画像を変更できます。

  • カラー パレット カラー パレットまたは配色とは、サイトで使われる色の組み合わせのことです。 多数の事前に定義された色の組み合わせから選択できます。

  • サイト レイアウト ページ上のすべての要素を構成する方法を定義するマスター ページ。 事前に構成されたテーマごとに 2 つずつサイト レイアウトを使用できます。

  • フォント パターン サイトで使用するフォントを定義します。 使用できるフォントの一覧から選択できます。

テーマのサムネイルにアクセスし、サイトの設定で使用できる [ 表示形式を変更] ギャラリーを通じてそれらをサイトに適用できます。

テーマ ギャラリーには、次の方法でアクセスできます。

  • [ 設定] をクリックしてから [ 表示形式を変更] をクリック

  • [ サイトの設定 ] ページの [ Web デザイナー ギャラリー] の下の [ テーマ] をクリック

  • ホーム ページで [ 使用するスタイル] タイルをクリック このリンクは、SharePoint Server 2019 モダン チーム サイトまたはコミュニケーション サイトでは使用できません。

マスター ページ ギャラリーには、テーマ ユーザー インターフェイスで使用されるマスター ページ ファイルとそれに対応するプレビュー ファイル (.preview) が一覧表示されます。 プレビュー ファイルは、デザイン ギャラリーでサムネイル イメージをレンダリングするために使用されます。 マスター ページに対応するプレビュー ファイルがない場合は、デザイン ギャラリーで使用できません。

マスター ページ ギャラリーにアクセスするには、 [サイトの設定] ページの [Web デザイナー ギャラリー] の下の [マスター ページ] をクリックします。

構成済みの外観の一覧

構成済みの外観の一覧には、設計ギャラリーで使用できる設計が示されます。 設計には、設計名、マスター ページの URL、カラー パレットの URL、画像の URL (オプション)、フォント パターンの URL (オプション)、表示の順番が含まれます。

構成済みの外観の一覧にアクセスするには、[ サイトの設定] ページの [ Web デザイナー ギャラリー] の下の [ 構成済みの概観] をクリックします。

テーマを使用する方法

以下の 3 つの方法で、テーマをサイト上で使用できます。

  • あらかじめインストールされたテーマを使用します。

  • あらかじめインストールされたテーマを変更します。

  • カスタム テーマ (構成済みの外観) をギャラリーにアップロードします。

あらかじめインストールされたテーマの使用

SharePoint Server には、既定の SharePoint のテーマを含む、あらかじめインストールされたテーマが付属しています。 新しいサイトを作成するときには、既定の SharePoint のテーマが使用されます。

あらかじめインストールされたテーマの変更

あらかじめインストールされたテーマを変更すると、テーマの変更内容が適用された後に、現在のテーマという新しいテーマが自動的に作成されます。 現在のテーマはサイト当たり 1 つだけあります。 SharePoint Server ではユーザー インターフェイス内でテーマを保存できません。 あらかじめインストールされたテーマを変更した場合は、変更内容を適用し (現在のテーマという新しいテーマが作成される)、2 つ目のあらかじめインストールされたテーマを変更します。 設定を適用すると、2 つ目のあらかじめインストールされたテーマが現在のテーマになります。

変更したテーマを保存するには、変更したテーマと同じマスター ページ、カラー パレット、フォント パターン、背景画像の URL を含む新しい一覧項目を構成済みの外観の一覧内に作成します (構成済みの外観の一覧で、変更したテーマが現在のテーマになります)。

追加のカラー パレットとフォント パターンを作成してテーマ ギャラリーにアップロードすると、カスタム テーマを作成できます。 この新しいカラー パレットとフォント パターンは、設計ギャラリーで設計の変更を選択すると使用できるようになります。 同様に、選択対象のサイト レイアウトを追加する場合は、追加のマスター ページおよび対応するプレビュー ファイルをマスター ページ ギャラリーにアップロードできます。 詳細については、「 SharePoint サイトのテーマ」を参照してください。

構成済みの外観リストで新しいリスト アイテムを作成すると、新しいデザインを作成できます。 新しいリスト アイテムを作成し、新しいデザインのためのマスター ページ、カラー パレット、フォント パターン、背景画像を指定します。

関連項目

その他のリソース

構成済みの外観を使用して SharePoint サイトをブランド化する

SharePoint アドイン モデルでの SharePoint サイトのブランド化

SharePoint サイトの外観の変更