Discourse 誕生日/記念日今日(バナー)

:information_source: 概要 本日のお祝いと誕生日を表示するバナーをサイトに追加します。
:eyeglasses: プレビュー Theme Creator
:hammer_and_wrench: リポジトリ GitHub - NateDhaliwal/Discourse-Birthdays-Anniversaries-Today
:question: インストールガイド テーマまたはテーマコンポーネントのインストール方法
:open_book: Discourseテーマ初心者の方へ Discourseテーマ使用の初心者向けガイド

このテーマコンポーネントをインストール

:backhand_index_pointing_right: Cakedayプラグインがコアにバンドルされたため、このテーマコンポーネントを使用するためにプラグインを個別にインストールする必要はなくなりました。

概要

このテーマコンポーネントは、その日の誕生日と記念日を表示するバナーをサイトのホームページ上部に配置します。

設定

banner_location設定により、バナーを配置する場所を選択できます。利用可能なオプションは次のとおりです。

  • above-site-header
  • below-site-header
  • above-main-containter

banner_text_colorbanner_background_colorの設定は、それぞれバナーのテキストと背景色を変更します。var(--primary)var(--tertiary)のようなDiscourse CSS変数や、16進数の値も入力できます。

また、anniversaries_textbirthdays_textの設定では、それぞれそのイベントを祝うユーザーの数を示すプレースホルダー%{count}を使用できます。

表示されるユーザーはピン留めされません。\u003ca class=\"mention\"\u003eを使用してユーザーを表示します。各ユーザーのユーザーカードは、クリックしても表示されます。

スクリーンショット:

デスクトップ:


モバイル:


追加情報

データは、ユーザー表示のために/cakeday/anniversaries/today.jsonおよび/cakeday/birthdays/today.jsonから取得されます。

このアイデアは、Discourseを見ていて、Cakedayプラグインがインストールされているのに、なぜユーザーは他のユーザーの誕生日や記念日を祝わないのだろうかと思ったときに生まれました。私は以前、私が参加していたフォーラムや、ここMetaでもこのようなことを行っていました。このテーマコンポーネントを使用すると、ユーザーの特別な日を一緒に祝い、よりインクルーシブなコミュニティを促進できます。

「いいね!」 9

バナーの背景色と文字色をカスタマイズできるようになりました。

var() キーワードを使用する必要がないように @if ステートメントを追加するかもしれません。

「いいね!」 1

データがない場合に「表示するものがない」というメッセージの代わりにバナーを表示しないようにすることは可能ですか?

「いいね!」 3

問題ありません。どうせそうするつもりでした。

「いいね!」 2

しばらくの間、これを修正します。いくつかのゲッターを正しい名前に更新し、デバッグする必要がありました。まだ作業中です。
編集:現在、復旧しました。新しい設定の最終テストを行います。

「いいね!」 2

更新:これを制御する設定に問題があります。非同期 fetch() を使用しているためだと思います。すぐに再確認します。

「いいね!」 1

とりあえず broken タグを付けて修正します。

@patrickemin 準備ができました!hide_unused_data 設定を使用して、空の記念日または誕生日を非表示にできるようになりました。
遅れて申し訳ありません。海外にいました。

「いいね!」 2

こんにちは。表示するデータがないため、コンテナの上に青い空の行が表示されています。

「いいね!」 1

承知しました。修正に取り掛かります!

「いいね!」 2

これを修正するために戻ってきました。全体を簡略化するためにコードを大幅に改訂しました。また、その日に記念日/誕生日がない場合は自動的に非表示になります。(TCと設定の説明もローカライズしました)

新しい設定が2つ導入されました:anniversaries_textbirthdays_text です。プレースホルダー %{count} を使用して、そのイベントを祝うユーザーの数を示すことができます。

エラーや問題が発生した場合は、報告してください!

「いいね!」 2