Zum Hauptinhalt springen
Logo Atelier für MediengestaltungLogo Atelier für Mediengestaltung

Erste Schritte

Folgen Sie uns unter „Erste Schritte“ auf einer Tour durch das TYPO3 Backend, um sich zu orientieren und handlungsfähig zu werden, wenn es um Änderungen an Ihrer Website geht. 

TYPO3 Loginfenster
Rufen Sie das Backend Loginfenster auf und tragen Sie Benutzer und Passwort ein.

Einloggen

  1. Rufen Sie die Domain Ihrer Website auf und fügen Sie ein /typo3 hinzu. Sie erhalten nun ein Loginfenster zum Backend-Bereich.
  2. Tragen Sie sowohl Benutzernamen also auch Passwort ein. 
  3. Haben Sie Ihr Passwort vergessen, nutzen Sie die Passwort-Vergessen-Funktion.
Backend Ansicht mit Benennung der verschiedenen Bereiche
Machen Sie sich mit dem Backend und dessen grundlegenden Begrifflichkeiten vertraut, um leichter mit anderen kommunizieren bzw. Tutorials verstehen zu können.

Backend und Frontend

Ihre administrative Arbeitsoberfläche nennt sich Backend und ermöglicht es Ihnen als Redakteur, die Inhalte Ihrer Website aufzubauen bzw. zu ändern.

Das Backend ist in folgende Bereiche aufgeteilt:

  1. Modulleiste
  2. Seitenbaum
  3. Docheader
  4. Arbeitsbereich
  5. Kopfleiste

Ihre öffentliche Website ist das Frontend. Diese ist im Internet durch die Eingabe der Domain, z. B. https://typo3kompakt.afm-koeln.de aufrufbar.
Das Frontend führt den im Backend kreierten Inhalt der Website zusammen mit dem Programmier-Code und den HTML-Templates, die Ihre Website so ausschauen lassen, wie Sie sie definiert haben. 

Hervorhebung der linken Modulleiste im TYPO3 Backend
Nutzen Sie die richtigen Module: Seite, um Inhalte zu ändern und Dateiliste, um Bilder und Dateien zu verwalten.

Backend Module

In der Modulleiste finden Sie folgende Module:

  1. Seite (hier bearbeiten Sie Ihre Inhalte) 
  2. Dateiliste (Ablage und Pflege Ihrer Dateien, wie PDFs, PNGs, JPGs usw.)

Jede Seite der Website ist individuell bearbeitbar und durch Ändern und Speichern innerhalb kürzester Zeit zu aktualisieren.

Dateien werden im TYPO3 in einer Ordnerstruktur abgelegt und referenziert, wenn sie auf einer Seite platziert werden. Der große Vorteil dieses Referenzierens ist, dass eine Datei einmal in der Dateilliste liegen, aber an x Stellen auf der Website verlinkt sein kann.

Hervorhebung des Seitenbaumbereichs im TYPO3 Backend
Machen Sie sich vertraut mit dem Seitenbaum, also dem Aufbau Ihrer Website, und bewusst, dass Änderungen an diesem direkte Auswirkungen auf Ihre Websitestruktur haben.

Seitenbaum

Der Seitenbaum stellt in einer Hierarchie-Ansicht den Aufbau der Website dar.

Die erste Ebene des Seitenbaums spiegelt in der Regel die erste Menüebene Ihrer Website-Navigation wider.
Platzieren Sie Seiten als Unterseiten einer anderen Seite, erfolgt im Frontend eine entsprechende Darstellung, z. B. als Menü-Unterpunkt der Eltern-Seite.

Hervorhebung des Arbeitsbereichs im TYPO3 Backend
Machen Sie sich vertraut mit dem Arbeitsbereich im Backend und bewusst, welche Änderungen im Backend welche Darstellungsänderungen im Frontend Ihrer Website hervorrufen.

Arbeitsbereich

Im Arbeitsbereich ändern Sie Texte, Bilder, Elemente oder den kompletten Aufbau einer Seite.

Nach dem Baukasten-Prinzip sehen Sie im Arbeitsbereich alle Inhaltselemente der jeweiligen Seite und wo sie positioniert sind.

Sie können alle Inhaltselemente

  1. Bearbeiten
  2. Verstecken
  3. Löschen

Ist Ihre Seite bisher leer oder Sie wollen neue Inhaltselemente erstellen, nutzen Sie die Option „+ Inhalt“.
Dieser Button findet sich an jeder Stelle im Backend, an der Sie Ihr neues Inhaltselement positionieren können. 
Mit Klick auf einen solchen Button öffnet sich der Inhalts-Browser zum Erstellen eines neuen Inhaltselements.

Hervorhebung des Docheaderbereichs im TYPO3 Backend
Machen Sie sich vertraut mit den Grundfunktionen, die Ihnen zu einer Seite zur Verfügung stehen, indem Sie sich den Docheader anschauen.

Docheader

Im Docheader-Bereich einer Seite – oberhalb des Arbeitsbereichs – finden sich von links nach rechts Buttons für die Aktionen

  1. Website anzeigen
  2. Seiteneigenschaften bearbeiten
  3. Cache dieser Seite löschen
  4. Teilen (Ein Lesezeichen für diese Seite erstellen / URL dieser Seite kopieren)

Zudem finden Sie hier die Ausspielung des URL-Pfads der Seite (5).

 

 

Hervorhebung der Kopfleiste des TYPO3 Backends
Machen Sie sich vertraut mit der Kopfleiste Ihres Backends, die zwar auf fast verlorenem Posten im oberen Bereich zu finden ist, Ihnen allerdings zu ganz individuellen Einstellungen verhilft.

Kopfleiste

In der Kopfleiste finden Sie Informationen zu Ihrer Website sowie Zugangsmöglichkeiten zu Bereichen und Funktionen.

Von links nach rechts finden Sie

  1. die Möglichkeit, die Modulleiste zu reduzieren
  2. die Bezeichnung Ihrer Website sowie darunter die aktuelle TYPO3-Version Ihrer Website
  3. den Lesezeichenbereich, unter dem sich von Ihnen definierte Lesezeichen zu Seiten und Inhaltselementen sammeln lassen
  4. optional die Funktion, den Cache der gesamten Website zu leeren (wenn dies für Sie eingestellt ist)
  5. unter „Über TYPO3 CMS“ einen Shortcut zu Infos zu Ihrer Website und Weiterleitungen zu Websitebereichen
  6. den Zugang zu Ihren persönlichen Benutzereinstellungen