Cambia lo stile di un post wiki

Documentazione Guide per sviluppatori
,
1

Una breve guida per cambiare lo stile dei tuoi post wiki:

image
image832Ă—792 56.5 KB

Cambia il colore di sfondo:

Nel tuo /admin/customize/themes aggiungi questo CSS sotto Common > CSS

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

Cambia la dimensione del testo

Se vuoi, puoi anche cambiare il font utilizzato o la dimensione del testo, persino il colore

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

image
image788Ă—795 55.8 KB

Aggiungi testo

Puoi aggiungere un testo per chiarire agli utenti che ciò che stanno visualizzando è un post wiki

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

image
image355Ă—213 5.72 KB

Questo documento è controllato tramite versione - suggerisci modifiche su github.

22 Mi Piace
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 Mi Piace
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 Mi Piace
5

C’è un modo per rendere lo sfondo condizionale in base al tema chiaro o scuro? Apprezzo la tua risposta.

1 Mi Piace
6

La cosa più semplice da fare è creare due componenti tema diversi, uno per il tema chiaro e uno per il tema scuro, così non dovrai scrivere altro CSS.

2 Mi Piace
7

Affinché le personalizzazioni delle Wiki funzionino correttamente nei Messaggi Privati con le nuove modifiche, suggerisco una leggera modifica al CSS in modo che miri a .cooked:

// personalizza i post delle Wiki
.wiki .topic-body .cooked {
    background-color: #e8f9fd;
    animation: none;
}
.post-info.edits .wiki::before {
    content: "Post Wiki";
    margin-right: 5px;
    font-weight: bold;
}

Inserirò anche questo nell’OP.

Più tardi…
E tanto per farlo, l’ho trasformato in un Componente del Tema con la possibilità di personalizzare il colore di sfondo e il testo.

2 Mi Piace