SharePoint 2010 カスタム テーマの作成

こんにちは、奥田です。今日は SharePoint 2010 テーマについてです。テーマ機能は 2007 にもある機能で、サイトの色合いを簡単に変更できる機能ですが、2010 でしくみが変わっているのはみなさんご存じでしょうか。
次図は SharePoint 2010 のテーマ設定画面です。
 

<2010 での変更点>
■ 標準搭載のテーマから選択するだけではなく、ブラウザー操作でのテーマのカスタマイズが行えるようになっています。
(次図は設定画面)  

テーマのしくみ、カスタマイズ方法が変更されています。
  SharePoint 2007 では、12\TEMPLATE\THEMES フォルダー以下に CSS や画像ファイルをフォルダーに入れて格納し、12\TEMPLATE\LAYOUTS\1041 フォルダー内にある SPTHEMES.XML にテーマとして利用できるよう定義情報を追加していました。(SharePoint ハイブ以下を変更するため IIS 再起動が必要)
SharePoint 2010 ではテーマの定義ファイルは、thmx ファイルに変更され、ブラウザーでの設定 (上図) やPowerPoint 2010 を利用してカスタム テーマの作成が可能になっています。
これまではテーマの作成は CSS 編集やサーバーへの定義ファイルの展開が必要となることから、エンドユーザー側ではなかなかカスタマイズが難しいものでしたが、ブラウザー操作や PowerPoint 2010 を利用したカスタマイズが可能になったことによりテーマの作成は開発者ではなくエンドユーザーが行える内容となっています。(その分カスタマイズできる範囲は狭くなっており、CSS 編集によるデザインを実現したい場合はマスターページ作成が必要です)

<SharePoint 2010 でのテーマカスタマイズ方法>
■    ブラウザー操作でのテーマカスタマイズ
1. [サイトの操作] – [サイトの設定] をクリックしてサイトの設定画面を開く
2. 外観セクションにある [サイトのテーマ] をクリックする
3. サイトのテーマ画面の [テーマのカスタマイズ] で設定を行う    

■    PowerPoint 2010 でのカスタムテーマ作成
1. PowerPoint 2010 を開く
2. [デザイン] タブの [配色] – [新しい配色パターンの作成] をクリックする
3. [新しい配色パターンの作成] ダイアログ ボックスで設定を行う
4. [ファイル名] – [名前を付けて保存] をクリックし、Office テーマ (.thmx) ファイルとして保存する
5. テーマ ギャラリー (http://トップレベル サイト URL/_catalogs/theme/) に保存した thmx ファイルをアップロードする
6. テーマの設定画面でテーマを変更

<設定できる内容 (主な内容)>
 
① サイド リンク バー内の見出し:テキスト/背景:濃色2
② サイド リンク バー内のリンク  :テキスト/背景:濃色1
③ トップ リンク バー :アクセント 1
④ サイトのタイトル  :テキスト/背景:濃色2
⑤ リボン内のメニュー (サイトの操作など) :テキスト/背景:濃色2
⑥ リボンタブ  :テキスト/背景:淡色1
⑦ トップ、サイドの背景色 :テキスト/背景:淡色2
⑧ ページ内の文字列 :テキスト/背景:濃色2
⑨ ハイパーリンク :ハイパーリンク
⑩ コンテンツ エリアの背景色 :テキスト/背景:淡色1

以上です。 奥田理恵でした。  

広告

SharePoint 2010 カスタム テーマの作成」への1件のフィードバック

  1. はじめまして、Pinokoといいます。
    SharePoint2010を社内で使用していて、分からないことが多く丁寧にご説明頂いていて拝見させて頂いております。
    もしご存知でしたら教えて頂きたいと思いコメントさせて頂きます。
    サイトのテーマを変えたのですが、色は変わるのですが、フォントが(MSゴシック?のまま)変更されません。USに本社があるので、サーバーもUSであり、サイトもUSが作成した為、フォントが入っていないからでしょうか?もし何か思い当たるところがあれば教えて頂けたら幸いです。

    返信する

コメントを残す

以下に詳細を記入するか、アイコンをクリックしてログインしてください。

WordPress.com ロゴ

WordPress.com アカウントを使ってコメントしています。 ログアウト / 変更 )

Twitter 画像

Twitter アカウントを使ってコメントしています。 ログアウト / 変更 )

Facebook の写真

Facebook アカウントを使ってコメントしています。 ログアウト / 変更 )

Google+ フォト

Google+ アカウントを使ってコメントしています。 ログアウト / 変更 )

%s と連携中