Den Stil eines Wiki-Beitrags ändern

Dokumentation Entwicklerhandbücher
,
1

Ein kurzer Leitfaden zum Ändern des Stils Ihrer Wiki-Beiträge:

image
image832×792 56.5 KB

Hintergrundfarbe ändern:

Fügen Sie in Ihrem /admin/customize/themes diesen CSS-Code unter Common > CSS hinzu

.wiki .topic-body .cooked {
  background-color: #dcffdc; /*hellgrün*/
}

Textgröße ändern

Wenn Sie möchten, können Sie auch die verwendete Schriftart oder die Größe des Textes sowie die Farbe ändern

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

image
image788×795 55.8 KB

Text hinzufügen

Sie können einen Text hinzufügen, um den Benutzern klarzumachen, dass es sich bei dem, was sie sehen, um einen Wiki-Beitrag handelt

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

image
image355×213 5.72 KB

Dieses Dokument wird versioniert – schlagen Sie Änderungen auf github vor.

22 „Gefällt mir“
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 „Gefällt mir“
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 „Gefällt mir“
5

Gibt es eine Möglichkeit, den Hintergrund je nach hellen oder dunklen Theme anzupassen? Ich danke Ihnen für Ihre Antwort.

1 „Gefällt mir“
6

Die einfachste Lösung besteht darin, zwei verschiedene Theme-Komponenten zu erstellen: eine für das helle Theme und eine für das dunkle Theme, sodass Sie kein weiteres CSS schreiben müssen.

2 „Gefällt mir“
7

Damit Wiki-Anpassungen in privaten Nachrichten mit den neuen Änderungen gut funktionieren, schlage ich eine leichte Anpassung des CSS vor, sodass es auf .cooked abzielt:

// Passt Wiki-Beiträge an
.wiki .topic-body .cooked {
    background-color: #e8f9fd;
    animation: none;
}
.post-info.edits .wiki::before {
    content: "Wiki-Beitrag";
    margin-right: 5px;
    font-weight: bold;
}

Ich werde dies auch im Originalbeitrag (OP) einfügen.

Später…
Und nur so für den Spaß habe ich es in eine Theme-Komponente umgewandelt, mit der Möglichkeit, die Hintergrundfarbe und den Text anzupassen.

2 „Gefällt mir“