Mudar o estilo de uma postagem de wiki

Documentação Guias do Desenvolvedor
,
1

Um guia rápido para alterar o estilo das suas publicações wiki:

image
image832×792 56.5 KB

Alterar a cor de fundo:

Em seu /admin/customize/themes, adicione este CSS em Common > CSS

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

Alterar o tamanho do texto

Se desejar, você também pode alterar a fonte usada ou o tamanho do texto, inclusive a cor

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

image
image788×795 55.8 KB

Adicionar texto

Você pode adicionar um texto para deixar claro aos usuários que o que eles estão vendo é uma publicação 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

Este documento tem controle de versão - sugira alterações no github.

22 curtidas
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 curtidas
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 curtidas
5

Existe alguma forma de tornar o fundo condicional ao tema claro e escuro? Agradeço sua resposta.

1 curtida
6

A coisa mais simples a fazer é criar dois componentes de tema diferentes, um para o tema Claro e outro para o tema Escuro, para que você não precise escrever mais CSS.

2 curtidas
7

Para que as personalizações da Wiki funcionem bem em Mensagens Privadas com as novas alterações, sugiro um pequeno ajuste no CSS para que ele aponte para .cooked:

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

Vou adicionar isso também no OP.

Mais tarde…
E, só por diversão, transformei isso em um Componente de Tema com a capacidade de personalizar a cor de fundo e o texto.

2 curtidas