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:
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.
¿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)
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á.
Tampoco apoyo que las traducciones sean accesibles en el CSS del tema ![]()
En cuanto al ejemplo en tu publicación @evantill, eso se eliminará en la próxima actualización de ese componente del tema.
Este tema se cerró automáticamente después de 3 horas. Ya no se permiten nuevas respuestas.