nathank
(Nathan Kershaw)
1
シンプルな説明
このテーマコンポーネントを使用すると、Wiki ポスト（および共有編集ポスト）をより明確に表示できます。
Wiki と共有編集は Discourse の強力な機能ですが、多くのユーザーはその概念に不慣れで、UI が少し控えめすぎると感じています。このコンポーネントは、Change the style of a wiki post の内容をパッケージ化し、その内容を非常に明確にします。
スクリーンショット
詳細な説明
このコンポーネントをインストールすると、Wiki ポストの背景色を制御したり、ポスト右上の履歴/編集アイコンにテキストを追加したりできるようになります。
これは @pacharanero による discourse-wikified-post-background-color のフォークであり、Change the style of a wiki post の機能を取り入れ、@Rhidian による Personal Message Bubbles のコードを再利用しています。
設定
Wiki ポストの背景色
Wiki ポストの背景色は、お好みの色に設定できます。デフォルトは「highlight」ですが、以下のオプションのいずれかを使用できます：
- システムの色（primary、secondary、tertiary など）を選択すると、自動ダークモードに対応するため、最も効果的です。
- CSS で認識される名前付きの色（例：blue、red、yellow、black など）
- HTML のカラーコード（例：#effbfb など）
共有編集の背景色
共有編集ポストについても、上記と同じ色のオプションから選択できます（共有編集プラグインを参照）。
Wiki に追加されるテキスト
ポストの右上に小さな緑色のテキスト（デフォルトでは Wiki Post）を追加します：
これは動的であり、最近の編集がある場合、履歴アイコンの色に合わせて色も変化します（これは意図しない嬉しい副作用です）：
テキストを表示したくない場合は、設定のテキストを削除して保存してください。
共有編集に追加されるテキスト
共有編集ポストに表示されるテキストです。これはパレットから「Danger」色で表示されます。
ロードマップ
- トピックに「wiki」タグを自動的に付ける
ご提案はこのポストへの返信としてお願いいたします。
「いいね！」 26
素晴らしい内容ですね、@nathank さん。
古い wikified の投稿背景色リポジトリをアーカイブし、こちらの新バージョンに置き換えます。新バージョンでは、はるかに多くの機能が追加されています。
「いいね！」 4
Zup
3
このエラーが発生している人は他にいますか？
Error: Undefined variable: "$Shared-edits-hide". on line 42 of common.scss >> @if ($Shared_edits_hide == "Yes"){ -----^
nathank
(Nathan Kershaw)
4
それを再現できませんし、コードに明らかな問題も見られません。他に何か情報を提供していただけますか？
「いいね！」 1
Zup
5
共有編集を非表示がいいえに設定されていたためです。TC設定でエラーが発生しました。はいに設定した後、エラーは解消されました。
nathank
(Nathan Kershaw)
6
最新のDiscourseベータ版で、いいえでもはいでも、それは得られません。古いDiscourseバージョンを使用していますか？バージョン管理は一切行っていません。申し訳ありません。
「いいね！」 1
Zup
7
すみません、私のミスでした。少し古くなっていました。指摘されるまで、最近のアップデート後に再度テストするのを忘れていました。ありがとうございます。 
「いいね！」 1
nathank
(Nathan Kershaw)
8
共有編集投稿に対応するため、コンポーネントを更新しました。
これには、共有編集の変更への対応が含まれます。
「いいね！」 2
nathank
(Nathan Kershaw)
9
デフォルトの背景色をわずかに調整しました。@メンションが見えにくかったためです。
また、共有編集の背景色がデフォルトで tertiary-very-low になりました。
「いいね！」 1
volanar
(Volanar)
10
優れたコンポーネントです。しかし、トピックページでのみ表示が改善されます。カテゴリページ、トピックリスト「最近」、「未読」などにウィキアイコンが表示されるように変更することは可能でしょうか？
nathank
(Nathan Kershaw)
11
良い提案ですね。きっと可能だと思います（プルリクエスト歓迎です！）。
私はインスタンスで投稿に#wikiというタグを付けることで、それを処理しています。もちろん半手動ですが、高度な検索でwikiの投稿/トピックを特定できます。サイドバーナビゲーションからも簡単に発見できるという利点もあります。
このコンポーネントの一部として、wiki投稿の自動タグ付け（または、あなたが提案するように）ができれば良いと思っていましたが、残念ながら、それに取り組むほどの苦痛を感じていません。
「いいね！」 2
Canapin
(Coin-coin le Canapin)
12
これは2021年にここで尋ねました：Add an icon in front of wikis in the topic list?
回答は次のとおりでした：
機能リクエスト：
「いいね！」 1
thoka
(Thomas Kalka)
13
（自動）ダークモードに合わせて背景色を調整する方法についてアドバイスを求めています。
現在、背景に選択した明るい色は、ダークモードで投稿が読めなくなってしまいます。
ウィキやパッドの背景色を定義するために、カラーパレットを拡張し、色の計算を行うことは可能でしょうか？
thoka
(Thomas Kalka)
14
「wiki」トピックにタグを使用できます。
タグはCSSでスタイル設定できます（IIRC）。
タグのリスト表示/ドリルダウンオプションも追加で利用できます。
さらに、プラグインでwikiを含むトピックにwikiタグを自動的に追加できます。
nathank
(Nathan Kershaw)
15
Scheme カラーを推奨する理由は以下のとおりです。\n\n[quote="Nathan Kershaw, post:1, topic:199492, username:nathank"]\nScheme カラー（つまり、プライマリ、セカンダリ、ターシャリなど）を選択すると、自動ダークモードにレスポンシブに対応するため、最も効果的です。\n[/quote]\nもし、カラーでオフ・ピステを行いたい場合は、ダークモードに対処する巧妙な方法を見つける必要があります。\n\nダークモードカラーの指定を可能にすることも、Nice feature になるでしょう。時間があれば、それを見てみます。
「いいね！」 1
thoka
(Thomas Kalka)
16
はい。しかし、これらの色は背景にはあまりにも目立ちすぎます。
そのため、10%のSchemeカラーと90%の背景を混ぜたようなものを夢見ていました。SASS（またはそれに類するもの）はフロントエンドでは利用できないと思います。
しかし、このような CSSマジックは機能するでしょうか？
更新：rgba(0, 255, 0, 0.1) はダークモードとライトモードの両方でかなりうまく機能します。
Canapin
(Coin-coin le Canapin)
17
SASS関数はテーマカスタマイズセクションで利用可能です。変更を保存するとコンパイルされます。ただし、テーマやCSS変数でSASS関数を使用することはできません。
カラーコードからSASS関数を使用したい場合は、対応するSASS変数を使用する必要があります。
機能します 
body {
background: darken($secondary, 10%);
}
機能しません 
body {
background: darken($my_theme_variable, 10%);
}
機能しません
body {
background: darken(var(--secondary), 10%);
}
そして、あなたのリンクが説明していることは機能するはずだと思います。
「いいね！」 3
nathank
(Nathan Kershaw)
18
これは試す価値があるかもしれません。SASSのmix()関数の使用方法に関するガイド（私の参照用）を以下に示します。
