Zum Hauptinhalt springen

Erste Schritte mit TYPO3 CMS

Der Einstieg zu TYPO3 CMS: Schritt für Schritt

Egal, ob Sie TYPO3 zum ersten Mal nutzen oder bereits Erfahrung damit haben – dieser kurze Leitfaden ist der ideale Ausgangspunkt. Wir stellen einige TYPO3-Prinzipien vor, loggen uns ein und navigieren im Backend von TYPO3. Als Nächstes sehen wir uns an, wie wir Dateien wie Bilder und Dokumente speichern. Danach beschäftigen wir uns damit, wie wir Seiten erstellen und Inhalte zu einer bestehenden TYPO3-Installation hinzufügen.

TYPO3-Prinzipien: Frontend & Backend

Das Backend

Die Hauptaufgabe des Backends besteht darin, Benutzer:innen die Möglichkeit zu geben, Seiten und Inhalte zu erstellen und zu veröffentlichen, auf die Besucher:innen zugreifen können.

Das Backend wird auch für die Verwaltung einer TYPO3-Installation verwendet. Domains, Sprachen und andere Informationen, die das Verhalten einer Website bestimmen, werden ebenfalls im Backend verwaltet.

Aufgaben wie das Erstellen von Formularen, das Hinzufügen von Backend-Benutzer:innen und die Verwaltung von Extensions von Drittanbietern finden ebenfalls im Backend statt.

Ihre Zugangsberechtigung bestimmt, was Sie im Backend sehen und tun können.

Das Frontend

TYPO3 verwendet die Fluid Templating Engine, die als Bindeglied zwischen nutzergenerierten Inhalten wie Seiten und Blogbeiträgen und unseren Designvorlagen dient. Um die Positionierung und Strukturierung von Inhalten im Backend zu erleichtern, verwendet TYPO3 Backend-Layouts.

Zur Verwaltung der Designvorlagen nutzt TYPO3 Sitepackages.

Sitepackages sind eigenständige Pakete, in denen die HTML-Vorlagen, CSS- und JavaScript-Dateien sowie andere Assets wie Schriften und Bilder eines Projekts gespeichert werden.

Anmeldung bei TYPO3

Zugriff auf das TYPO3-Backend:

  • Öffnen Sie Ihren Browser und navigieren Sie zu Ihrer Domain, gefolgt von /typo3. Zum Beispiel: www.ihredomain.com/typo3.
  • Geben Sie Ihren Benutzernamen und Ihr Passwort ein.
  • Falls aktiviert, führen Sie alle zusätzlichen Sicherheitsschritte für die Multifaktor-Authentifizierung aus.

Hinweis: Dies ist der Standard-Einstiegspunkt für eine TYPO3-Installation. Bei neueren Versionen von TYPO3 ist es nun möglich, den Einstiegspunkt von /typo3 in einen anderen zu ändern. Dies kann www.ihredomain.com/wunscheinstieg oder sogar eine Subdomain sein https://cms-access.ihredomain.com

Sobald Sie eingeloggt sind, sehen Sie das Backend.

Einführung in das Backend

Das TYPO3-Backend ist Ihr Kontrollzentrum, das mit einer übersichtlichen Navigation und modularen Tools auf Benutzerfreundlichkeit ausgelegt ist:

  • Topbar: Zugriff auf persönliche Einstellungen, Suchfunktionen und Benachrichtigungen.
  • Modul-Menü: Dieses Menü befindet sich auf der linken Seite und bietet Zugriff auf wichtige Tools wie Dateiliste, Seiten und Extensions.
  • Arbeitsbereich: Der Hauptbereich, in dem Sie Content erstellen und bearbeiten.

Aktualisieren Ihres Benutzerprofils

Von der Topbar aus können wir eine Reihe von Aufgaben ausführen, darunter:

  • Verwaltung unseres Benutzerprofils,
  • Zugriff auf Systembenachrichtigungen,
  • Einsehen von Systeminformationen,
  • Zugriff auf die interne Suchfunktion.

Um auf das Menü Benutzereinstellungen zuzugreifen, wählen Sie Ihren Benutzernamen in der oberen rechten Ecke und wählen Sie im Menü Benutzereinstellungen.

Beachten Sie, dass Sie von hier aus auch zwischen dem Light- und Darkmode wechseln können.

Von hier aus kann ich verschiedene Einstellungen ändern, die mein eigenes Konto betreffen, z. B. meine persönlichen Daten wie meinen Namen, meine E-Mail-Adresse und meinen Avatar.

Außerdem kann ich die Sprache des Backends über mein Benutzerprofil anpassen. Meine Installation umfasst zusätzliche Sprachen, sodass ich bei Bedarf einfach die Sprache wechseln und im Backend arbeiten kann.

Ändern Sie Ihr Passwort

Sie können Ihr Passwort auf der Registerkarte Account Security ändern.

Suche

Die Suche in der oberen Leiste wird verwendet, um nach Datensätzen in Ihrer TYPO3-Website zu suchen. Dazu gehören Seiten, Contentelemente und andere Datensätze, die in der Datenbank Ihrer Installation gespeichert sind.

Sie können auch die Tastenkombination Cmd/Ctrl + K verwenden, um die Suche von überall im Backend aus aufzurufen.

