今すぐ詳しく調べる時間はあまりありませんが、このテーマコンポーネントがお役に立つかもしれません。現在のユーザーのすべてのグループを、おそらく body タグ内にリスト表示します。その後、CSSセレクターを使用して、body タグに特定のグループクラス名が存在するかどうかに基づいて表示/非表示を切り替えることができます。
|||
-|-|-|
| 概要 | CSS Classes for Current User’s Groups は、メンバーが所属するグループを <body> タグのCSSクラスとして追加します。
| | プレビュー | Preview on theme-creator.discourse.org |
| リポジトリリンク | \u003chttps://github.com/discourse/discourse-groups-css-classes-in-body\u003e
|Discourseテーマ初心者ですか? | Beginner’s guide to using Discourse Themes \n\n
このテーマコンポーネントをインストール
Before:
[image]
After:
[image]
Discourseはデフォルトで現在のユーザーのプライマリグループのみをCSSクラスとして追加します。このコンポーネントは、trust…
そして、この投稿からの情報を組み合わせて、コンポーザーでどのHTML要素を使用できるか、およびコンポーザーテキストをクラスでラップする方法を理解すれば、機能するかもしれません。
現在、2つの方法があることを認識しています。
<span>some text</span>
CSS:
[data-theme-custom] {
color: pink;
}
[wrap="indent"]some text[/wrap]
これにより、次の属性を含むdivまたはspan(同じ行に他のコンテンツがある場合)が作成されます。class="d-wrap"およびdata-wrap="custom"
CSS
[data-wrap="custom"] {
color: pink;
}
投稿内の選択したコンテンツをカスタマイズする他の方法はありますか?
また、要素にカスタムクラスを追加する方法はありますか?検索しても何も見つかりませんでした。これは不可能だと思いますか?
はい、ここでテストしたところ、そのコンポーネントと次のようなものを組み合わせれば機能するはずです。
<span data-group-a>グループAのみのテキスト</span>
<span data-group-b>グループBのみのテキスト</span>
そして、次のようなCSSセレクターを用意します。
span[data-group-a] {display: none;}
body.group-a span[data-group-a] {display: block;}
または、そのようなものです…
編集が多くてすみません。自分のインスタンスでテストしたところ、機能しました。
しかし、あなたが言ったように、それはあなたが望んでいたものではないかもしれません …
これはテーマのJavaScriptで可能かもしれません。\u003chead\u003e セクションに要素を選択して削除するものを追加します。上記のようにスパンとラップが必要になるかもしれませんが、それを介して削除します。