Mach Theme-Übersetzungen aus CSS erreichbar

Tatsächlich sind Theme-Einstellungen über CSS zugänglich, aber nicht Theme-Übersetzungen.

Es wäre schön, wenn dies übersetzbar gemacht werden könnte.

Zum Beispiel haben wir im Theme-Component DiscoTOC diese Einstellung:

die im CSS verwendet wird:

Text über CSS hinzuzufügen, ist eher eine Notlösung, da sie nicht barrierefrei ist. Ich denke, wir sollten sie nicht unterstützen, indem wir zusätzliche Funktionen dafür bereitstellen.

8 „Gefällt mir“

Könnte so etwas jedoch über ein Plugin erreicht werden?

Ein Plugin, um Übersetzungen in SCSS zu aktivieren… alles ist möglich, aber es wäre sehr unübersichtlich. Man müsste beispielsweise verschiedene CSS-Assets für jede Lokalisierung kompilieren. Ich rate dringend davon ab, dies zu versuchen.

Eine mögliche Idee… aber keine Empfehlung (d.h. wenn Sie dies versuchen, sind Sie auf sich allein gestellt :P)

Ich verstehe, dass dies eine schlechte Idee ist

Sie könnten im Theme-Javascript etwas wie Folgendes tun:

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

Und dann im CSS:

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

Dies kann auf viele Arten fehlschlagen – wenn Sie Anführungszeichen oder Sonderzeichen in die Übersetzung einfügen, funktioniert es nicht. Wenn Sie es in IE11 verwenden möchten, wird es ebenfalls fehlschlagen.

5 „Gefällt mir“

Ich unterstütze auch nicht, dass Übersetzungen im Theme-CSS zugänglich sind :+1:

Was das Beispiel in deinem Beitrag @evantill betrifft, wird dieses im nächsten Update für diese Theme-Komponente entfernt.

8 „Gefällt mir“

Dieses Thema wurde automatisch nach 3 Stunden geschlossen. Neue Antworten sind nicht mehr erlaubt.