Arbeiten mit Dokumenten und Bildern

Das Dateilistenmodul ist Ihr Dreh- und Angelpunkt für die Organisation von Assets, wie Bilder, Dokumente und andere Dateien.

  • Strukturieren Sie Dateien in Ordnern, um den Zugriff zu erleichtern.
  • Sie können Dateien direkt im Dateilistenmodul hochladen, umbenennen und verschieben.
  • Zeigen Sie Bilder in der Kachelansicht an.

Im folgenden Beispiel habe ich zwei separate Dateimounts. Eines dient zum Speichern von Dokumenten und das andere zum Speichern von Bildern.

Seiten und Inhalte erstellen

Das erste, was Ihnen beim Laden des Seitenmoduls auffallen wird, ist der Seitenbaum.

Der Seitenbaum ist eine hierarchische Liste aller Seiten unserer Website. Der Seitenbaum dient auch als eine Art Container für Elemente wie News-Stories, Blog-Einträge und, in diesem Beispiel, Datensätze für Frontend-Benutzer.

Wie Sie sehen, befinden sich auf der obersten Ebene meiner Website fünf Seiten: About, Service, Contact, Meet The Team und Customer Login.

Wenn ich mir meine Website im Frontend anschaue, sehe ich die gleichen fünf Seiten in der gleichen Reihenfolge. Und das liegt daran, dass unser Hauptmenü standardmäßig so eingerichtet ist, dass es der Struktur unseres Seitenbaums entspricht.

Erstellen neuer Seiten in der Seitenstruktur

Um eine neue Seite zu erstellen oder zu meinem Baum hinzuzufügen, ziehe ich das Symbol "Neu erstellen" nach unten an die Stelle, an der ich die neue Seite haben möchte. In meinem Beispiel soll die neue Seite neben der Seite "About" stehen.

Hinweis: Wenn eine neue Seite erstellt wird, ist sie standardmäßig deaktiviert. Das bedeutet, dass wir die Seite ändern und ihr Inhalte hinzufügen können. Sie wird jedoch im Frontend nicht sichtbar sein, und Besucher:innen können die neue Seite erst sehen, wenn wir sie aktivieren. Um eine Seite zu aktivieren, klicken Sie mit der rechten Maustaste auf sie und wählen Sie "Aktivieren".

Bewegliche Seiten

Wenn wir eine Seite verschieben und an einer anderen Stelle in der Seitenstruktur platzieren möchten, ziehen wir das Symbol für unsere Seite und platzieren es an einer anderen Stelle in der Seitenstruktur.

Hinzufügen von Content zu einer Seite

Content kann alles Mögliche sein: ein Textblock, ein Bild oder ein Webformular, das Ihre Besucher:innen ausfüllen sollen.

Jede dieser verschiedenen Arten von Inhalten existiert als Contentelement in TYPO3. Und wenn ich meiner neuen Seite Text und Bilder hinzufügen möchte, muss ich das entsprechende Contentelement verwenden.

In meinem Beispiel möchte ich einen Text einfügen und ein Bild verwenden, das ich in mein Bilder-Dateimount hochgeladen habe.

Wählen Sie dazu die Registerkarte "Text" auf der linken Seite und dann das Inhaltselement "Text & Bilder".

Hinzufügen einer Überschrift und eines Textes

Ich beginne mit dem Hinzufügen einer Überschrift zu meinem Contentelement.

Dann füge ich meinen Inhalt in den Rich Text Editor (RTE) ein.

Auswählen eines Bildes

Um ein Bild hinzuzufügen, wählen Sie die Registerkarte Bilder und dann die Schaltfläche Bild hinzufügen. Sie können entweder ein vorhandenes Bild auswählen, das bereits in die Dateiliste oder das Modul hochgeladen wurde, oder Sie können direkt ein neues Bild hochladen.

Sie können entweder ein vorhandenes Bild auswählen, das bereits in das Dateilistenmodul hochgeladen wurde, oder Sie können direkt ein neues Bild hochladen.

Wenn Sie ein Bild ausgewählt haben, können Sie wählen, wo Sie das Bild im Verhältnis zum Text positionieren möchten.

Ihre Änderungen anzeigen

Wir haben jetzt eine neue Projektseite mit einem einzigen Contentelement "Text & Bilder". Wenn wir mit unserer Arbeit zufrieden sind:

  • Klicken Sie mit der rechten Maustaste auf das Symbol der Projektseite und wählen Sie "Aktivieren".
  • Klicken Sie dann erneut mit der rechten Maustaste auf die Seite und wählen Sie "Anzeigen".

Nächste Schritte

Nachdem wir nun die Grundlagen behandelt haben, finden Sie hier einige Ressourcen, die Ihnen helfen, das Beste aus TYPO3 herauszuholen.

Der Editors Guide deckt eine Reihe von Aufgaben ab, darunter die Arbeit mit dem Seitenbaum, die Veröffentlichung von Inhalten und vieles mehr.

Der TYPO3 Getting Started Guide führt Sie durch den gesamten Prozess der Installation von TYPO3 und der Erstellung Ihrer Designvorlagen.

Auf get.typo3.org finden Sie detaillierte Informationen über die unterstützten Versionen von TYPO3, die Systemvoraussetzungen und Informationen zu ELTS-Versionen.