Regionales Hochschulrechenzentrum Kaiserslautern-Landau

Einführung ins Typo3 Backend

Beispielelement aus dem Typo3 Backend: Die Modulleiste wird abgebildet. Zusätzlich sind vier Reiter mit Zahlen gekennzeichnet. Das Modul Seite mit 1, Anzeigen mit 2, Liste mit 3 und Detailseite mit 4.
Beispielelement aus dem Typo3 Backend: Modulleiste

Module

Es stehen im Typo3 Backend verschiedene Module bereit.

1. Das Modul Seite dient dem Hinterlegen und bearbeiten konkreter Inhalte, angelehnt an das Frontend.

2. Das Modul Anzeigen dient zur Ansicht des Frontends innerhalb des Backends.

3. Das Modul Liste dient zum Verwalten von Datensätzen in Ordnern, die dann auf der Homepage platziert werden (z.B. News)

4. Das Modul Dateiliste dient der Ablage von Dokumenten, Fotos und weiteren Dateien, die auf der Homepage ausgegeben werden soll.

Beispielelement aus dem Typo3 Backend: Ein Ausschnitt aus dem Seitenbaum wird gezeigt. Durch zwei rote Pfeile wird auf eine Seite und die zugehörige Unterseite verwiesen.
Beispielelement aus dem Typo3 Backend: Seitenbaum

Seitenbaum

Zur Navigation durch die Webseite kommt der Seitenbaum zum Einsatz. Während im Frontend das Menü zum Navigieren genutzt wird, wird im Backend der Seitenbaum dafür genutzt.

Der Seitenbaum stellt eine Hierarchie der Webseite dar, wie es z.B. auch bei den Ordnern des Windows-Explorer ist.

Jede Seite kann beliebig viele Unterseiten haben. Die Unterseiten sind durch die Einrückung zu erkennen.

Mittels der kleinen grauen Dreiecke können Unterseiten im Seitenbaum ein- und ausgeklappt werden, was zur Übersicht beiträgt.

Beispielelement aus dem Typo3 Backend: Ein Ausschnitt aus dem Seitenbaum wird abgebildet. Durch drei rote Kreis werden eine Seite, eine deaktivierte Seite und Ordner hervorgehoben.
Beispielelement aus dem Typo3 Backend: Seitentypen

Seitentypen

Je nach Seitentyp werden verschiedene Symbole verwendet. 

Textblatt = normale Seite

Karteikarte = Datei bzw. Datensatzordner

Textblatt mit rotem Verbotsschild = verborgene Seite

Beispielelement aus dem Typo3 Backend: Ein Ausschnitt des Seitenbaums, mit geöffnetem Menü wird abgebildet. In der Menüliste sind verschiedene Optionen nummeriert. Option 1: Anzeigen, 2: Bearbeiten, 3: Neue Unterseite, 4: Deaktivieren, 5: Löschen.
Beispielelement aus dem Typo3 Backend: Seitenmenü

Seitenmenü

Durch ein Klick auf das Symbol oder durch einen Rechtsklick öffnet sich ein Menü. Dort kann verschiedenes eingestellt werden.

Die Seite kann:

  • angezeigt (1)
  • gelöscht (5)
  • deaktiviert oder aktiviert (4) werden

Ein Zugriff auf die Seiteneigenschaften (2) kann erflogen, eine Unterseite (3) kann hinzugefügt werden und noch vieles mehr.

Um den Inhalt der Seite anzusehen, ist ein Klick auf den Seitennamen erforderlich. Der Seiteninhalt ist dann rechts im Bearbeitungsbereich zu sehen. 

Inhaltsbereich

Der Inhalt einer Seite des Seitenbaums wird im Inhaltsbereichs des Backends dargestellt. 

In diesem Bereich gibt es einige Buttons und Funktionen, die nun weiter erläutert werden.

1.  Webseite anzeigen lassen: Im Seiten-Modul lässt sich die aktuelle Seite im Frontend anzeigen.

2. Seiteneigenschaften bearbeiten

3. Seiten-ID und Pfad ablesen

4. Inhaltsbereich: Hier können verschiedene Inhaltselemente der Seite eingebunden werden. Dazu muss der + Inhalt Butten angeklickt werden.

(5. Cache leeren, mit Klick auf Blitz)

Beispielelement aus dem Typo3 Backend: Der Bearbeitungsbereich wird abgebildet. Durch Nummerierungen werden verschiedene Optionen markiert. Nummer 1 steht beim Symbol zum Webseite anzeigen lassen, Nr. 2 Seiteneigenschaften bearbeiten, Nr. 3 Seiten-ID rechts oben im Eck und Nr. 4 bei dem Button über den neue Inhalte hinzugefügt werden können.
Beispielelement aus dem Typo3 Backend: Bearbeitungsbereich

Kopfleiste

In der Kopfleiste sind einige Buttons und Funktionen integriert:

  1. Lesezeichen innerhalb des Backends aufrufbar (hilfreich, beim häufigen Bearbeiten einer Seite)
  2. Cache leeren der kompletten Website
  3. Hilfe und Dokumentation
  4. PopUp mit Systeminformationen
  5. Benutzermenü: Hier können Benutzereinstellungen angepasst werden (z.B. die Sprache) oder es kann sich abgemeldet werden.
  6. Suchfeld: Durchsuchen des Backends 
Beispielelement aus dem Typo3 Backend: Die Kopfleiste mit verschiedenen Button wird angezeigt. Die Button sind mit Nummern versehen. Links startend mit Nr. 1 Sternsymbol, Nr. 2 Blitzsymbol, Nr. 3 Fragezeichensymbol, Nr. 4 Systeminformationssymbol, Nr. 5 Usersymbol und Nr. 6 Suchfunktion.
Beispielelement aus dem Typo3 Backend: Kopfleiste

Sie befinden sich in der Selbstschulung und möchten zur Schulungsstartseite, dann klicken Sie auf  TYPO3 im Selbststudium für Einsteiger Teil 1.

Sie befinden sich gerade in der Selbstschulung, dann klicken Sie auf Umgang mit Seiten, um damit fortzufahren.