ditnetwork Typo3 Benutzerhandbuch

ditnetwork Typo3 Benutzerhandbuch ditnetwork Internetservice Joachim Streit Rottstraße 28 67373 Dudenhofen jstreit@ditnetwork.de Fon.: 0 62 32 / 65 10 04 Fax.: 0 62 32 / 65 10 05

Kleines Manual für typo3 1. BEGRIFFSKLÄRUNG... 3 1.1. FRONTEND... 3 1.2. BACKEND... 3 2. BACKEND-ANSICHTEN... 4 2.1. WEB... 4 2.1.1. Seitenansicht... 4 2.1.2. Anzeigen... 4 2.1.3. Listenansicht... 5 2.1.4. Statistik... 5 2.2. MEDIA... 6 2.3. BENUTZER... 6 2.4. HILFE... 6 2.5. SEITENBAUMNAVIGATION... 6 2.6. SYMBOLE... 7 3. SEITE BEARBEITEN... 8 3.1. SEITENINHALTE... 9 3.1.1. Text... 9 3.1.2. Bilder... 11 3.1.3. News... 12 3.1.4. Links... 14 4. ÜBERSETZUNG... 15 4.1. ALTERNATIVE SEITEN SPRACHE ANLEGEN... 15 4.2. INHALT ÜBERSETZEN... 16

1. Begriffsklärung Um eine einheitliche Sprache zu finden halte ich mich hier sehr stark an denglisch. Das wird sich zwar sehr holprig lesen, hilft aber in einigen Fällen zu einem besseren Verständnis. 1.1. Frontend Unter Frontend wird die eigentliche Homepage verstanden, so wie sie der normale Surfer auch sieht. In unsrem Fall ist es unter http://www.domainname.de erreichbar. Im Frontend kann man sich (nicht in diesem Fall) als website-nutzer einloggen. Auf der Logginseite wird angezeigt in welchem Status man sich befindet, nicht angemeldet, angemeldet als, ausgeloggt. Ebenfalls erscheint an dieser Stelle ein Button zum Ausloggen. Es gibt einen Unterschied zwischen Frontend-User und Backend-User. Das Frontend ist für den normalen Nutzer gedacht. Aus diesem Grunde ist es auch nicht möglich hier Texte zu schreiben oder zu verändern. 1.2. Backend Das Backend, in einigen Programmen auch Backoffice genannt, wird in diesem Fall unter folgender Adresse erreicht: http://domainname.de/typo3. Das Backend dient zur Verwaltung/Administration der Homepage und ist das Herzstück eines Content-Management-Systems (CMS). Hier wird der Inhalt der Seiten eingepflegt und verwaltet. Die Backendbenutzer (BE-User) haben durch den Administrator vergebene Rechte. Der Administrator ist dafür verantwortlich, dass die Rechte richtig vergeben sind damit die BE-User vernünftig arbeiten können.

2. Backend-Ansichten 2.1. WEB Es gibt verschiedene Möglichkeiten sich die Seite und deren Inhalte anzeigen zu lassen. Je nach Tätigkeit kann man sie / muss man sie wechseln. Seitenansicht 2.1.1 Anzeigen 2.1.2 Listenansicht 2.1.3 Statistik 2.1.4. 2.1.1. Seitenansicht Hier Galerie Gezeigt wird in der mittleren Spalte die Seitenstruktur der Homepage, die für den BE-User frei geschaltet ist. Rechts wird der Inhalt der Seite angezeigt und kann dort auch editiert werden. In dieser Ansicht kann der Seiteninhalt editiert werden. In einigen Fällen besteht der Seiteninhalt aber nicht aus Textmodulen sondern aus Funktionen, wie z.b. das Gästebuch, die News und die Links. Diese können nur in der Listenansicht editiert werden. 2.1.2. Anzeigen Hier kann man sich eine Vorschau auf die Homepage anzeigen lassen. Mehr ist unter diesem Punkt nicht möglich.

2.1.3. Listenansicht In dieser Ansicht werden die Inhaltselemente der Funktionen angezeigt, hier die News. Weiterhin wird der Stand der Übersetzung angezeigt (Flaggen). 2.1.4. Statistik Schritt 1) Die Statistik lässt sich entweder über den Punkt Statistik oder aber durch den in der Fußzeile aufgeführten Link anwählen Schritt 2) Die Hauptseite auswählen. Schritt 3) Auf den Link seiten.log klicken. Die Statistik der gesamten Homepage erscheint.

