![Control知恵袋](http://service.allconnect.jp/wp-content/uploads/2019/01/Control知恵袋WEBタイトル.png)
Connectサービス便り:Vol. 4
2019-04-30
知恵袋・第4回「表示設定」
┃ 表示設定ページの構造
![Angowl](http://service.allconnect.jp/wp-content/uploads/2019/01/Angowl.png)
はじめに
ConnectWise Controlはホワイトラベル(OEM)ソフトウェアですので、自社ブランドにあわせたWEBデザインに変更することができます。
Controlのウェブアプリケーション、クライアントアプリケーションに表示される画像や文言は全て管理者メニューの表示設定ページから
編集することができます。
![表示設定ページの構造](http://service.allconnect.jp/wp-content/uploads/2019/04/chiebukuro_004_screen01.png)
1) テーマ
![Angowl](http://service.allconnect.jp/wp-content/uploads/2019/01/Angowl.png)
「テーマ」は、ウェブアプリケーションの全体的な色を指します。 主に青、緑、赤の「テーマ」があります。 拡張機能[Custom Theme Manager]を使用すると、独自の「テーマ」を作成することができます。
![テーマを選択する](http://service.allconnect.jp/wp-content/uploads/2019/04/chiebukuro_004_screen02.png)
2) ウェブ・リソース
![Angowl](http://service.allconnect.jp/wp-content/uploads/2019/01/Angowl.png)
「ウェブ・リソース」は、ウェブアプリケーションの画像や文言を制御します。 ここでは、よくカスタマイズされる「ウェブ・リソース」を紹介していきます。
┃応用例:ロゴ
![Angowl_minipointer_mono](http://service.allconnect.jp/wp-content/uploads/2019/02/Angowl_minipointer_mono.png)
先ずは、ウェブアプリケーション左上に表示されるロゴを変更してみましょう。 このロゴに該当するウェブ・リソースは[LogoPanel.IconLight]です。
![ロゴのウェブ・リソース](http://service.allconnect.jp/wp-content/uploads/2019/04/chiebukuro_004_screen03.png)
リソースの左にある[編集]リンクをクリックします。
(上図❸)
![yajirushi](http://service.allconnect.jp/wp-content/uploads/2019/03/st_yajirushi_blue.png)
画像を編集する場合は、[カスタム]を選択し、新しい画像をアップロードします。
(下図❹)
![ロゴの❹❺](http://service.allconnect.jp/wp-content/uploads/2019/04/chiebukuro_004_screen04.png)
┃応用例:ファビコン&ページタイトル
![Angowl_minipointer_mono](http://service.allconnect.jp/wp-content/uploads/2019/02/Angowl_minipointer_mono.png)
次は、ブラウザのタブに表示される、ファビコンとページタイトルを変更してみましょう。
![ファビコンのウェブ・リソース](http://service.allconnect.jp/wp-content/uploads/2019/04/chiebukuro_004_screen05.png)
先ずは、ファビコンに該当するウェブ・リソースは、[Page.Icon16]、[Page.Icon32]
(上図❻)
![yajirushi](http://service.allconnect.jp/wp-content/uploads/2019/03/st_yajirushi_blue.png)
次にページタイトルに該当するウェブ・リソースは、[Page.Title]
(下図❼)
![ファビコンの❼❽](http://service.allconnect.jp/wp-content/uploads/2019/04/chiebukuro_004_screen06.png)
┃応用例:クライアントのファイル名
![Angowl_minipointer_mono](http://service.allconnect.jp/wp-content/uploads/2019/02/Angowl_minipointer_mono.png)
次は、クライアントのファイル名を制御するウェブ・リソース
[FileDownload.BaseName]を変更してみましょう。
(下図❾)
![クライアントの❾❿](http://service.allconnect.jp/wp-content/uploads/2019/04/chiebukuro_004_screen07.png)
┃応用例:ウェブリンク
![Angowl_minipointer_mono](http://service.allconnect.jp/wp-content/uploads/2019/02/Angowl_minipointer_mono.png)
次は、ユーザーアイコンメニューにウェブリンクを追加してみましょう。
編集するウェブ・リソースは[HelpPanel.Link3.Text]と[HelpPanel.Link3.Url]です。
(下図⓫)
![ウェブリンクの⓫⓬](http://service.allconnect.jp/wp-content/uploads/2019/04/chiebukuro_004_screen08.png)
┃応用例:カスタムプロパティ
![Angowl_minipointer_mono](http://service.allconnect.jp/wp-content/uploads/2019/02/Angowl_minipointer_mono.png)
次は、セッションにカスタムプロパティを追加してみましょう。 編集するウェブ・リソースは、[SessionProperty.Custom2.LabelText]です。(下図⓭) 下図の例では「所有者」というカスタムプロパティを追加しました。
![カスタムプロパティの⓭⓮](http://service.allconnect.jp/wp-content/uploads/2019/04/chiebukuro_004_screen09.png)
3) クライアント・リソース
![Angowl](http://service.allconnect.jp/wp-content/uploads/2019/01/Angowl.png)
クライアント・リソースは、クライアントアプリケーションの画像や文言を制御します。
では、ウェブ・リソースと同じく、よくカスタマイズされるクライアント・リソースを紹介していきます。
┃応用例:タスクトレイ・アイコン&タスクトレイ・リンク
![Angowl_minipointer_mono](http://service.allconnect.jp/wp-content/uploads/2019/02/Angowl_minipointer_mono.png)
先ずは、ゲストクライアントのタスクトレイ・アイコンを変更し、 このアイコンの右クリックメニューにウェブリンクを追加してみましょう。
![タスクトレイ・アイコンのクライアント・リソース⓯、タスクトレイ・リンクのクライアント・リソース⓰、⓱](http://service.allconnect.jp/wp-content/uploads/2019/04/chiebukuro_004_screen10.png)
┃応用例:クライアントのタイトルロゴ&タイトル名
![Angowl_minipointer_mono](http://service.allconnect.jp/wp-content/uploads/2019/02/Angowl_minipointer_mono.png)
次は、クライアントのタイトル名とタイトル行に表示されるロゴを変更してみましょう。
![タイトルロゴ&タイトル名の⓲⓳](http://service.allconnect.jp/wp-content/uploads/2019/04/chiebukuro_004_screen11.png)