Garoon ポータルテンプレート：流れるお知らせ（HTML）

Index

• はじめに
• 動作環境と注意事項
• カスタマイズ
  • 変更できる箇所
  • 操作手順
  • 書き換えポイント
• おわりに

はじめに

このページでは、ポータルテンプレートをご利用環境に合わせて、流れるお知らせを表示する方法を説明します。
右から左に文字が流れて表示されるようになり、省スペースで「重要なお知らせ」を目立たせて見せたい場合に有効です。
その他のテンプレートは、HTML ポータルテンプレートギャラリーをご覧ください。

テンプレートを使ってポータルを追加する手順は、Garoon ヘルプサイトをご確認ください。

動作環境と注意事項

• テンプレートを使ってポータルを追加する機能は、クラウド版 Garoon の環境が必要です。
• HTML を編集するときの注意点は、Garoon ヘルプサイトをご覧ください。
• カスタマイズに関する技術的なサポート等は行っておりません。また、カスタマイズを行ったポートレットについては、その動作を保証するものではありません。

カスタマイズ

変更できる箇所

このテンプレートでは、ポータルに流すお知らせの文言を変更できます。

操作手順

1. ポータルの一覧画面から、テンプレートから追加したポータルを表示します。
2. ポータルに設置されたポートレットの歯車マークから「HTMLポートレットの編集」をクリックします。HTMLポートレットの変更画面が表示されます。
3. 「ポートレットの内容」を編集します。編集する箇所については、書き換えポイントをご参照ください。
4. 編集が終わったら、[変更する]ボタンをクリックします。

書き換えポイント

お知らせ内容を変更する

1. 「ポートレットの内容」から flowingValue.push("xxx"); を探します。xxx 部分を掲示したい内容に編集します。
   
2. この部分は、「【総務部より】「テレワーク実施ルール」 を公開しました。」と表示するコードです。
   他の文言に変更したい場合は「【総務部より】「テレワーク実施ルール」 を公開しました。」の部分を変更します。
   変更前
   変更後（例：経理部からのお知らせに変更）
   
   複数の文言を掲示したい場合は、掲示したい数だけ flowingValue.push("xxx"); を「ポートレットの内容」に追加できます。

おわりに

cybozu developer network では、他にも JavaScript を使って HTML ポートレットをカスタマイズする方法も紹介しています。

このTipsは、2021年9月版 Garoonで確認したものになります。