Rendi le traduzioni dei temi accessibili da CSS

Contribuisci Funzionalità
1

In realtà, le impostazioni del tema sono accessibili via CSS, ma non le traduzioni del tema.

Sarebbe bello renderle traducibili

Ad esempio, nel componente del tema DiscoTOC, abbiamo questa impostazione:

utilizzata nel CSS:

2

Aggiungere testo tramite CSS è una soluzione di ripiego, poiché non è accessibile; non credo dovremmo incoraggiarlo supportandolo con funzionalità aggiuntive.

8 Mi Piace
3

Ma potrebbe essere realizzabile tramite un plugin?

4

Un plugin per abilitare le traduzioni in SCSS… tutto è possibile, ma sarebbe molto disordinato. Ad esempio, dovresti in qualche modo compilare risorse CSS diverse per ogni lingua. Ti sconsiglio vivamente di tentare di farlo.

Un’idea possibile… ma non una raccomandazione (cioè, se ci provi, sei solo tu a prenderne la responsabilità :P)

Capisco che sia una cattiva idea

Potresti fare qualcosa del genere nel JavaScript del tema

document.documentElement.style.setProperty('--my-translation-name', `"${ I18n.t(themePrefix("my-translation-name")) }"`);

E poi nel CSS

 &:before {
    content: var(--my-translation-name);
  }

Questo potrebbe rompersi in molti modi: se inserisci virgolette o caratteri speciali nella traduzione, si romperà. Se provi a usarlo in IE11, si romperà.

5 Mi Piace
5

Anch’io non sono favorevole a rendere le traduzioni accessibili nel CSS del tema :+1:

Per quanto riguarda l’esempio nel tuo post @evantill, verrà rimosso nel prossimo aggiornamento di quel componente del tema.

8 Mi Piace
6

Questo argomento è stato chiuso automaticamente dopo 3 ore. Non sono più consentite nuove risposte.