Changer le style d'un article wiki

Documentation Guides pour les développeurs
,
1

Un guide rapide pour changer le style de vos publications wiki :

image
image832×792 56.5 KB

Changer la couleur d’arrière-plan :

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, même la couleur

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

image
image788×795 55.8 KB

Ajouter du texte

Vous pouvez ajouter un texte pour indiquer clairement aux utilisateurs que ce qu’ils regardent est une publication 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

Ce document est contrôlé par version - suggérez des modifications sur github.

22 « J'aime »
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 « 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 »