TYPO3-REDAKTEURSHANDBUCH Erstellung von Webseiten mit dem TYPO3-CMS der HHU Düsseldorf ZIM Zentrum für Informations- und Medientechnologie ZIM - TYPO3-Team HHU Düsseldorf Ansprechpartner ZIM Dr. Sebastian Manten TYPO3 Version 6.2 Stand 2015 powered by WEB: www.zim.hhu.de/typo3 TYPO3-Wiki: https://wiki.hhu.de E-Mail: cms@hhu.de
TYPO3-Redakteurshandbuch................................................ 3 20. Englische Übersetzung (E)*............................................. 4 1 Leere englische Seite (E)................................................ 5 2 Einfache Seiteninhalte (E)............................................... 7 3 Sitemaps (E)......................................................... 10 4 Verweise, Links, Folder (E).............................................. 13 5 Kontaktdatensätze (Standardfall) (E)....................................... 16 6 Kontaktdatensätze (Spezialfall) (E)........................................ 20 7 Sichtbarkeit der Seiten (E)............................................... 21 8 Englische Flagge deaktivieren (E)......................................... 22 2
TYPO3-REDAKTEURSHANDBUCH 3
20. ENGLISCHE ÜBERSETZUNG (E)* Leere englische Seiten erstellen (Web, Seite) Übersetzen von einfachen Inhaltselementen (Web, Seite) Übersetzen von Sitemaps (Web, Seite) Übersetzen von Verweisen, Links zu externen URL's und Foldern (Web, Seite) Übersetzen von Kontaktdatensätzen - Standardfall (Web, Liste) Übersetzen von Kontaktdatensätzen - Spezialfall (Web, Liste) Demnäch st hier verfügbar! Frontend: Englische Seiten sichtbar machen Frontend: Englische Flagge deaktivieren FAQ's Stand: V2-13.04.2015 4
LEERE ENGLISCHE SEITE (E) Zu jeder deutschen Seite im TYPO3 kann man eine englische Variante erstellen. Leere englische Seiten werden in der Seitenansicht angelegt. Voraussetzung: Es existiert eine deutsche Seite! Die englische Seite wird innerhalb der deutschen Seite angelegt. Lokakisieren = Übersetzen 1. Schritt Leere englische Seite erstellen Modulgruppe: Web Modul: Seite Reiter "Lokalisierungsansicht" ausklappen Neue Seitenübersetzung anlegen > Englisch auswählen Ausgeklappt: 5
2. Schritt Englischen Seitentitel eintragen Reiter "Allgemein" Title > Page Title > Englischen Seitentitel eintragen Speichern > Schließen 3. Schritt Englische Seite für das Frontend sichtbar machen Icon Englisches Inhaltselement > Linke Maustaste > Sichtbar machen 4. Schritt Englische Seite im Frontend anschauen Entweder: Im Frontend am rechten Seitenrand auf englische Flagge klicken (Dazu muss die Seite aktiviert sein). Oder: Backend > Lokalisierungsansicht > ausgewählte Sprache > Englisch Lupensymbol > Webseite anzeigen 6
EINFACHE SEITENINHALTE (E) TYPO3 unterscheidet folgende typische Seiteninhalte: normalem Text, Text mit Bild, nur Bilder oder Tabelle. Diese einfache Seiteninhalte werden in der Seitenansicht übersetzt. Voraussetzung: Es existiert eine englische Seite! Siehe dazu Kapitel: "Leere englische Seite (E)" Der Redakteur muss den Text selbst übersetzen Lokalisieren = Übersetzen Content-Element = Inhaltselement = Seiteninhalt 1. Schritt Auf leerer englische Seite Übersetzung des Seiteninhaltes vorbereiten Reiter "Lokalisierungsansicht" Ausgewählte Sprache: Englisch (Zur Erklärung - Ausgewähle Sprache: Standard = Deutsch) Darstellungsmodus: Ausgewählte Sprache Seiteneigenschaften bearbeiten:?? Linkes Fragezeichen: Deutsch, Rechtes Fragezeichen: Englisch Bei Bedarf von Englisch nach Deutsch umstellen > Edit Standard (= Deutsch), Edit English Neue Seitenübersetzung anlegen: bleibt leer! Bei allen Inhaltselementen der Seite erscheint nun "Kopie für Übersetzung erstellen (English)" 7
2. Schritt Im Inhaltselement eine "Kopie für Übersetzung erstellen (English)" English > "Kopie für Übersetzung erstellen (English)" > anklicken Englisches Inhaltselement wird generiert 3. Schritt Deutschen Seiteninhalt manuell übersetzen Icon neben "English" > Linke Maustaste > bearbeiten (Zum bequemen Übersetzen wird der deutscher Text standardmäßig übernommen) Englischen Text eingeben > Deutschen Text löschen 4. Schritt Englische Seite für das Frontend sichtbar machen Icon neben "English" > Linke Maustaste > Sichtbar machen 8
5. Schritt Englische Seite im Frontend anschauen Entweder: Im Frontend am rechten Seitenrand auf englische Flagge klicken (Dazu muss die Seite aktiviert sein). Oder: Backend > Lokalisierungsansicht > ausgewählte Sprache > Englisch Lupensymbol > Webseite anzeigen 6. Sonderfall Es wird nur ein englisches, jedoch kein deutsches Content-Element benötigt. Auf deutscher Seite ein beliebiges Content-Element erstellen Umwandeln des deutschen Content-Elements in ein englisches Content-Element: Reiter "Allgemein" > "Language > STANDARD" ändern in "Language > ENGLISH" Resultat: Auf der englischen Seite befindet sich ein englisches Content-Element. Auf der deutschen Seite existiert kein deutsches Gegenstück. Merke - Was sehen wir im Frontend der englischen Version? 1. Wurde keine englische Übersetzung der Seite angelegt > deutscher Text 2. Wurde eine englische Übersetzung der Seite angelegt, gilt für die Inhaltselemente: "Kopie für Übersetzung erstellen": nicht angeklickt > leere englische Seite "Kopie für Übersetzung erstellen": angeklickt, jedoch nicht übersetzt > deutschen Text "Kopie für Übersetzung erstellen": angeklickt und Seite übersetzt > englischen Text 9
SITEMAPS (E) Sitemaps werden immer in der Seitenansicht übersetzt. Voraussetzung: Es existiert eine deutsche Seite mit Sitemap und deutschen Zielseiten Von dieser deutschen Seite wurde bereits eine englische Übersetzung erstellt Siehe dazu Kapitel: "Leere englische Seite (e)" Frage: Sollen englische und deutsche Sitemap identisch konfiguriert werden? Siehe dazu Fall A und Fall B Sichtbar machen = Aktivieren = Freigeben Unterscheidung: Im Frontend sieht man eine Sitemap. Im Backend spricht man vom Sitemap-PlugIn. A. Englische Sitemap: Einfache Variante Englische und deutsche Sitemap-PlugIn's sind gleich konfiguriert. Es existiert nur ein Sitemap-PlugIn, das sowohl in der englischen als auch in der deutschen Seite verwendet wird. Deutsche Sitemap > Element bearbeiten PlugIn > Hier werden Einstellungen wie Festsetzen des Startpunkts, Tiefe der Sitemap u.a. vorgenommen Reiter "Allgemein" > Language > ALLE > speichern/schließen Jetzt wird diese Sitemap mit der festgelegten Konfiguration sowohl in die deutsche als auch in die englische Seite eingebunden. Auf der deutschen Seite werden nur deutsche Zielseiten aufgelistet. Auf der englischen Seite werden nur englische Zielseiten aufgelistet. Seiten, die nicht übersetzt sind, werden nicht angezeigt! B. Englische Sitemap: Spezifische Konfiguration Englische und deutsche Sitemap sind unterschiedlich konfiguriert. Ein englisches Sitemap-PlugIn muss manuell erstellt werden. Um eine englische Sitemap mit einer eigenen, spezifischen Konfiguration zu erstellen, wird zusätzlich zur deutschen Sitemap - wie bei anderen Content-Elementen auch - manuell eine Übersetzung angelegt. 10
1. Schritt Auf der englischen Seite innerhalb der deutschen Sitemap eine englische Sitemap erstellen. English > "Kopie für Übersetzung erstellen" (Englisch) > anklicken Englische Sitemap wird generiert Reiter "Allgemein" > Language > ENGLISH wird von TYPO3 automatisch gewählt 2. Schritt Englische Sitemap konfigurieren English > Sitemap-Icon > linke Maustaste > bearbeiten PlugIn > spezifische Konfiguration durchführen > speichern/schließen 3. Schritt Übersetzen der gewünschten Unterseiten Siehe dazu Kapitel: "Einfache Seiteninhalte" (E) 4. Schritt Englische Sitemap für das Frontend sichtbar machen = aktivieren Entweder: Icon Englische Sitemap > linke Maustaste > Sichtbar machen Oder: Stiftsymbol > Seiteneigenschaften bearbeiten > Zugriff > Disable > Häkchen raus 5. Schritt Englische Seite im Frontend anschauen Entweder: Im Frontend am rechten Seitenrand auf englische Flagge klicken (Dazu muss die Seite aktiviert sein). Oder: Backend > Lokalisierungsansicht > ausgewählte Sprache > Englisch Lupensymbol > Webseite anzeigen 11
6. Optional: Spezifische Konfiguration der Sitemap ändern Änderungen in der Konfiguration werden nur dort wirksam, wo sie auch durchgeführt werden. Die deutsche Sitemap wird über die deutsche Konfiguration geändert. Die englische Sitemap wird über die englische Konfiguration geändert. 7. Optional: Wechsel von der spezifischen Konfiguration "B" zur einfachen Variante "A" Deutsche und englische Sitemap sollen wieder gleich aussehen. Falls bereits eine englische Übersetzung der Sitemap vorhanden ist, diese löschen! Deutsche Sitemap > Reiter "Allgemein" > " Language > STANDARD" ändern in " La nguage > ALLE" C. Englische Sitemap ohne deutsche Sitemap Es wird nur auf der englischen Seite eine englische Sitemap benötigt. Auf der deutschen Seite existiert kein deutsches Gegenstück. Auf deutscher Seite eine Sitemap erstellen Umwandeln der deutschen Sitemap in eine englische Sitemap Reiter "Allgemein" > " Language > STANDARD" ändern in " Language > ENGLISH" 12
VERWEISE, LINKS, FOLDER (E) Verweise, Links zu externen URL's und Ordner (Folder) kann man nur in der Listenansicht übersetzen. Im Folgenden wird exemplarisch das Erstellen von englischen Verweisen beschrieben. Gleiche Vorgehensweise gilt für Links zu externen URL's und Ordnern. Vorausetzung bei Verweisen: Es existiert eine deutsche Zielseite ( target) innerhalb des TYPO3-Auftritts der HHU. Zu dieser Seite gibt es bereits eine englische Übersetzung. Diese englische Zielseite ist im Frontend sichtbar, also aktiviert. Auf die deutsche Zielseite ist ein Verweis gesetzt. Anschließend kann der deutsche Verweis wie folgt übersetzt werden: 1. Schritt Neue Seitenübersetzung anlegen Modulgruppe: Web Modul: Seite Seitenbaum > Deutscher Verweis, der übersetzt werden soll > anklicken Reiter > Übersetzungen > anklicken 13
Neue Seitenübersetzung anlegen > Auswahl aufklappen English > auswählen 2. Schritt Englischen Verweis bearbeiten Verweismodus > "Ausgewählte Seite" auswählen Verweisziel > Ordnersymbol rechts neben der leeren Zeile > Datensätze durchblättern > Verweisziel auswählen (Eine Zeile tiefer wird das Ziel des deutschen Verweises angezeigt.) Titel > Seitentitel > Englischen Seitentitel eingeben > speichern > schließen (Eine Zeile tiefer wird der Seitentitel des deutschen Verweises zur Erinnerung angezeigt.) 14
15
KONTAKTDATENSÄTZE (STANDARDFALL) (E) Einsatzgebiet Die Erstellung eines englischen Kontaktdatensatzes in der kurzen Standardform ist schnell und unkompliziert. Vorgehensweise Erster Schritt Voraussetzung: Es existiert ein deutscher Kontaktdatensatz! Im fertig ausgefüllten deutschen Kontaktdatensatz wird manuell die englische Funktionsbezeichnung eingetragen und, wenn gewünscht, auch eine englische Version der Sprechzeiten. Die Bezeichnungen "Gebäude, Etage, Raum, Telefon, Fax, "E-Mail senden an" " werden automatisch übersetzt. Die dazugehörigen Werte, Zahlen oder Nummern werden mit übernommen. Hierzu arbeitet man in der Listenansicht. Zweiter Schritt Voraussetzung: Es existiert ein deutsches Kontakt-PlugIn! Im deutschen KontaktPlugIn wird als Besonderheit "Language" auf "alle" gesetzt. Die hier beschriebene Vorgehensweise lässt sich auf folgende PlugIn's anwenden "Kontakte über Person auswählen" "Kontakte über Funktion auswählen" "Kontakte über Institution auswählen" mit und ohne Detailseite Vorteile dieses Verfahrens Nachträgliche Änderungen am Kontaktdatensatz wirken sich sowohl auf die deutsche als auch auf die englische Variante aus. Es wird nur ein PlugIn für beide Sprachen gebraucht. Mit Anklicken der englischen Flagge im Frontend erfolgt die Übersetzung automatisch (Eine separate Lokalisierung ist nicht erforderlich.). 16
1. Schritt Im deutschen Kontaktdatensatz englische Datenfelder ausfüllen. Modulgruppe: Web Modul: Liste Gewünschten Ordner "Personen [Name der Einrichtung] " > anklicken Richtige Person auswählen Stiftsymbol anklicken Beache: Unten müssen alle drei Häkchen gesetzt sein! Damit der englische und der deutsche Datensatz inhaltsgleich sind, sollten folgende beiden Datenfelder ausgefüllt werden: "Funktion" In deutscher Sprache bereits vorhanden: z. B. "Lehrstuhlinhaber" "Funktion englisch" hier die passende Übersetzung eintragen: "Section Head" "Sprechzeiten" In deutscher Sprache möglicher Weise vorhanden: z.b. "Täglich 10-12 Uhr" "Sprechzeiten englisch" falls in deutscher Sprache vorhanden, hier die passende Übersetzung eintragen: "Daily from 10 to 12 a.m." Ansonsten das Feld leer lassen. Speichern > Schließen Für diese standardmäßige Übersetzung von Kontaktdatensätzen sind keine weiteren manuellen Übersetzungen erforderlich. 17
2. Schritt Im Backend wird im deutschen Kontakt-PlugIn "Language" auf "Alle" gesetzt. Modulgruppe: Web Modul: Seite Reiter "Allgemein" > Language > ALLE > speichern/schließen 18
Deutsche und englische Version der Kontaktdaten Screenshot 19
KONTAKTDATENSÄTZE (SPEZIALFALL) (E) Demnächst hier verfügbar! 20
SICHTBARKEIT DER SEITEN (E) Gilt speziell für englische Seiten Um englische Seite im Frontend sichtbar zu machen, müssen sie erst aktiviert werden. Sichtbar machen = aktivieren = freigeben Entweder: Icon Englische Sitemap > linke Maustaste > Sichtbar machen Oder: Stiftsymbol > Seiteneigenschaften bearbeiten > Zugriff > Page > Disable > Häkchen raus Um die aktivierten englischen Seiten anschließend im Frontend anzuschauen, muss auf die englische Sprache gewechselt werden. Entweder: Im Frontend am rechten Seitenrand auf englische Flagge klicken Oder: Backend > Lokalisierungsansicht > ausgewählte Sprache > Englisch Lupensymbol > Webseite anzeigen Navigation zwischen den englischen Seiten im Backend Im Seitenbaum werden die englischen Seiten nicht angezeigt! In der Listenansicht wird unter dem deutschen Seiteninhalt - leicht eingerückt - der englische Seiteninhalt angezeigt. Bereits übersetzten Seiteninhalte sind unter "[Lokalis ierung]" mit der englischen Flagge gekennzeichnet. Frontend: Identifizierung der englischen Seiten In der Seitenvorschau endet die URL der englischen Seiten mit L=1. Beispiel: https://www.uni-duesseldorf.de/xxxx/aaaax.php?id=aaaaa&l=1 In der Seitenvorschau endet die URL der deutschen Seiten mit der TYPO3-internen id. Diese id wird auch beim Mouse-Rollover im Seitenbaum angezeigt. Gilt für alle Seiten Aktualisieren der Seitenvorschau Bevor Backend-Änderungen im Frontend zu sehen sind, muss die Seite aktualisiert werden. Symbol "Runder Pfeil" oben rechts neben der URL > Aktuelle Seite neu laden Im Pop-up-Blocker des Browsers muss als Ausnahme die HHU eingetragen werden. Firefox > Extras > Einstellungen > Inhalt > Ausnahme > www.uni-duesseldorf.de 21
ENGLISCHE FLAGGE DEAKTIVIEREN (E) Sichtbarkeit der englischen Flagge im Frontend Standardmäßig ist auf allen übersetzten und nicht übersetzten TYPO3 Seiten der HHU die englische Flagge sichtbar. Ausblenden der englischen Flagge Für definierte Bereiche im Seitenbaum kann die englische Flagge ausgeblendet werden. Im Frontend wird sie dann nicht mehr angezeigt. Bitte wenden Sie sich dazu an den Bereichsadministrator! 22