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:
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.
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)
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.
Ich unterstütze auch nicht, dass Übersetzungen im Theme-CSS zugänglich sind ![]()
Was das Beispiel in deinem Beitrag @evantill betrifft, wird dieses im nächsten Update für diese Theme-Komponente entfernt.
Dieses Thema wurde automatisch nach 3 Stunden geschlossen. Neue Antworten sind nicht mehr erlaubt.