{"id":2625,"date":"2011-02-07T00:00:41","date_gmt":"2011-02-06T22:00:41","guid":{"rendered":"http:\/\/www.frische-zitronen.de\/?p=2625"},"modified":"2018-02-24T12:30:23","modified_gmt":"2018-02-24T10:30:23","slug":"mehrspachige-webseiten-mit-contao","status":"publish","type":"post","link":"https:\/\/www.jukemedia.de\/blog\/2011\/02\/mehrspachige-webseiten-mit-contao\/","title":{"rendered":"Mehrsprachige Webseiten mit Contao"},"content":{"rendered":"

Contao ist multidomainf\u00e4hig. Das kann man sich zunutze machen, wenn mehrsprachige Webseiten erstellt werden sollen. Dazu wird in der Seitenstruktur pro Sprache ein eigener Seitenbaum erzeugt. In den Einstellungen kann pro Seitenbaum eine eigene Domain eingerichtet werden. So ist es z.B. m\u00f6glich mit nur einer (1) Installation eine Webseite in Deutsch und gleichzeitig eine ins Englisch \u00fcbersetzte Seite unter zu ver\u00f6ffentlichen.
\n<\/strong><\/p>\n

\"Bild<\/a><\/p>\n

Das Einrichten einer mehrsprachigen Webseite mit Contao stellt h\u00f6here Anspr\u00fcche an den Webdesigner. Die \u00dcbersetzung einer Seite bezieht sich n\u00e4mlich meist nicht nur nur auf die geschriebenen Textinhalte. Neben diesen und der Navigation gibt es noch weitere Module, in denen deutsche S\u00e4tze vorhanden sind. Auch diese m\u00fcssen \u00fcbersetzt werden.<\/p>\n

Es kann im Backend un\u00fcbersichtlich werden, wenn die in Deutsch angelegten Layouts f\u00fcr die jeweilig andere Sprache geklont werden. In den Layouts befinden sich Module mit Standard-Anweisungen, die in die jeweilie Sprache \u00fcbersetzt werden m\u00fcssen.<\/p>\n

Hat man z.B. eine 4-sprachige Webseite in Deutsch mit 5-6 Seitenvorlagen angelegt, ergeben sich 4 x 6 = 24 Seitenlayouts. Werden sp\u00e4ter Module an eine andere Stelle verschoben, so summiert sich der Arbeitsaufwand gleich 4-fach, weil diese \u00c4nderung synchron auch f\u00fcr die Webseiten der anderen Sprachen wiederholt werden m\u00fcssen.<\/p>\n

Sinnvoller ist es darum, wenn man umgekehrt denkt. Nicht „welches Seitenlayout bindet welche Module ein“<\/strong> sondern „welches Modul soll auf welcher Seite erscheinen<\/strong>„.
\nUm Seitenlayouts und Module einzusparen, hier ein paar Vorschl\u00e4ge, mit denen sich die sp\u00e4tere inhaltliche Pflege weniger zeitaufw\u00e4ndig gestalten l\u00e4sst.<\/p>\n

Keine doppelten Navigationsmodule mit der Erweiterung „changelanguage“<\/h3>\n

Als wichtigste Erweiterung, m\u00f6chte ich die von Andreas Schempp entwickelte, Erweiterung „changelanguage“ vorstellen.
\nDie Contao Erweiterung changelanguage anschauen und downloaden<\/a><\/p>\n

Einmal installiert, legt man die Hauptdomain (z.B. im Seitenbaum den deutschen Startpunkt einer Webseite) fest und bestimmt, dass diese in Deutsch verfasste Seite die Fallbackseite ist. Das hei\u00dft: Wenn z.B. ein Browser mit der L\u00e4nderkennung „Italien“ oder vereinfacht ausgedr\u00fcckt: wenn ein Italiener meine Seiten betritt und eine italienische Version nicht vorhanden ist, dann wird die deutsche Seite angezeigt.
\nWenn ich hingegen eine zweisprachige Webseite mit einem deutschen und einem englischen Seitenbaum habe, dann wird die englische Seite angezeigt, wenn in der englischen Seitenstruktur in den Seiteneinstellungen bei „Sprache“ das L\u00e4nderk\u00fcrzel „en“ eingetragen wurde.<\/p>\n

Das Sch\u00f6ne an dieser Erweiterung ist, dass zur Sprache der Hauptdomain (z.B. Deutsch) auf jeder Seite anklickbare Flaggen oder Links erscheinen f\u00fcr die weiteren verf\u00fcgbaren Sprachen (z.B. Englisch, Franz\u00f6sisch, Russisch) erscheinen und die Seite quasi „simultan“ \u00fcbersetzt wird.<\/p>\n

Um die Erstellung eines andersprachigen Navigationsmen\u00fcs muss man sich nicht k\u00fcmmern. Es m\u00fcssen f\u00fcr die jeweils anderen Sprachen keine zus\u00e4tzlichen Module in den anderen Sprachen angelegt werden. Im Seitenbaum der anderen Sprache erscheint nach Installation von changelanguage oben rechts ein neues Auswahlmen\u00fc mit der \u00dcberschrift „Fallback-Seite“. Befindet man sich beispielsweise im englischen Seitenbaum auf einer Seite namens „About us“ w\u00fcrde man als Fallbacksseite im deutschen Seitenbaum dieser Seite die Seite „\u00dcber uns“ zuordnen.<\/p>\n

Und, was ich zun\u00e4chst auch \u00fcbersehen hatte: es ist an alles gedacht, denn es kann ja durchaus vorkommen, dass man einem englischen Publikum etwas anderes sagen m\u00f6chte als einem deutschen und im englischen Seitenbaum mehr Seiten angelegt hat. In diesem Fall w\u00fcrde es keine Fallbackseite geben. In Quelltext geschaut erkennt man, dass dann der Link eine Klasse „nofallback“ hat. Via CSS und display: none, kann man dann erreichen, dass auf Seiten, zu denen es keine Fallbackseite gibt die Flagge f\u00fcr die \u00dcbersetzung nicht erscheint.<\/p>\n

Was jedoch noch offen ist, ist der umgekehrte Fall<\/strong>: in der Hauptsprache ist eine Seite vorhanden, die im es anderssprachigen Seitenbaum nicht gibt. Hier w\u00e4re es vielleicht eine Anregung die Erweiterung mit der M\u00f6glichkeit der Einrichtung einer Weiterleitungsseite auszustatten auf der man dann z.B. eintragen k\u00f6nnte: „this site is not available in english“ \u2026 oder so.<\/p>\n

Module und damit Layouts einsparen mit Insert-Tags<\/h3>\n

Die kleinen und fast unscheinbare Codeschnippsel der Inserttags sollte man nicht untersch\u00e4tzen, denn sie haben es in sich. Mit Ihnen kann man allerlei anstellen, wer sie noch nicht kennen sollte, dem sei ein Blick in folgende Liste empfohlen: Liste der Contao Inserttags<\/a><\/p>\n

Und was kann man jetzt davon in mehrsprachigen Webseiten einsetzen?
\nEin Fallbeispiel<\/strong>: Im deutschen Seitenbaum wurde ein Modul vom Typ „Eigener Code“ erstellt und darin folgende Zeilen eingetragen:<\/p>\n

„Bei Fragen und Problemen besuchen Sie doch einfach mal die freundliche Contao-Community. Contao Hilfe-Forum <\/a><\/p><\/blockquote>\n

F\u00fcr die englische Ausgabe der Seite soll der Text wie folgt lauten:<\/p>\n

„If you have any questions, don’t hesitate to visit the friendly Contao-community<\/a>.<\/p><\/blockquote>\n

Nun k\u00f6nnte man eine L\u00f6sung sozusagen „zu Fu\u00df“ konstruieren, ein geklontes Layout anlegen und statt des deutschsprachigen Moduls an entsprechender Stelle das englischsprachige einsetzen.
\nEleganter geht es aber mit dem Inserttag „iflng<\/strong>„. Angenommen das deutschsprachige Modul h\u00e4tte die ID 10 und das englischsprachige Modul die ID12, legt man einfach ein weiteres Modul vom Typ „eigener Code“ an und f\u00fcgt folgende Zeilen ein
\n
\n{{iflng::de}} {{insert_module::10}} {{iflng}} {{iflng::en}} {{insert_module::12}} {{iflng}}<\/code>
\n<\/p>\n

Man kann das Ganze nat\u00fcrlich auch noch schlanker realisieren indem man nur ein Modul (Typ: Eigener Code) anlegt und Folgendes eintr\u00e4gt.
\n
\n{iflng::de}}Bei Fragen und Problemen besuchen Sie Contao-Community.\u00a0 contao-community.de <\/a>{{iflng}}
\n{{iflng::en}}If you have any questions, don't hesitate to visit the friendly Contao-community. contao-community.org<\/a>{{iflng}}<\/code>
\n<\/p>\n

Layouts sparen mit der Contentbox<\/h3>\n

Eine Webseite lebt nicht nur vom Design allein und auch nicht nur von der Technik. Um einen Besucher f\u00fcr sich zu gewinnen ist es – wie im richtigen Leben oft auch – eine Frage wie man Menschen anspricht, wie hei\u00dft es doch so sch\u00f6n: der Ton macht die Musik. Sehr beliebt sind daher die auf vielen Webseiten zu sehenden bedeutungsschwangeren Zitate bekannter Menschen, die eine gewisse Stimmung erzeugen und die – meiner Meinung nach – nur leider\u00a0 zu oft und zu leichtsinnig verwendet werden, denn auch Zitate und Aphorismen unterliegen dem Urheberrecht, aber das ist eine andere Baustelle.<\/p>\n

Nehmen wir mal an, wir haben eine Webseite mit mehreren Zitaten von unser aller Freund Goethe.<\/p>\n

Startseite-de <\/strong><\/p>\n

Auch aus Steinen, die einem in den Weg gelegt werden, kann man Sch\u00f6nes bauen<\/p><\/blockquote>\n

Startseite-en <\/strong><\/p>\n

Even the stones that have been placed in one’s path can be made into something beautiful.<\/p><\/blockquote>\n

Produkte-de<\/strong><\/p>\n

Mit dem Wissen w\u00e4chst der Zweifel.<\/p><\/blockquote>\n

Produkte-en<\/strong><\/p>\n

With konwledge doubt increases.<\/p><\/blockquote>\n

Nun k\u00f6nnte man sicherlich auch diese Zitate mit inserttags sprachabh\u00e4ngig anzeigen lassen, wenn jedoch zum Beispiel auf jeder zweiten Seite einer Installation ein anderes Zitat erscheinen soll, w\u00fcrde ich eher dazu tendieren die Erweiterung ContentBox<\/a> von Christian Wenzel und Markus Mikereit | computino.de<\/a> einzusetzen.<\/p>\n

Am besten man beginnt nach der Installation zuerst damit ein Modul f\u00fcr die sp\u00e4ter zu erstellenden Contentboxen anzulegen. Dazu wie \u00fcblich ==>Module<\/strong> anklicken und ein Modul vom Typ\u00a0 ==>Contentbox<\/strong> erstellen (zu finden unter „Verschiedenes“) und festlegen in welchem Layoutbereich das Modul angezeigt werden soll.<\/p>\n

\"Bild<\/p>\n

Wie man nach der Installation der Erweiterung unschwer erkennen kann, ist im Backend die Seitenleiste um einen Navigationspunkt reicher geworden. Klickt man auf den neuen Link „contentbox<\/strong>“ kann man im weiteren Verlauf f\u00fcr jedes Zitat eine solche Box erstellen.<\/p>\n

\"Bild<\/p>\n

Die Verfahrensweise ist denkbar einfach: im Textfeld kann man das Zitat einf\u00fcgen und anschlie\u00dfend in der Seitenbaum die Seiten ausw\u00e4hlen, auf der das Zitat erscheinen soll. Im Auswahlfeld „Anzeigen in Modul“ ist das zuvor erstellte Modul „Zitate“ sichtbar und wird durch Klick der contentbox zugeordnet. In der Seitenvorlage muss man nun nur noch an geeigneter Stelle das Modul „zitate“ unter „eigebundene Module“ platzieren und der Fisch ist geputzt. Etwas tricky kann es werden wenn man z.B. im Laufe der Bearbeitung einer Webseite zun\u00e4chst nur ein Zitat f\u00fcr alle Seiten eingef\u00fcgt hat und erst sp\u00e4ter weitere Zitate einarbeitet. Dann darf man nat\u00fcrlich nicht vergessen die Haken beim ersten Zitat an entsprechender Stelle wieder herauszunehmen.<\/p>\n

Layouts und Module sparen mit der Erweiterung z_modulealias<\/h3>\n

Im Contao ER (extension repository) zu finden ist auch die Erweiterung z_modulealias<\/a>, mit der man ebenfalls den umgekehrten Weg beschreiten kann. Es werden nicht dem Layout die Module zugeordnet, sondern den Modulen gesagt, auf welchen Seiten erscheinen sollen. Nach der Installation sind alle Module unter den Experten Einstellungen mit der zus\u00e4tzlichen Auswahlliste „verkn\u00fcpfte Seiten“ ausgestattet.<\/p>\n

Klick darauf \u00f6ffnet den Seitenbaum aus welchem man dann ganz einfach die Seiten ausw\u00e4hlt, auf denen das Modul erscheinen soll.<\/p>\n

\"Bild<\/p>\n","protected":false},"excerpt":{"rendered":"

Contao ist multidomainf\u00e4hig, sehr praktisch, denn alle andersprachigen Webseiten lassen sich in einer Installation pflegen. Je mehr \u00dcbersetzungen jedoch hinzukommen, kann es auf herk\u00f6mmlichen Weg zunehmend un\u00fcbersichtlich werden wenn man neben der Navigation auch noch zahlreiche sprachabh\u00e4ngige Module \u00fcbersetzen und einbinden muss. Welche Erweiteurng ich gefunden habe die helfen das Chaos zu vermeiden, dazu mehr in diesem Artikel<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[11],"tags":[1039,50],"yst_prominent_words":[645,1036,659,1042,804,1043,858,1023,1024,1025,1026,1027,1028,1029,1031,1032,1033,1034,536,1035],"class_list":["post-2625","post","type-post","status-publish","format-standard","hentry","category-contao","tag-webentwicklung","tag-erweiterungen"],"_links":{"self":[{"href":"https:\/\/www.jukemedia.de\/blog\/wp-json\/wp\/v2\/posts\/2625","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.jukemedia.de\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.jukemedia.de\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.jukemedia.de\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.jukemedia.de\/blog\/wp-json\/wp\/v2\/comments?post=2625"}],"version-history":[{"count":9,"href":"https:\/\/www.jukemedia.de\/blog\/wp-json\/wp\/v2\/posts\/2625\/revisions"}],"predecessor-version":[{"id":4510,"href":"https:\/\/www.jukemedia.de\/blog\/wp-json\/wp\/v2\/posts\/2625\/revisions\/4510"}],"wp:attachment":[{"href":"https:\/\/www.jukemedia.de\/blog\/wp-json\/wp\/v2\/media?parent=2625"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.jukemedia.de\/blog\/wp-json\/wp\/v2\/categories?post=2625"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.jukemedia.de\/blog\/wp-json\/wp\/v2\/tags?post=2625"},{"taxonomy":"yst_prominent_words","embeddable":true,"href":"https:\/\/www.jukemedia.de\/blog\/wp-json\/wp\/v2\/yst_prominent_words?post=2625"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}