テーマをカスタマイズする

[アーティクル]
06/15/2015

アプリケーションの新しいテーマを Windows SharePoint Services 3.0 の Web サイトに追加したり、既存のテーマをカスタマイズしたりできます。このプログラミング作業では、既存のテーマをカスタマイズする方法を示します。

既存のテーマをカスタマイズするには

Local_Drive:\Program Files\Common Files\Microsoft Shared\web server extensions\12\TEMPLATE\THEMES にあるテーマフォルダの 1 つをコピーして一意な名前を付けます。たとえば、この例では MyTheme としています。このフォルダには、テーマの中で使用される各種 UI 要素のスタイル、書式、および色を定義する、カスケードスタイルシート (CSS) ファイルやイメージファイルその他のファイルがあります。
コピーしたフォルダの中で .inf ファイルを探し、フォルダに付けた名前を使用してファイルの名前を変更します。
.inf ファイルを開き、同じ名前をファイルの [info] および [titles] セクションのタイトルに割り当てます。
コピーしたフォルダの .css ファイルで定義されているスタイルを、必要に応じてカスタマイズします。

Windows SharePoint Services で使用されているクラスの詳細については、「Windows SharePoint Services におけるカスケードスタイルシートのクラス定義」を参照してください。

次の例は THEME.CSS からのもので、ナビゲーションエリアの各セクションで使用される色を変更します。
```
.ms-navframe{
background:#009999;
}
.ms-navline{
border-bottom:1px solid #8D4D03;
}
.ms-nav .ms-navwatermark{
color:#008999;
}
```
普段使用しているビジネス用グラフィックソフトウェアを使用して、コピーしたフォルダにあるイメージファイルを変更します。
自分のカスタムテーマに使用する縮小版およびプレビュー用のイメージファイルを Local_Drive:\Program Files\Common Files\Microsoft Shared\Web Server Extensions\12\TEMPLATE\IMAGES ディレクトリに追加します。この例では、myPreview.gif というファイルです。
テーマテンプレート定義を SPTHEMES.XML に追加します。SPTHEMES.XML は、[サイトのテーマ] ページでどのテーマがオプションとして使用できるのかを決めるファイルです。この XML ファイルは Local_Drive:\Program Files\Common Files\Microsoft Shared\Web Server Extensions\12\TEMPLATE\LAYOUTS\1033 directory にあります。

次の例では、カスタムテーマ用のテンプレートを指定しています。
```
<Templates>
   <TemplateID>mytheme</TemplateID>
   <DisplayName>My Theme</DisplayName>
   <Description>Description</Description>
   <Thumbnail>images/myPreview.gif</Thumbnail>
   <Preview>images/myPreview.gif</Preview>
</Templates>
```
コマンドプロンプトで iisreset と入力して、インターネットインフォメーションサービス (IIS) をリセットします。これで、カスタムテーマが [サイトのテーマ] ページでオプションのリストに表示され、SharePoint サイトに適用できるようになります。

堅牢なプログラミング

警告 SPTHEMES.XML に加えた変更は、Windows SharePoint Services の更新またはサービスパックをインストールしたり、新しい製品バージョンにアップグレードした場合に、上書きされる可能性があります。

Share via

テーマをカスタマイズする

既存のテーマをカスタマイズするには

堅牢なプログラミング

その他のリソース