![\"Linke](\"http:\/\/wpml.org\/wp-content\/uploads\/2014\/02\/sample-ltr.png\")
<\/a><\/td>\n![\"Seite](\"http:\/\/wpml.org\/wp-content\/uploads\/2014\/02\/sample-rtl.png\")
<\/a><\/td>\n<\/tr>\n<\/tbody>\n<\/table>\nSie k\u00f6nnen sehen, wie alles auf der RTL-Seite horizontal ‚gespiegelt‘ erscheint. Es ist, als w\u00fcrde man die ’normale‘ LTR-Seite durch einen Spiegel betrachten. Die Erstellung dieses Spiegelbilds ist eigentlich ganz einfach. Die ‚dir‘-Richtung in CSS wird die meiste Arbeit erledigen und Sie m\u00fcssen nur an einigen Stellen patchen.<\/p>\n
Laden einer anderen CSS-Datei f\u00fcr RTL-Sprachen<\/h2>\n
WordPress wei\u00df, welche Sprachen RTL-Flow haben und macht es Ihnen leicht, das Layout anzupassen. Erstellen Sie eine neue Datei rtl.css und legen Sie sie in das Stammverzeichnis Ihres Themes.<\/p>\n
WordPress l\u00e4dt die Datei rtl.css, nachdem es die normale styles.css geladen hat, so dass die RTL-CSS-Datei nur die Attribute \u00fcberschreiben muss, die ge\u00e4ndert werden m\u00fcssen. Das bedeutet, dass die Datei rtl.css bei den meisten Themes ziemlich klein ist.<\/p>\n
Einstellung der Seitenrichtung auf RTL<\/h2>\n
Das Attribut ‚direction‘ in CSS teilt dem Browser die Richtung der Seite mit. F\u00fcr RTL-Sprachen sollten Sie den Wert auf ‚rtl‘ setzen. Es gibt noch ein weiteres ‚magisches‘ Attribut, das Sie f\u00fcr eine korrekte RTL-Anzeige einstellen sollten. Es hei\u00dft ‚unicode-bidi‘. Dieses ‚magische‘ Attribut ist ziemlich einfach zu verstehen, wenn Sie es gewohnt sind, in RTL zu schreiben. Er steuert die Art und Weise, wie die Zeichen innerhalb der Zeile angezeigt werden.<\/p>\n
F\u00fcr eine korrekte RTL-Anzeige f\u00fcgen Sie dem Selektor .body folgendes hinzu:<\/p>\n
Und, Sie sind fertig! Ihr Theme wird jetzt in RTL angezeigt. Fast. Mit diesen beiden Aussagen wird der gr\u00f6\u00dfte Teil der Seite korrekt aussehen. Jetzt m\u00fcssen Sie Ausnahmen behandeln.<\/p>\n Jede Stelle im CSS, an der Sie die Textrichtung und Float-Elemente festlegen, erfordert manuelle Aufmerksamkeit.<\/p>\n Finden Sie alle Selektoren f\u00fcr text-align, float und clear. Wenn eine dieser Angaben eine Richtung angibt, wechseln Sie zwischen ‚rechts‘ und ‚links‘. Erinnern Sie sich an dieses Spiegelbild, das wir zu erreichen versuchen, und es wird Ihnen das Verst\u00e4ndnis dieser Transformation erleichtern.<\/p>\n Eine weitere Sache, auf die Sie achten sollten, sind Grafiken mit der Bedeutung ‚Richtung‘. Wenn Sie zum Beispiel eine Diashow erstellen, k\u00f6nnen Sie Pfeile f\u00fcr das n\u00e4chste und das vorherige Element verwenden. Denken Sie daran, dass Ihre Website in RTL-Sprachen durch einen Spiegel erscheint, also sollten Sie auch die Richtungsgrafiken umdrehen. Wenn Sie einen nach rechts zeigenden Pfeil f\u00fcr ’next‘ in LTR verwenden, sollten Sie einen nach links zeigenden Pfeil f\u00fcr ’next‘ in RTL bereitstellen.<\/p>\n RTL-Sprachen haben nicht die gleichen Schriftarten wie LTR-Sprachen. Wenn Sie ausgefallene Schriftarten verwenden und das Layout Ihres Themes auf diese angewiesen ist, sollten Sie Ersatzschriften f\u00fcr diese Sprachen finden. Wenn Sie eine Schriftart w\u00e4hlen, die es in einer RTL-Sprache nicht gibt, greift der Browser auf das zur\u00fcck, was er kennt. Es ist besser, wenn Sie alternative Schriftarten angeben, die Ihnen gefallen.<\/p>\n Wenn Sie Standard-Web-Schriften verwenden, ist alles in Ordnung.<\/p>\n Wenn Sie Ihre RTL-CSS-Datei entwickeln, ist es eine gute Idee, das, was Sie tun, immer zu testen.<\/p>\n Sie kennen keine RTL-Sprachen? Verwenden Sie einfach Google Translate. Die \u00dcbersetzung wird gr\u00f6\u00dftenteils unsinnig sein, aber f\u00fcr die Entwicklung von CSS ist das in Ordnung.<\/p>\n Gehen Sie nun die verschiedenen Arten von Inhalten auf Ihrer Website durch. Stellen Sie sicher, dass Sie Beitr\u00e4ge, Seiten, die Startseite und alle von Ihnen erstellten ma\u00dfgeschneiderten Inhalte einbeziehen.<\/p>\n Die besten Ergebnisse erzielen Sie, wenn Sie jemanden finden, der diese Sprache spricht, und ihn bitten, f\u00fcr Sie eine \u00dcberpr\u00fcfung durchzuf\u00fchren. Ihr RTL-sprachiger Freund wird die restlichen 5% der Probleme erkennen, die Ihnen entgehen. Das ist ’nice to have‘, also stellen Sie Ihre RTL-Bem\u00fchungen nicht ein, wenn Sie niemanden kennen, der beim Testen hilft. Sobald Sie die RTL-f\u00e4hige Version Ihres Themes ver\u00f6ffentlichen, werden Sie viel Feedback von Ihren Kunden erhalten. Wenn Sie 95% des Aufwands \u00fcbernehmen, sind sie gerne bereit, Korrekturen f\u00fcr die restlichen 5% beizusteuern.<\/p>\n Die Grundvoraussetzung f\u00fcr ein RTL-kompatibles Theme ist, dass das Frontend (\u00f6ffentliche Inhalte) in RTL-Sprachen korrekt angezeigt wird. Dies ist die eigentliche Grundlage, ohne die niemand Ihr Theme zur Erstellung von Websites in RTL-Sprachen verwenden kann.<\/p>\n Au\u00dferdem m\u00f6chten viele Benutzer den WordPress-Admin in ihrer Sprache haben. Das bedeutet auch, dass Sie die Verwaltungsbildschirme Ihres Themes in RTL-Ausrichtung sehen k\u00f6nnen.<\/p>\n Der einfachste Weg, diese RTL-Kompatibilit\u00e4t f\u00fcr die Verwaltungsbildschirme Ihres Themes zu erreichen, ist die Verwendung der Standard-CSS-Klassen von WordPress f\u00fcr GUI-Elemente. Das bedeutet zwar, dass Sie keine ausgefallenen CSS-Effekte verwenden k\u00f6nnen, um Ihre GUI aufzuhellen. Das bedeutet auch, dass sich Ihre GUI perfekt in den WordPress-Admin einf\u00fcgt und in LTR \/ RTL korrekt angezeigt wird.<\/p>\n Wenn Sie Ihr ma\u00dfgeschneidertes CSS f\u00fcr Verwaltungsbildschirme verwenden m\u00fcssen, pr\u00fcfen Sie, wie es in einer RTL-Sprache aussieht. Die gleichen Regeln, die Sie f\u00fcr das Frontend-CSS befolgen, gelten auch f\u00fcr das Backend. Flip richtet aus, floatet und l\u00f6scht; vermeiden Sie absolute Positionierung und achten Sie auf Bilder.<\/p>\n Zu Ihrer Information: Die Standard WordPress Themes sind alle perfekt f\u00fcr RTL-Sprachen geeignet. \u00d6ffnen Sie das Standard Theme und suchen Sie die Datei rtl.css. Sie werden sehen, welche \u00c4nderungen es am CSS f\u00fcr das Standard Theme vorgenommen hat. In der Regel sind diese \u00c4nderungen ziemlich klein und einfach zu befolgen.<\/p>\n","protected":false},"excerpt":{"rendered":" RTL bedeutet von rechts nach links. Nur wenige Sprachen auf der Welt verwenden die RTL-Textrichtung, aber diese Sprachen umfassen mehr als eine Milliarde Menschen. Das Hinzuf\u00fcgen von RTL-Unterst\u00fctzung f\u00fcr Ihr Theme ist einfach und kann seinen Marktwert erheblich steigern. Hier sind zwei Seiten, eine in RTL- und eine in LTR-Richtung (normal): Englisch – LTR Hebr\u00e4isch […]<\/p>\n","protected":false},"author":2,"featured_media":0,"parent":8605,"menu_order":127,"comment_status":"closed","ping_status":"closed","template":"template-sidebar-2.php","meta":{"_bbp_topic_count":0,"_bbp_reply_count":0,"_bbp_total_topic_count":0,"_bbp_total_reply_count":0,"_bbp_voice_count":0,"_bbp_anonymous_reply_count":0,"_bbp_topic_count_hidden":0,"_bbp_reply_count_hidden":0,"_bbp_forum_subforum_count":0,"ep_exclude_from_search":false,"footnotes":""},"related-projects-category":[],"class_list":["post-15714597","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/wpml.org\/de\/wp-json\/wp\/v2\/pages\/15714597","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/wpml.org\/de\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/wpml.org\/de\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/wpml.org\/de\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/wpml.org\/de\/wp-json\/wp\/v2\/comments?post=15714597"}],"version-history":[{"count":1,"href":"https:\/\/wpml.org\/de\/wp-json\/wp\/v2\/pages\/15714597\/revisions"}],"predecessor-version":[{"id":15714599,"href":"https:\/\/wpml.org\/de\/wp-json\/wp\/v2\/pages\/15714597\/revisions\/15714599"}],"up":[{"embeddable":true,"href":"https:\/\/wpml.org\/de\/wp-json\/wp\/v2\/pages\/8605"}],"wp:attachment":[{"href":"https:\/\/wpml.org\/de\/wp-json\/wp\/v2\/media?parent=15714597"}],"wp:term":[{"taxonomy":"related-projects-category","embeddable":true,"href":"https:\/\/wpml.org\/de\/wp-json\/wp\/v2\/related-projects-category?post=15714597"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}
\n{
\ndirection:rtl;
\nunicode-bidi:embed;
\n}
\n<\/code><\/p>\nTextrichtung umdrehen, schweben lassen und l\u00f6schen<\/h2>\n
Grafiken, die eine Richtung vorgeben<\/h2>\n
Auswahl ma\u00dfgeschneiderter Schriftarten<\/h2>\n
Wie Sie Ihr Theme in RTL testen<\/h2>\n
\n
<\/a><\/a><\/a>Bonusmaterial – Ihr Theme-Admin in RTL-Sprachen<\/h2>\n
<\/a>Eine gro\u00dfartige Referenz – das Standard WordPress Theme<\/h2>\n