Heute habe ich einen Tipp von der habari-dev Mailing-Liste bekommen!
Ich war mit meiner aktuellen Lösung der Übersetzung der englischen Bilder, die in dem mitgelieferten Design "Charcoal" enthalten sind, nicht zufrieden, da ich die englischen Bilder einfach durch die deutschen ersetzt habe. Deshalb habe ich einen Vorschlag an die habari-dev Mailing-Liste geschickt, wie man die Übersetzung (Lokalisierung) so machen könnte, dass mit der Sprache in der Administration auch einfach ein zur Sprache passender Satz von Bildern verwendet wird.
Überraschung! Das geht bereits! Diese Funktionalität ist bereits in dem Design "Charcoal" implementiert. Ich brauche nur ein neues Stylesheet mit dem Sprachkürzel als Dateiname erzeugen. In meinem Fall ist das de.css. Und da alle Bilder über CSS in das Layout eingebunden sind, musste ich nur noch die Pfade in der neuen CSS Datei eintragen. Die zu übersetzenden Bilder habe ich passend dazu im Verzeichnis images.de abgelegt.
Hier der Inhalt der Datei de.css:
.post-tags {
background: url("images.de/tags.png") left no-repeat;
padding-left: 92px;
}
#prev-posts {
background: url("images.de/prevposts_text.png") top left no-repeat;
}
#post-comments {
min-height: 202px;
background: url("images.de/comments_text.png") top left no-repeat;
}
#comment-form {
min-height: 352px;
background: url("images.de/postcomment_text.png") top left no-repeat;
}
#archives {
background: url("images.de/archives_text.png") top left no-repeat;
}
#tags {
min-height: 192px;
background: url("images.de/tagcloud_text.png") top left no-repeat;
}Das hat ausgereicht um das Design "Charcoal" ins Deutsche zu übersetzen, ohne dass ich die Original-Dateien ändern musste. SUPER! Diese vorgehensweise gefällt mir. Die Bilder werden also jetzt sprachabhängig von der Einstellung in der Administration angezeigt.
