TYPO3 Dokumentation für Redakteure

1 Allgemeines

1.1 Einführung

1.1.1 Was ist TYPO3?

TYPO3 ist ein freies Open Source Content-Management-System für Internet- und Intranet­auftritte. TYPO3 wird seit 1997 von Kasper Skårhøj mit der Hilfe und Anregung von Usern entwickelt. Die hier beschriebene TYPO3 Version 4.3.3 ist seit 30.11.2009 verfügbar.

1.1.2 Was ist ein Content-Management-System?

Content-Management-Systeme (cms) trennen Inhalt, Struktur und Layout von Dokumenten und integrieren die Bearbeitung und Pflege von Dokumenten in einen definierten Arbeitsablauf (Workflow). Das hat für die Autoren / Webautoren, Sachbearbeiter und Redakteure den Vorteil, dass sie sich ganz auf die Pflege und Aktualisierung von Texten konzentrieren können, ohne sich um das Layout, die Einbindung in ihre Seite oder andere technische Aspekte kümmern zu müssen.

1.1.3 Welche Vorteile bietet das?

Die Inhalte (Texte, Bilder, Dateien zum Downloaden, Tabellen, Statistiken usw.) der Web-Site können jetzt von den inhaltlich zuständigen Personen der jeweiligen Departments und Einrichtungen über einen Web-Browser selbständig erstellt und gepflegt werden – und zwar ohne besonderes technisches Know-how. Das Web Content-Management-System TYPO3 ist sehr einfach zu erlernen, man braucht keine Vorkenntnisse in HTML, Java Script o.ä.

Die Vorteile liegen auf der Hand: Für die Webautoren und Redakteure wird das Anlegen neuer Inhalte und die Aktualisierung bestehender Inhalte erleichtert, und für die Besucher und Leser der Web-Site erhöht sich das Surfvergnügen durch hoffentlich mehr und aktuelle Inhalte, die außerdem noch leichter zu finden sind.

1.1.4 Wozu diese Einführung?

In dieser kurzen Einführung werden nur die wichtigsten Möglichkeiten, die TYPO3 den WebAutoren und Redakteuren bietet, kurz und in der Form von einfachen „Kochrezepten“ Schritt für Schritt gezeigt. Damit soll Ihnen einerseits ein Überblick über die Funktionsweise von TYPO3 gegeben werden, andererseits reichen diese Informationen durchaus, um als Webautor / Redakteur mit TYPO3 effektiv arbeiten zu können.

1.2 Zugang

1.2.1 Alles im Web-Browser

TYPO3 ist ein Online-Redaktionssystem und verwendet als Client nur einen üblichen Web-Browser. Sie können jederzeit von jedem Ort mit Internet-Zugang Veränderungen an Ihrer Web-Site vornehmen.

1.2.2 Frontend

Das so genannte Frontend von TYPO3 ist die Webseite so wie sie der Internetseitenbesucher in seinem Browser sieht (Firefox, Internetexplorer, Opera, etc.). Der Zugriff kann mit jedem beliebigen Web-Browser erfolgen. Im Allgemeinen ist auch kein Login notwendig (nur bei passwort-geschützten Webseiten).

1.2.3 Backend

Das so genannte Backend von TYPO3 ist das Content-Management-System, mit dem die Webseiten erstellt und editiert werden. Um sich im Backend anzumelden benötigen Sie einen Benutzernamen und ein Passwort mit einer entsprechenden TYPO3-Berechtigung.

Die Anmeldung kann mit allen gängigen neueren Web-Browsern erfolgen.
Es müssen allerdings Cookies und JavaScript eingeschaltet und Popup-Fenster für diesen Server erlaubt sein, da nur dann der Login verschlüsselt erfolgen kann.
Die Verwendung des speziellen Rich Text Editors siehe Abschnitt 3 ist mit gängigen Internetbrowsern möglich (z.B. Mozilla Firefox oder Internet Explorer ab Version 6).
Ältere Browser haben oft mit der Darstellung und der notwendigen Rechtsklickfunktion Probleme.

Der Zugriff auf das Backend erfolgt im Allgemeinen über eine URL der Form „http://webservername/typo3/“ oder „http://cms.webservername/“.

1.2.4 Login zum Editieren

Wenn Sie diese Backend-Adresse in Ihrem Web-Browser eingeben, erscheint eine Seite mit folgendem Dialogfeld:

TYPO3 Backend-Login
TYPO3 Backend-Login

