サイボウズ Office 2 トップページへ製品概要価格・見積り・発注ダウンロードマニュアルサポートセンターサイボウズ株式会社ホームページへサイボウズ Office 4 ホームページへサポートセンターマニュアルダウンロード価格・見積・発注サイボウズ株式会社ホームページへ製品概要

カスタマイズ ガイド (Office 2)
Windows / UNIX 版


サイボウズ Office 2 ではテンプレートHTMLファイルを編集することにより、画面をカスタマイズできるようになりました。
以下のようなカスタマイズを行なって頂けます。

これらのカスタマイズを行なう前に、次の「カスタマイズ時のお願い」をよくお読み下さい。また、カスタマイズを行なう際は、このカスタマイズガイドを一通り理解した上で行なって下さいますようよろしくお願い致します。


カスタマイズ時のお願い

  • カスタマイズに係わる全ての危険はお客様のみが負うことをここに確認し、予めご了承下さい。
  • カスタマイズは、必ず元ファイルをバックアップしてから行なってください。
  • カスタマイズ作業は、HTML オーサリングツール(Microsoft FrontPage97 や クラリスホームページなど)を使わずに、テキストエディタ(メモ帳など)を使って下さい。(オーサリングツールを使うと、書き換えてはいけない部分まで変更される恐れがあります。)


イメージファイルの置き換え

サイボウズ Office のアプリケーションで使われているイメージファイルは、ホームディレクトリ配下の CybozuImages ディレクトリに保管されています。これらのファイルを置き換えるだけで、イメージファイルの変更が可能です。

例えば、CybozuImages の中の logo_schedule2.gif(サイボウズ スケジュールのタイトルイメージ)を置き換えると、サイボウズ スケジュールの画面は以下のようにタイトルが変わります。

イメージファイルの置き換え

変更したいイメージのファイル名を調べるときは、Windows で Netscape Communicator を利用している場合、変更したいイメージを右クリックして「画像を名前をつけて保存...」を選ぶと、ファイル名がわかります。

イメージファイルを置き換えるときは、必ず元のイメージファイルをバックアップしてから行なって下さい。


メッセージやイメージの追加・変更・削除
リンク先の追加・変更・削除

サイボウズ Office 2 では、テンプレート HTML ファイルに基づいて画面表示を行ないます。従って、これらのテンプレートファイルを変更することで、簡単に画面レイアウトなどの変更を行なうことができます。

テンプレートファイルは、以下のようなディレクトリ構造で保管されています。(C:\InetPub\scripts\cb2 にインストールした場合)

cb2 --+-- page --+- index.html           「ランチャー」テンプレート
                 |
                 +- OfficeAdmin.html     「サイボウズ Office 2」共通テンプレート
                 +- OfficeModify.html
                 +- ...
                 +- ScheduleIndex.html   「サイボウズ スケジュール 2」用テンプレート
                 +- ScheduleMonth.html
                 +- ...
                 +- WhereIndex.html      「サイボウズ 行き先案内板 2」用テンプレート
                 +- WhereEntry.html
                 +- ...
                 +- BulletinIndex.html   「サイボウズ 掲示板 2」用テンプレート
                 +- BulletinSubject.html 
                 +- ...
                 +- ReserveIndex.html    「サイボウズ 施設予約 2」用テンプレート
                 +- ReserveEntry.html
                 +- ...
                 +- AddressIndex.html    「サイボウズ 共有アドレス帳 2」用テンプレート
                 +- AddressEntry.html
                 +- ...
                 +- ToDoIndex.html       「サイボウズ ToDoリスト 2」用テンプレート
                 +- ToDoEntry.html
                 +- ...
                 +- ProjectIndex.html    「サイボウズ プロジェクト管理 2」用テンプレート
                 +- ProjectView.html
                 +- ...
                 +- ForumIndex.html      「サイボウズ 電子会議室 2」用テンプレート
                 +- ForumSubject.html
                 +- ...

テンプレート HTML ファイルの保管場所

例えば、page ディレクトリにあるテンプレートファイル「ScheduleMonth.html」(月間スケジュールを表示するための HTML ファイル)を以下のように変更すると、

<html>
<head><title>$Office.Name - スケジュール</title></head>
<body link="#0000ff" vlink="#0000ff" bgcolor="#ffffff" background="/CybozuImages/background.gif">
<!--#include file="schedule/Header.html"-->
 
オリジナルメッセージを追加してみましょう。<br>   <-- この部分を追加する
 
' Init $GID = $Groups.First
' Init $ID = 0
' If $ID
'  Set $User = $Users.$ID
' Else
'  Set $User = $Groups.$GID
' EndIf
<table width="100%" cellspacing=0 cellpadding=2>
 :

テンプレートファイルを変更してみる

月間スケジュールの表示画面は、

変更結果が反映された画面

のように変更されます。

テンプレート HTML ファイルの中では、通常の HTML タグはすべて利用できますので、メッセージやイメージの追加・変更・削除、リンク先の追加・変更・削除など、画面レイアウトのカスタマイズを簡単に行なって頂けます。

