Wiki投稿のスタイルを変更する

ドキュメント 開発者ガイド
,
1

Wiki投稿のスタイルを変更するための簡単なガイド：

image
image832×792 56.5 KB

背景色の変更：

/admin/customize/themes の Common > CSS の下に、このCSSを追加します。

.wiki .topic-body .cooked {
  background-color: #dcffdc; /*light green*/
}

テキストサイズの変更

必要に応じて、使用するフォントやテキストのサイズ、さらには色も変更できます。

.wiki .topic-body .cooked p {
  font-size: 18px;
  color: green;
}

image
image788×795 55.8 KB

テキストの追加

ユーザーに表示されているものがWiki投稿であることを明確にするテキストを追加できます。

.post-info.edits .wiki::before {
  content: "EDIT THIS WIKI POST";
  color: green;
  background-color: #d2e2d2;
  margin-right: 3px;
  font-weight: bold;
  border: 1px solid green;
  padding: 3px;
}

image
image355×213 5.72 KB

このドキュメントはバージョン管理されています - 変更の提案はgithubで行ってください。

「いいね！」 22
Wikified Posts Component
Configuring wiki settings
Change author of wiki posts to encourage edits
Editing and creating wiki posts
Place for total coding beginners to learn how to customise?
Place for total coding beginners to learn how to customise?
2

Hey, we just changed the background color of wikis on the Fairphone forum, but like all other posts each wiki starts out as staff-blue when you load it, then slowly turns white and only then turns green.
Is there a way to disable this animation for wiki posts?

3

I believe this should do the trick:

.wiki .topic-body {animation: none;}

「いいね！」 6
4

Here’s a Theme Component which makes Wikified posts pale green again, and incorporates @Kris’s animation: none tweak. (I chose an essentially random pale green as I did this surreptitiously while I was supposed to be paying attention in a meeting. But you can change the RGB value in the Theme Component CSS after installation)

Improvements always welcome by pull request.

「いいね！」 4
5

背景をライトテーマとダークテーマで条件付きに変更する方法はありますか？ご回答をありがとうございます。

「いいね！」 1
6

最も簡単な方法は、ライト用とダーク用の2つの異なるテーマコンポーネントを作成することです。これで、さらにCSSを書く必要がなくなります。

「いいね！」 2
7

プライベートメッセージでWikiのカスタマイズが新しい変更と円滑に動作するよう、CSSを少し調整して .cooked をターゲットにするよう提案します：

// Wiki投稿をカスタマイズ
.wiki .topic-body .cooked {
    background-color: #e8f9fd;
    animation: none;
}
.post-info.edits .wiki::before {
    content: "Wiki投稿";
    margin-right: 5px;
    font-weight: bold;
}

これもOPに追加しておきます。

後日…
ついでに、背景色とテキストをカスタマイズ可能なテーマコンポーネントとして実装しました。

「いいね！」 2