Haga accesibles las traducciones de temas desde CSS

En realidad, la configuración del tema es accesible desde CSS, pero no las traducciones del tema.

Sería genial poder traducirlas.

Por ejemplo, en el componente de tema DiscoTOC, tenemos esta configuración:

utilizada en CSS:

Agregar texto mediante CSS es más bien un último recurso, ya que no es accesible; no creo que debamos alentar su uso apoyándolo con funciones adicionales.

8 Me gusta

¿Sería posible lograr algo así mediante un complemento?

Un plugin para habilitar traducciones en SCSS… todo es posible, pero sería muy desordenado. Por ejemplo, de alguna manera necesitarías compilar diferentes activos CSS para cada localización. Recomiendo encarecidamente que no intentes hacer esto.

Una idea posible… pero no es una recomendación (es decir, si intentas esto, estás por tu cuenta :P)

Entiendo que esta es una mala idea

Podrías hacer algo como esto en el JavaScript del tema

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

Y luego en el CSS

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

Esto podría fallar de muchas maneras: si pones una comilla o caracteres especiales en la traducción, se romperá. Si intentas usarlo en IE11, también se romperá.

5 Me gusta

Tampoco apoyo que las traducciones sean accesibles en el CSS del tema :+1:

En cuanto al ejemplo en tu publicación @evantill, eso se eliminará en la próxima actualización de ese componente del tema.

8 Me gusta

Este tema se cerró automáticamente después de 3 horas. Ya no se permiten nuevas respuestas.