記事番号:00011
施設の「メモ」項目を利用して、施設の写真や画像を表示します。
施設の「メモ」項目では、HTMLを記述できます。imgタグの利用も可能です。
imgタグで参照する画像ファイルは、以下のいずれかの場所に配置します。
- Garoon内(ファイル管理)
- オンラインストレージサーバー(Dropboxなど)
手順
Garoonのファイル管理に画像ファイルを配置して、施設の画像を表示する方法をご紹介します。
以下の手順を実施してください。
1. ファイル管理に画像ファイルを追加する
ファイル管理でファイルの追加を行い、施設の画像ファイルをアップロードする
※ 全社員が閲覧できるフォルダーを作成して、画像ファイルをまとめて管理する運用もおすすめです。
手順は、フォルダーを追加する、フォルダーのアクセス権の設定を参考にしてください。
2. 画像のURLを確認する
- ファイル管理を開き、1. ファイル管理に画像ファイルを追加するで追加したファイルのタイトルをクリックする
-
ファイルの詳細画面でファイル名のリンクを右クリックし、リンクのアドレスをコピーする
(コピーしたアドレスは、後述の3. 施設の「メモ」項目にHTMLを記述するで利用する)
例)
画像ファイル「mtg_room.jpg」を追加して、コピーしたリンク(「/g」以降の部分)をメモします。https://(サブドメイン名).cybozu.com/g/cabinet/download.csp/-/mtg_room.jpg?fid=64&ticket=&hid=1&.jpg
3. 施設の「メモ」項目にHTMLを記述する
- 施設を変更するの手順1.~6.を行い、画像を表示したい「施設情報の変更」画面を開く
-
施設の「メモ」項目にimgタグを記述する
● 施設の「メモ」項目への記載書式
下記の「 /(画像パスの変更)/」部分を、コピーしたリンク(「/g」以降の部分)に書き換えます。<img src="/(画像パスの変更)/ "> ※ アクセスURLは、相対パスで指定してください。
● 施設の「メモ」項目への記載例
2. 画像のURLを確認するの例の場合、以下のように記述します。<img src="/g/cabinet/download.csp/-/mtg_room.jpg?fid=64&ticket=&hid=1&.jpg">
- 「変更する」ボタンをクリックする
4. 施設予約の設定を変更する
- 施設予約の設定変更の手順1.~7.を行い、画像を表示したい施設の「施設予約の設定」画面を開く
- 上記ヘルプの手順11.を参考に「一覧でのメモ表示」で「表示する」にチェックをつける
- 「変更する」ボタンをクリックする
5. 施設の画像を確認する
- 通常予定を登録するの手順1.~4.を行い、「予定の登録」画面で「通常予定」タブを開く
- 上記ヘルプの手順9.を参考に、メモ項目を設定した施設または施設グループを選択する
- 「施設情報の詳細」リンクをクリックする
➡施設の詳細画面に、画像が一緒に表示されています。
補足
- 施設の「メモ」項目でimgタグのほかに記述できるHTMLタグは、施設を追加するの手順9.で確認できます。
- オンラインストレージサーバーに画像ファイルを配置する場合、CORSを考慮して利用する必要があります。
詳細な設定方法は、オンラインストレージの提供元にご確認ください。
固定リンクをコピーします
固定リンクがコピーされました