カスタマイズしたい画面に対応するテンプレートファイルがどれであるかを探し出すには、ブラウザーを使うと簡単です。普段、サイボウズ Office を利用するのと同様にアクセスし、カスタマイズしたい画面を表示させます。このとき、ブラウザーの Location 表示欄を見て下さい。

http://(hostname)/scripts/cybozu/office.exe?page=ScheduleDay&date=19980117

となっていれば、この画面に対応するテンプレートファイルは page ディレクトリ内の「ScheduleDay.html」だとわかります。このファイルを編集すれば、現在表示されている画面をカスタマイズできます。(フレーム表示時は Location は正常に表示されませんのでご注意下さい。)

テンプレートファイルを編集するときは、必ず元のファイルをバックアップしてから行なって下さい。そして、編集するときは、HTML オーサリングツール(Microsoft FrontPage や クラリスホームページなど)を使わずに、テキストエディタ(メモ帳など)を使って下さい。オーサリングツールを使うと、書き換えてはいけない部分まで変更される恐れがあります。

また、カスタマイズする際は、元のテンプレートファイルに存在する「'」で始まる行などを削除しないようにして下さい。正常に動作しなくなる可能性があります。


Include ファイル(ヘッダなど)の変更
Include ファイルの作成

サイボウズ Office 2 のテンプレート HTML ファイルでは、SSI (Server Side Include) のように、HTML ファイル内に別の HTML ファイルを取り込むことができます。この機能を利用すると、ヘッダやフッタなどの作成が容易に行なえます。

例えば、page ディレクトリ内の ScheduleMonth.html (月間スケジュールを表示するための HTML ファイル)を開いてみると、ヘッダファイル(ScheduleHeader.html)が取り込まれていることがわかります。

<html>
<head><title>$Office.Name - 月間スケジュール</title></head>
<body link="#0000ff" vlink="#0000ff" bgcolor="#ffffff" background="/CybozuImages/background.gif">
<!--#include file="ScheduleHeader.html"-->    <-- この部分です
 
 :

ScheduleMonth.html の中身

ここで、ScheduleHeader.html(ヘッダファイル)を少し変更してみましょう。

<table width="100%"><tr>
<td><a href="http://cybozu.co.jp/">
<img border="0" src="/CybozuImages/logo_schedule2.gif" alt="スケジュール"></a>
<a href="office.exe?">[トップページへ]</a></td>
^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ この部分を追加する
<td align="right"><font size="+1">$Office.Name</font></td>
</tr></table><p>

ScheduleHeader.html を変更する

すると、ScheduleMonth.html に基づいて表示される月ビューだけでなく、このヘッダファイルを取り込んでいるすべての画面に変更が反映されます。(左上のタイトルイメージの右側に『[トップページへ]』というリンクが作成されています。)

変更結果が反映された画面(個人の日ビューにも反映される)

このように Include されいてるファイルを変更することで、ヘッダなどが変更できます。

また、ScheduleHeader.html 以外のファイルを作成し、Include することもできます。例えば、ScheduleTest.html というファイルを Include するために、以下のように記述すると、

<!--#include file="ScheduleTest.html"-->

記述された部分に、ScheduleTest.html が取り込まれます。

この include 機能は、不測の障害を防ぐために、二重の取り込み(include される HTML ファイルの中に include 文を書いてファイルを取り込むこと)ができないようにしています。ご了承下さい。


ページの追加

サイボウズ Office のカスタマイズ機能をさらに活用すると、全く新しい別の画面を作成することも可能です。例えば、page ディレクトリ内に ScheduleTest2.html という HTML ファイルを作成し、以下のようにアクセスします。

http://(hostname)/scripts/cb2/office.exe?page=ScheduleTest2

すると、ScheduleTest2.html は office.exe を通じてクライアントに返されます。「.html」をつけないことにご注意下さい。

ページの追加は、かなり高度なカスタマイズ方法ですので、よく機能をご理解頂いた上で行なって下さいますようよろしくお願い致します。


再インストール、バージョンアップ時の注意

再インストールやバージョンアップを行なったとき、基本的にテンプレートファイルは上書きされます。せっかくカスタマイズした HTML ファイルが上書きされないように、前もってバックアップを取るようにして下さい。

ただし、Windows 版の場合は、インストール時にインストーラが自動的にバックアップを取ります。例えば、C:\InetPub\scripts\cb2\page(サイボウズ Office 2 のテンプレートディレクトリ) にある HTML ファイルをカスタマイズしていたとき、それらのファイルは C:\InetPub\scripts\cb2\page\backup にコピーされ、現在使っている HTML ファイルは新しいバージョンのものに置き換えられます。以下は、再インストール後のバックアップファイルの場所を表わしたものです。

cb2 --+-- page --+- index.html       新規にインストールされたテンプレート
                 +- OfficeAdmin.html
                 +- ...
                 |
                 +-- backup --+- index.html       バックアップされたファイル
                              +- OfficeAdmin.html
                              +- ...
 

テンプレート HTML ファイルのバックアップ先
 



Office 2 目次 | 製品概要 | 価格・見積・発注 | ダウンロード | マニュアル | サポート

サイボウズ株式会社 ホームページへ
商標表示について 個人情報の取り扱いについて