Changer le style d'un article de wiki

Documentation Guides pour les développeurs
,
1

Voici un guide rapide pour modifier le style de vos publications wiki :

image
image832×792 29 KB

Changer la couleur de fond :

Dans votre /admin/customize/themes, ajoutez ce CSS sous Common > CSS

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

Changer la taille du texte

Si vous le souhaitez, vous pouvez également modifier la police utilisée ou la taille du texte, voire sa couleur

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

image
image788×795 28.4 KB

Ajouter du texte

Vous pouvez ajouter un texte pour clarifier auprès des utilisateurs que ce qu’ils consultent est une publication wiki

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

image
image355×213 4.1 KB

Ce document est sous contrôle de version - suggérez des modifications sur github.

22 « J'aime »
Wikified Posts Component
Editing and creating wiki posts
Change author of wiki posts to encourage edits
Configuring wiki settings
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 « J'aime »
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 « J'aime »
5

Existe-t-il un moyen de rendre l’arrière-plan conditionnel selon le thème clair ou sombre ? Je vous remercie d’avance pour votre réponse.

1 « J'aime »
6

La chose la plus simple à faire est de créer deux composants de thème distincts : l’un pour le thème clair et l’autre pour le thème sombre, afin que vous n’ayez pas besoin d’écrire davantage de CSS.

2 « J'aime »
7

Pour que les personnalisations de Wiki fonctionnent correctement dans les messages privés avec les nouvelles modifications, je suggère un léger ajustement du CSS afin qu’il cible .cooked :

// personnalise les messages wiki
.wiki .topic-body .cooked {
    background-color: #e8f9fd;
    animation: none;
}
.post-info.edits .wiki::before {
    content: "Message Wiki";
    margin-right: 5px;
    font-weight: bold;
}

Je vais également ajouter cela dans le premier message.

Plus tard…
Et pour le plaisir, j’ai transformé cela en composant de thème avec la possibilité de personnaliser la couleur de fond et le texte.

2 « J'aime »