はじめに
このページでは、ポータルテンプレートをご利用環境に合わせて、日替わりで表示する文言を変更する方法を説明します。
その他のテンプレートは、HTML ポータルテンプレートギャラリーをご覧ください。
テンプレートを使ってポータルを追加する手順は、Garoon ヘルプサイトをご確認ください。
動作環境と注意事項
- テンプレートを使ってポータルを追加する機能は、クラウド版 Garoon の環境が必要です。
- HTML を編集するときの注意点は、Garoon ヘルプサイトをご覧ください。
- カスタマイズに関する技術的なサポート等は行っておりません。また、カスタマイズを行ったポートレットについては、その動作を保証するものではありません。
カスタマイズ
変更できる箇所
このテンプレートでは、毎日表示する文言や曜日ごとに表示する文言を変更できます。
操作手順
- ポータルの一覧画面から、テンプレートから追加したポータルを表示します。
- ポータルに設置されたポートレットの歯車マークから「HTML ポートレットの編集」をクリックします。HTML ポートレットの変更画面が表示されます。
- 「ポートレットの内容」を編集します。編集する箇所については、書き換えポイントをご参照ください。
- 編集が終わったら、[変更する]ボタンをクリックします。
書き換えポイント
表示する文言を変更する
ここでは、月曜日に表示される文言を変更する場合を例に説明します。
その他の曜日（火曜日〜日曜日）、または毎日表示される文言を変更したい場合は、
「月曜」の部分を変更したい期間を表す単語に置き換えてお読みください。
- 「ポートレットの内容」から変更したい曜日の
noticesValueを探します。
今回は、月曜日に表示される文言を変更したいので、noticesValue.月曜と書かれている部分が該当します。 - 月曜日に「今日は月曜日です。」と表示するソースコードを他の文言に変更します。
「"（ダブルクォーテーション）」で囲まれている部分を変更したい文言に書き換えてください。
変更前
変更後（例：月曜日に表示する文言を「今週の勤務予定を登録しましょう。」に変更）
複数の文言を表示したい場合は、表示したい数だけnoticesValue.表示したい期間.push();を「ポートレットの内容」に追加できます。
おわりに
cybozu developer network では、他にも JavaScript を使って HTML ポートレットをカスタマイズする方法も紹介しています。
このTipsは、2021年9月版 Garoonで確認したものになります。
記事に関するフィードバック
記事のコメント欄は記事に対するフィードバックをする場となっております。
右の記事フィードバックのためのガイドを参照してコメントしてください。
記事のリンク切れなど、気になる点がある場合も、こちらのフォームからフィードバックいただけますと幸いです。