2.2. Media Zurzeit keine Anleitung. Hier können Dateien hochgeladen werden, und für den weiteren Gebrauch verschlagwortet werden. 2.3. Benutzer DOK Häufig bearbeitete Datensätze Aufgabe Platz für interne Notizen Einst. allg. Einstellungen, Passwort, Sprache 2.4. Hilfe Kleine Hilfestellungen, meist auf Englisch. 2.5. Seitenbaumnavigation Um an diese Navigation zu gelangen klickt man mit der linken (!) Maustaste auf ein vorhandenes Ordner- (Seiten-) Symbol. Anschließend kann man den Ordner verstecken, als System Ordner anlegen (wird u.a. für die Lagerhaltung gebraucht) oder in einer erweiterten Ansicht eine Beschreibung, Keywords und mehr eingeben.

2.6. Symbole Der Stift Öffnen der Bearbeiten-Maske Drittes Symbol Änderungsverlauf des Datensatzes anzeigen. Auge sichtbar machen/verstecken eines Datensatzes. Durchgestrichenes Auge = SICHTBAR! Doppel Seite Inhalt kopieren I Symbole Information über den Datensatz Seite mit Stern neuen Datensatz anlegen (nach diesem) Mülltonne löschen. Gelöscht ist gelöscht. bei Unsicherheit besser unsichtbar schalten. Schere Inhalt ausschneiden

3. Seite bearbeiten Um die Seite zu bearbeiten klicken Sie auf den Stift in der oberen rechten Ecke, während Sie sich in der Seitenansicht befinden. 1) Speichern, mit Vorschau in neuem Fenster; Speichern und neues Dokument, Speichern und Schließen, Schließen ohne zu speichern, löschen, rückgängig machen 2) Seite verstecken 3) Seitentitel für die Grundsprache 4) Bitte nichts ändern 5) Auswahl, welche Übersetzung auf der Seite erscheine soll. 6) Verknüpfung der Textmodule Seite verstecken (2): angekreuzt, bedeutet, dass diese Seite nicht im Frontend angezeigt wird. Typ: Erweiterte Ansicht (siehe Bild), System Ordner für Lagerhaltung ( ) Seitentitel, Untertitel (3): Begriff der in der Seitennavigation verwendet wird und in der Seitenübersicht. Allgemeine Optionen: Startzeit der Seite (Datum), Ende der Seite; Verwendung für z.b. Angebote Herbst/Winter, Frühling/Sommer. Zugriff, z.b. nur bestimmte Benutzergruppen.

1) Inhaltsangaben: Dienen zum besseren Nachvollziehen der Seiten im Backend. 2) Autor, Email: Nur bei mehreren Redakteuren wichtig 3) Stichworte: Werden in den Meta-Tags auf der Seite ausgelesen, dies erleichtert das Auffinden der Seite über Suchmaschinen. 4) Beschreibung: Wird ebenfalls für die Meta-Tags der Homepage verwendet. 3.1. Seiteninhalte 3.1.1. Text Um Texte zu verändern wählt man Seitenansicht aus (2.1.1.). Die Symbole bedeuten (v.l.n.r.) Kopieren, Ausschneiden, Verknüpfung erstellen, Löschen, Bearbeiten. Um weitere Inhalte auf einer Seite einzufügen wählt man das Symbol Seite mit Stern.

Hier wählt man das gewünschte Seitenelement aus. Die Maske spricht für sich. Links können einfach als Text eingegeben werden und werden, wie Emailadressen, automatisch richtig übersetzt.

3.1.2. Bilder Eingefügte Bilder werden in der Seitenansicht angezeigt. 1) Überschrift, kann auch versteckt werden 2) Hier können mehrere Bilder hochgeladen werden. 3) Ausrichtung des Bildes zum Text. 4) Wie viele Bilder nebeneinander? 5) Angabe wie groß das/die Bild(er) sein sollen. auf Klick- Vergrößern erzeugt ein Popupfenster im Frontend. 6) Die Bildunterschrift bei mehreren Bildern per Absatz trennen. 7) Alt/Title bitte immer eine kurze Beschreibung angeben was zu sehen ist. (für Menschen die keine Bilder sehen können) 8) Beschreibungstext für das Popup-Fenster, bei mehreren Bildern per Absatz trennen.

Um Bilder einzufügen klickt man auf das Ordnersymbol (Pfeil). Es öffnet sich ein neues Fenster (blauer Rahmen) das eine Auswahl vorhandener Bilder anzeigt. Ein neues Bild wird durch einen Klick eingefügt. Dateien lassen sich durch Kategorien, Medientypen oder einfach im Verzeichnisbaum auflisten. Eine Vorschau erleichtert die Auswahl. Der Doppelpfeil dient zur Sortierung der Bildreihenfolge. 3.1.3. News Um Nachrichten einzupflegen, wählt man in der Fußzeile Nachrichten eingeben. Die Seite News-Ablage wird mit der Listenfunktion angezeigt. Dort wählt man Datensatz anlegen und gelangt zu folgender zweigeteilten Maske:

Datum/Zeit: Wird automatisch ausgefüllt. Autor/Email: Bitte angeben, wird im Frontend angezeigt. Untertitel: Wird als Kurzanzeigen auf der Startseite verwendet. Stichworte: Dienen dem internen Gebrauch. Kategorie: Es muss mindestens eine Kategorie ausgewählt werden, eine mehrfach Auswahl ist möglich. Bilder: Es können mehrere Bilder hochgeladen werden. Bildtext: Beschreibungstext für das Bild. Links: mit http:// eingeben. Beschreibung dahinter. Dateien: Es können zusätzliche Dateien mit angegeben werden.

3.1.4. Links Um Links einzupflegen, wählt man in der Fußzeile Links eingeben. Die Seite Links wird mit der Listenfunktion angezeigt. Dort wählt man Datensatz anlegen (Abb.: Neu ). Verstecken: Der Datensatz kann versteckt werden. Standard ist versteckt. Titel: Überschrift für den Link Bemerkung: Beschreibung des Links, was erwartet den Besucher dort. URL: bitte immer mit http:// angeben Kategorie: Hier Links Bilder: Können aus dem System übernommen werden, oder von der Festplatte hochgeladen werden. Die Bilder sollten eine Größe von B:100px H: 150 nicht überschreiten.

4. Übersetzung 4.1. Alternative Seiten Sprache anlegen In der Listenansicht wird die gewünschte Sprache als Alternative Seiten Sprache angelegt. Dies geschieht über den Link am Ende der Seite Neuen Datensatz anlegen (1). Sollte bereits mind. eine Alternative Seiten Sprache angelegt sein, so kann eine weitere direkt über das Symbol (2) angelegt werden. Die Lokalisierungsansicht zeigt eine Übersicht der Übersetzungen an. (3) Das Anlegen einer Alternativen Seiten Sprache aktiviert im Frontend den Link für die Übersetzung dieser Seite. Weiterhin wird in der Maske der übersetzte Titel der Seite eingetragen. Dieser Titel erscheint jetzt in der Navigation der gewählten Sprache im Frontend. Es können nur Sprachen angelegt werden, die der Administrator der Seite zuvor festgelegt hat. BITTE beim Arbeiten mit Übersetzungen nicht die Seiten -Ansicht verwenden. Sie arbeitet fehlerhaft. Bitte nur in der Listenansicht die Übersetzungen anlegen.

Tip: Die Alternative Seiten Sprache auf nicht sichtbar setzen, solange die Übersetzungen nicht fertig gestellt sind, so wird die Verfügbarkeit dieser Sprache erst angezeigt, wenn auch wirklich Inhalt vorhanden ist. 4.2. Inhalt übersetzen Die Seite für eine Alternative Sprache kann/muss jeweils komplett neu mit Inhalt gefüllt werden. D.h. auch allein stehende Bilder müssen für jede Sprache eingefügt werden. Das Bild muss nicht neu angelegt werden, sondern mit dem anderssprachigen Inhalt verknüpft werden, sei denn die Bildunterschrift soll auch übersetzt werden. In der Listenansicht wählt man die Lokalisierungsansicht (1). Nun werden hinter jedem Inhaltselement Flaggen der verfügbaren Seitensprache angezeigt (soweit Flaggen davon vorhanden sind). Durch klicken auf eine entsprechende Flagge (2) wird eine Kopie des Inhaltselementes für die Übersetzung angelegt. (3) zeigt eine Übersetzungskopie. Ruft man nun ein übersetztes Inhaltselement auf, so sieht man, dass eigentlich nichts übersetzt wurde. Das Programm hat allerdings vor jeden Text die Erinnerung geschrieben, das dieser übersetzt werden muss (z.b.: [Translate to english:]). Weiterhin wird nun angezeigt, welche Einstellung in der Standardsprache für dieses Element verwendet wurde.

Aufgrund der vorhandenen Seitenstruktur, Breite Mitte, 2- spaltig und 3-spaltige Mitte, muss zuerst der flexible Content für die Übersetzung ausgewählt werden. Dies entfällt bei nur einspaltigem Layout. In diese Inhaltselemente werden anschließend die Übersetzungen eingebunden.