Geben Sie bitte Benutzername und Passwort ein und klicken Sie auf Login. Bei erfolgreichem Login erscheint Ihre persönliche Benutzeroberfläche (siehe Kapitel 1.3).

1.3 Die Benutzeroberfläche

Jeder Benutzer sieht immer nur das, wofür er berechtigt ist!

1.3.1 Aufbau

Die Arbeitsoberfläche von TYPO3 ist in drei Hauptbereiche und eine Benutzerleiste unterteilt.

  1. Links sehen Sie die Modulleiste. Hier wählen Sie aus, welche Art von Arbeiten Sie durchführen wollen.
  2. In der Mitte sehen Sie den Seiten- oder Dateienbaum. Hier wählen Sie aus, welche Web-Seite oder welchen Datei-Ordner Sie bearbeiten wollen.
  3. Rechts sehen Sie die Arbeitsfläche. Hier führen Sie Ihre Arbeiten durch.
  4. Oben sehen Sie die Benutzerleiste. Hier finden Sie benutzerspezifische Informationen / Funktionen.
TYPO3 Backend Aufbau
TYPO3 Backend Aufbau

Die Anordnung der Bereiche entspricht auch der Reihenfolge bei der Arbeit:

  1. Zuerst in der Modulleiste das Modul auswählen (z.B. Web / Seite),
  2. dann im Seitenbaum die Web-Seite auswählen (z.B. Wegbeschreibung) und
  3. dann in der Arbeitsfläche die eigentliche Arbeit an dieser Web-Seite durchführe.
  4. Nach getaner Arbeit das TYPO3-Backend mit Logout verlassen.

1.3.2 Modulleiste

Jeder Benutzer sieht nur die Module, zu deren Verwendung er berechtigt ist.

Durch Klicken auf die Gruppenbezeichnungen mit den Pfeil-Symbolen können die Modulgruppen zu- und aufgeklappt werden:

Modulleiste aufgeklappt
Modulleiste aufgeklappt
Modulleiste nicht aufgeklappt
Modulleiste nicht aufgeklappt

Durch Klicken auf die hellgrauen Modulbezeichnungen gelangen Sie in den entsprechenden Arbeitsbereich.

Die drei wichtigsten Module sind:

  • Web / Seite (Web / Page) [TV] | Web / Seite (Web / Page) Web / Seite (Web / Page)
  • Web / Liste (Web / List) Web / Liste (Web / List)
  • Datei / Dateiliste (File / Filelist) Datei / Dateiliste (File / Filelist)

Tipps zur Auswahl, welches Modul Sie für welche Zwecke verwenden, und Hinweise zu weiteren Modulen finden Sie in Kapitel 6.8.

1.3.3 Seitenbaum

Der Seitenbaum steht Ihnen für alle Module der Modulgruppe Web zur Verfügung. Er stellt die Struktur Ihrer WebSeite baumartig dar.

In der Modulgruppe Datei wird stattdessen der Dateienbaum angezeigt. Er stellt die Struktur der Ordner für das Hochladen von Dateien baumartig dar.

In beiden Fällen können Sie Teilbäume durch Klicken auf die Plus- und Minuszeichen auf- und zuklappen:

Seitenbaum eingeklappt
Seitenbaum eingeklappt
Seitenbaum teilweise ausgeklappt
Seitenbaum teilweise ausgeklappt
Seitenbaum ausgeklappt
Seitenbaum ausgeklappt

Über dem Seitenbaum gibt es ein Suchfeld, mit dem Sie Seiten schnell finden können. Alle Seiten, die den eingegebenen Begriff nicht im Titel enthalten, werden "ausgegraut".
Mit einem Klick auf das x-Symbol können Sie den Filter wieder deaktivieren.

Seitenbaum ohne aktiven Filter
Seitenbaum ohne aktiven Filter
Seitenbaum mit aktivem Filter
Seitenbaum mit aktivem Filter

Jeder Benutzer sieht nur den Seitenbaum bzw. die Seiten- oder Dateienbäume, für die er eine Zugriffs­berechtigung hat. In den meisten Fällen ist dies Ihr Web-Bereich, auf den Sie vollen Zugriff zur Bearbeitung haben. Eventuell sehen Sie aber auch noch einen oder mehrere andere Bereiche oder die gesamte Webseite, auf die Sie nur Lese-Zugriff haben. Dort können Sie dann zwar alle Inhalte anzeigen lassen und auch in Ihren eigenen Bereich kopieren, jedoch nicht verändern oder löschen.

