Gestire alcuni "piccoli" abusi HTML

Quindi ecco un problema interessante.

Alcuni dei nostri utenti (in particolare i più giovani) hanno iniziato a nidificare i tag <small> per rendere il testo effettivamente illeggibile. Oltre a semplicemente rimproverarli (il che sembra eccessivo perché è fastidioso, ma non contro le regole), ci sono suggerimenti su come prevenire questo comportamento sul lato server?

Potete vedere quanto sia facile farlo (e abusarne) nella seguente riga:

Esempio di testo piccolo è qui. Posso dire qualsiasi cosa e richiede passaggi extra per voi per leggerlo!

Gestire questo problema richiede che i moderatori modifichino attivamente il post per leggerlo o copiarlo e incollarlo.

Sovrascrivere lo stile del tag tramite CSS?

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

Oppure, se desideri che il tag small continui a funzionare ma impedisci l’annidamento:

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

0.7579em è il valore predefinito.

Non dovrebbero essere i moderatori a occuparsi degli abusanti? Sospendere l’utente per periodi crescenti per ogni post segnalato contenente abusi.

Possiamo scegliere la strada della moderazione, ma per essere onesti, si tratta di ragazzi (per lo più di 13 e 14 anni) e preferirei l’opzione più fluida di prevenirlo semplicemente, spiegando loro il motivo. Non stanno cercando deliberatamente di evitare la moderazione; stanno solo cercando di dare risalto ai loro sentimenti quando comunicano, se capisci cosa intendo. Si sentono piccoli e ininfluenti, e lo dimostrano modificando letteralmente la dimensione del testo.

Questo CSS è impostato dal tema o altrove? Non ho molta esperienza con lo stile CSS, quindi non sono sicuro al 100% di dove inserirlo. (Comunque, è l’ideale.)

Se non hai ancora stili personalizzati, credo che il modo migliore sia creare un nuovo componente tema.
Amministratore → personalizza → componenti → crea nuovo componente
Aggiungi il componente ai tuoi temi.
Sempre nelle impostazioni del tuo tema personalizzato, vai su modifica HTML/CSS, poi nella scheda CSS.
Incolla il codice CSS scelto, salva ed ecco fatto. :+1:t6:

Bellissimo. Soluzione implementata: ottengono il loro testo più piccolo e io riesco a LEGGERe i loro post. Perfetto. Grazie!