Lidando com algum "pequeno" abuso de HTML

Suporte
1

Então, aqui está um problema interessante.

Alguns de nossos usuários (especialmente os mais jovens) passaram a aninhar tags <small> para tornar o texto efetivamente ilegível. Além de apenas repreendê-los (o que parece exagero, pois é irritante, mas não viola as regras), há alguma sugestão de como prevenir isso no back-end?

Você pode ver o quão fácil é fazer isso (e abusar) na linha a seguir:

Exemplo de texto pequeno está aqui. Posso dizer o que quiser e isso exigirá passos extras para você ler!

Lidar com isso exige que moderadores editem ativamente a postagem para lê-la ou copiem e cole.
2

Substituir o estilo da tag via CSS?

.cooked {
    small {
        &, small {
            font-size: 1em;
        }
    }
}

Ou, se você quiser que a tag small continue funcionando, mas evitar o efeito de aninhamento,

.cooked {
    small {
        font-size: .7579em;
        small {
            font-size: 1em;
        }
    }
}

0.7579em sendo o valor padrão.

3

Os moderadores não deveriam lidar com os abusadores? Suspender o usuário por períodos cada vez maiores por cada postagem marcada que contenha abuso.

4

Podemos seguir a rota da moderação, mas, para ser honesto, são crianças (13 e 14 anos, principalmente) e eu prefiro a opção mais fluida de simplesmente impedir isso e explicar o motivo da minha decisão. Elas não estão tentando deliberadamente evitar a moderação; apenas estão tentando enfatizar seus sentimentos ao se comunicar, se isso faz sentido. Elas se sentem pequenas e sem importância, e estão demonstrando isso através do tamanho literal do texto.

5

Esse CSS é definido pelo tema ou em outro lugar? Não tenho muita experiência com estilização em CSS, então não tenho certeza de onde colocá-lo. (Aliás, isso é ideal.)

6

Se você ainda não tem estilos personalizados, acho que a melhor maneira é criar um novo componente de tema.
Admin → personalizar → componentes → criar novo componente
Adicione o componente aos seus temas.
Ainda nas configurações do seu tema personalizado, vá em editar HTML/CSS e depois na aba CSS.
Cole o código CSS escolhido, salve e pronto. :+1:t6:

7

Lindo. Solução implementada, eles têm seu texto menor e eu consigo LER os posts deles. Perfeito. Obrigado!