Im Seiten- und Dateienbaum sind Kontextmenüs mit vielen nützlichen Befehlen verfügbar. Diese Kontextmenüs werden durch einen Klick mit der rechten oder linken Maustaste auf das jeweilige Symbol vor dem Text oder mit der rechten Maustaste auf den Text aufgerufen.

Seitenbaum mit Kontextmenü
Seitenbaum mit Kontextmenü
Dateiliste mit Kontextmenü
Dateiliste mit Kontextmenü

1.3.4 Arbeitsfläche

Ein Inhaltselement in TYPO3
Ein Inhaltselement in TYPO3

Der große rechte Bereich ist die detaillierte Arbeitsoberfläche. Hier werden die einzelnen Bestandteile des von Ihnen ausgewählten Elementes angezeigt. Die Bearbeitungsoptionen (und damit auch die Art der Darstellung in der Arbeitsfläche) sind abhängig vom jeweiligen Modul, mit dem Sie gerade arbeiten. Details dazu finden Sie in den folgenden Kapiteln. Hier zeigen wir Ihnen als ein Beispiel die Arbeitsfläche für das Editieren eines Inhaltselementes:

Im Kopf der Arbeitsfläche finden Sie in der Regel den Pfad für das geöffnete Element und Icons zur weiteren Bearbeitung. Alle Icons (Bildschaltflächen) zur Bearbeitung Ihrer Seiten und Inhalte sind mit einer sensitiven Hilfe versehen. Das heißt, wenn Sie mit dem Maus­zeiger über die Icons fahren, wird Ihnen deren Funktion angezeigt. Die Arbeitsfläche bietet Ihnen ebenfalls die für die einzelnen Objekte spezifischen Kontextmenüs an.

Auch im Rich Text Editor (siehe Kapitel 3) stehen Kontextmenüs zur Verfügung, die Sie durch Klicken mit der rechten Maustaste in das entsprechende Element erhalten. Überall sonst öffnet sich beim Klicken mit der rechten Maustaste das Kontextmenü des Web-Browsers.

Tipp: Manche Arbeitsflächen enthalten am unteren Rand folgendes Icon: (in neuem Fenster öffnen, open in new window) (in neuem Fenster öffnen, open in new window). Falls Ihnen der für die Arbeitsfläche innerhalb des Web-Browsers zur Verfügung stehende Platz nicht ausreicht, können Sie durch einen Klick auf dieses Icon die Arbeitsfläche bzw. den Editor als ein eigenes, den Bildschirm ganz ausfüllendes Browser-Fenster laden.

1.3.5 Die Benutzerleiste

Die Benutzerleiste
Die Benutzerleiste (Klick auf das Bild zur Vergößerung)

Am oberen Rand des Browserfensters sehen Sie die Benutzerleiste.
Dort sehen Sie von links nach rechts folgende Informationen/ Funktionen:

  • Name [Benutzername] des aktuell angemeldeten Benutzers
  • Abmeldebutton (hier können Sie sich nach getaner Arbeit vom System abmelden)
  • Auswahlmenü der Arbitsumgebung & Arbeitsumgebungsicon
  • Verweis-Icon Verweis: Hier können Sie direkt auf Elemente zugreifen, zu denen Sie einen Verweis erstellt haben. Erstellt werden diese Verweise, indem das Verweisziehl geöffnet und am Seitenbeginn des Verweisziehls das Verweisicon (s.o.) angeklickt wird.
  • Das Cache Cache Icon öffnet ein Menü indem der Zwischenspeicher der Internetseite gelöscht werden kann. Dies kann nützlich/notwendig sein, wenn eine Bearbeitung der Internetseite in TYPO3 nach dem Speichern noch nicht auf der Webseite angezeigt wird.
  • Geöffnete & zuletzt bearbeitete Dokumente: Die Zahl zeigt die Anzahl der aktuell geöffneten Dokumente an. Durch Klick auf geöffnete Dokumente Icon werden die geöffneten und kürzlich bearbeiteten Dokumente angezeigt. In diesem Menü können die Dokumente dann entweder geschlossen oder erneut zur Bearbeitung im Hauptfenster angezeigt werden.
  • Das Suchsymbol Suchen öffnet ein kleines Eingabefeld, mit dem die gesamte TYPO3 Installation / Webseite in Volltext durchsucht werden kann.

Welche Symbole und Funktionen Ihnen hier tatsächlich zur Verfügung stehen hängt allerdings wieder sowohl von Ihren Benutzerrechten als auch von der Konfiguration der TYPO3 Installation ab.