Title: Proteus スキンのカスタマイズ

Proteus スキンでは、配色、サイドバーの幅や位置などを変更できます。また、変更した内容を新しいテーマとして保存して利用できます。

カスタマイズ メニュー



カスタマイズ画面を開く



Proteus スキンのカスタマイズ画面を開くには、画面右上の [セットアップ] メニューの [カスタマイズ] をクリックします。

カスタマイズ メニュー

管理者権限とメニュー表示の関係



ユーザーの権限によって、[セットアップ] メニューが表示される/されない画面があります。



例 : 営業部スペースの管理者の佐野さん



サーバー管理者ではなく、「営業部」スペースの管理者であるユーザー「佐野」は、サーバーセットアップ権限がないため「すべてのスペース」画面では [セットアップ] メニューは表示されません。

サーバーセットアップ権限がないと、「セットアップ」は表示されない

「営業部」スペースへ移動すると、このスペースのセットアップ権限があるため、[セットアップ] メニューが表示され、スキンのカスタマイズができます。

営業部スペースではスペース管理者権限があるので、スキンの設定ができる

テーマの選択



[セットアップ] メニューの [カスタマイズ] をクリックして表示されるパネルのドロップダウンリストでテーマを選択できます。テーマは、予め、Black、Blue (既定)、Gray、Green、Purple、Red、White、Yellow が用意されています。

色テーマの選択

ドロップダウンリストからテーマ名をクリックして選択すると、すぐ画面に反映されます。変更を確定するには [適用] をクリックします。

デザインのカスタマイズ



細かなデザイン変更をするには、[カスタマイズ] をクリックします。

カスタマイズをクリック

下図のような、詳細カスタマイズ画面が表示されます。

カスタマイズ

新しいテーマの保存



何らかの変更を加えると、ドロップダウンリストのテーマ名に「*」が表示されます。

変更されたテーマ

[適用] ボタンをクリックすると、作成したテーマに名前を付けて保存するダイアログが表示されます。既存の「Blue」等のテーマは読み取り専用となっており、同じ名前では保存できません。新しい名前を付けて保存してください。

新しい名前をつけて、新テーマとして保存する

レイアウトの変更



[レイアウト] タブでは、Proteus タブ の配色、サイドバーの位置、サイドバーの幅、ボックスのデザインを変更できます。下図は、サイドバーを左に配置した例です。

サイドバーの配置を変更

色の変更



[色] タブでは、いろいろな部分の色を変更できます。変更したい部分のパネルをクリックし、表示されたパレットで好みの色を選択してください。色を RGB 形式の数値 (例 : "#3366ff") で直接指定することもできます。

色の変更

フォントの選択



[フォント] タブでは、ゴシック体と明朝体のいずれかのフォントを選択できます。



フォントの選択

ロゴの背景色や余白の設定



[ロゴ] タブでは、ロゴ画像を表示する部分の背景色や予約の設定ができます。余白はピクセル単位 (px) で指定します。

下図は、背景色に水色 ("#ccffff") を、上の余白を 60px、左の余白を 120px にした例です。

ロゴ設定

カスタム設定



[カスタム] タブでは、更に細かな追加設定ができます。テキストボックスにスタイルシート (CSS) を記入してください。

下図は、ロゴ画像を非表示にして、文字を大きくしている例です。

カスタム設定

スタイルシートを使ったデザインの変更については FAQ1784: スタイルシートでスキンのデザインを変更するには を参照してください。

関連記事



FAQ2653: サイドバーをページ下部に移動させる方法

FAQ1784: スタイルシートでスキンのデザインを変更するには

Forum1159



Attachments:
proteus_customize_04.png
proteus_customize_05.png
proteus_customize_06.png
proteus_customize_06.png
proteus_customize_07.png
proteus_customize_08.png
proteus_customize_09.png
proteus_customize_10.png
proteus_customize_11.png
proteus_customize_12.png
customize_menu.png
customize_menu_01.png
customize_menu_02.png
関連記事
Article: FAQ1764 (permalink)
Categories: :FAQ:スキン:Proteus, :FAQ:カスタマイズ, :DocJp:FAQ, :FAQ:表示, :FAQ:CSS, :FAQ:デザイン
Date: 2011/09/15; 13時37分57秒 JST

Author Name: TeamPage サポート
Author ID: jpbo