 |
概要 | サイドバーの切り替えアイコンを動的かつカスタマイズ可能にします |
 |
リポジトリ | https://github.com/Lillinator/discourse-dynamic-sidebar-icon |
 |
プレビュー | https://discourse.theme-creator.io/theme/Lilly/discourse-sidebar-icon |
 |
インストールガイド | テーマまたはテーマコンポーネントのインストール方法 |
 |
Discourse テーマ初心者の方へ | Discourse テーマの使い方の入門ガイド |
このテーマコンポーネントをインストール
Discourse 動的サイドバーアイコン
概要
ヘッダーのサイドバー切り替えアイコンを、サイドバーが開いているか閉じているかに基づいて動的に変更する、軽量な Discourse テーマコンポーネントです。
デフォルトでは、サイドバーが閉じているときは標準のハンバーガーメニュー（bars）が表示され、サイドバーが開いているときは閉じるアイコン（xmark）に切り替わります。管理者はカスタムアイコンを指定することもできます。
機能
- ユーザーにサイドバーとのインタラクション方法に関する明確な視覚的フィードバックを提供します。
- 管理者は、テーマ設定を通じてデフォルトのアイコンを FontAwesome の任意のアイコンに簡単に置き換えることができます。
- このコンポーネントはデスクトップおよびタブレット表示向けに設計されており、モバイルには影響しません。
設定
コンポーネントの設定を編集して、サイドバーの開閉に使用するアイコンをカスタマイズできます。
| 設定 | 説明 |
|---|---|
icon_to_open_the_sidebar |
サイドバーが折りたたまれているときに表示されるアイコン （デフォルト: bars） |
icon_to_close_the_sidebar |
サイドバーが展開されているときに表示されるアイコン （デフォルト: xmark） |
重要な注意事項
- コア Discourse に含まれていないカスタムアイコンを使用する場合、アイコンが空白に表示されます。これを修正するには、Discourse の管理者設定で「SVG アイコンサブセット」サイト設定（
すべてのサイト設定→SVG アイコンサブセット）にカスタムアイコン（例：rocket、cat）を追加する必要があります。 - このコンポーネントは、ヘッダーのドロップダウンモードでは機能しません。