Einrichten der Typo3 6.2 Installation

Aus Debacher-Wiki
Wechseln zu:Navigation, Suche

Nach der Installation ist es bei Typo3 relativ frustrierend das Frontend aufzurufen. Es erscheint nur eine Fehlerseite.

Typo3-62-einrichten1.png

Es muss noch eine Reihe von Schritten erfolgen, bevor man die Redakteure an das System heran lassen kann. Die folgenden Abschnitte beschreiben die Schritte, die notwendig sind, um das auf der Seite

Erweiterungen installieren

Extensions sind Erweiterungen des Typo3 Grundsystems. Eine Reihe von Erweiterungen, die Systemerweiterungen, werden schon bei der Installation mit installiert. Dazu gibt es dann eine Vielzahl von Erweiterungen, die über ein zentrales Repository geladen und installiert werden können. Da diese Erweiterungen von sehr unterschiedlichen Programmieren stammen ist ihre Qualität und Sicherheit auch sehr unterschiedlich. Man sollte sich immer ausführlich informieren, bevor man eine derartige Erweiterung installiert.

Die Installation und Nutzung von Extensions ist nicht besonders aufwendig, da eigentlich alle wichtigen Extension in einem zentralen Repository (TER) vorhanden sind und über ihren Namen daraus installiert werden können. Erweiterungen installieren darf natürlich nur ein Benutzer mit Administrator-Rechten, z.B. der bei der Installation angelegte Benutzer.

Die Installation besteht aus 3 bzw. 4 Schritten.

  1. Laden der Extension aus dem TER (Erweiterungsmanager, Erweiterungen hinzufügen)
  2. Nach dem Import muss die Erweiterung noch aktiviert werden, danach sind eventuell noch Änderungen zu bestätigen
  3. Oft muss dann noch das zugehörige Template eingebunden werden (Template, root, Info/Bearbeiten, Vollständigen Template Datensatz bearbeiten, Enthält)
  4. Gelegentlich sind dann noch Erweiterungen bzw. Einstellungen am Template notwendig.

Bevor man mit der ersten Installation beginnt muss man einmal die Liste der verfügbaren Erweiterungen aktualisieren.

Dazu geht man auf Erweiterungsmanager -> Erweiterungen hinzufügen und dann auf Jetzt aktualisieren.

Typo3-62-einrichten2.png

Die Aktualisierung dauert etwas, da es eine relativ große Zahl an Erweiterungen gibt (mehr als 6000) und zusätzlich noch eine Zahl von unterschiedlichen Versionen. Nach der Aktualisierung geht man oben im Fenster auf Erweiterungen verwalten und kann von dort aus die eigentlichen Installationen starten.

Typo3-62-einrichten3.png

Schon die Liste der von Beginn an vorhandenen Erweiterungen ist recht lang, man erkennt schon an der Versionsnummer 6.2.0, dass es sich um Systemerweiterungen handelt. In der ersten Spalte sieht man jeweils eine Art Lego-Stein. Wenn dieser Stein grün ist, dann ist die zugehörige Erweiterung auch aktiviert, wenn der Stein blass ist, dann ist die Erweiterung zwar installiert, aber nicht aktiv.

phpMyAdmin

Eine sehr nützliche Erweiterung, die einem vollen Zugriff auf die zum Typo3-System gehörende Datenbank gewährt, ist phpMyAdmin. Zur Installation gibt man einfach den Namen phpMyAdmin ins Suchfeld ein (oben muss Erweiterungen hinzufügen ausgewählt sein) und klickt auf Absenden.

Typo3-62-einrichten4.png

Es ergibt sich eine Liste mit aktuell sechs Einträgen, der erste davon ist der gewünschte. Bei den anderen Einträgen handelt es sich teilweise um Erweiterungen von phpMyAdmin. Wichtig ist es auch auf die letzte Spalte zu achten, hier wird der Status der Extension angegeben, im Idealfall sollte er stable sein. Den Status experimental sollte man zumindest auf Produktionssystemen vermeiden.

Klickt man jetzt auf den Lego-Stein vor dem Eintrag phpmyadmin, so wird die Erweiterung heruntergeladen und installiert.

Typo3-62-einrichten5.png

Am Ende der Installation bekommt man eine kurze Rückmeldung, die aber wieder verschwindet. Leider ändert sich die Farbe des Lego-Steins nicht automatisch, man muss in die Rubrik Erweiterungen verwalten wechseln um zu sehen, dass diese Erweiterung auch aktiviert wurde. Lädt man das Backend, oder zumindest die linke Spalte neu, so erkennt man, dass sich auch das Menü erweitert hat.

Typo3-62-einrichten6.png

Über diesen neuen Menüpunkt ist die Datenbank-Verwaltung dann zukünftig erreichbar.

simulatestatic

Eine weitere nützliche Erweiterung ist Simulate Static URLs. Mit ihr kann man aus einer URL wie /index.php?id=815 die nettere URL 815.html machen, oder noch sprechendere Texte.

Typo3-62-einrichten7.png

Auch hier klickt man wieder auf den Lego-Stein, worauf die Erweiterung installiert wird.

Typo3-62-einrichten8.png

Für diese Erweiterung gibt es keinen Menüpunkt, wir werden sie später über das Typoscript ansprechen.

tt_news

Hierbei handelt es sich um eine der klassischen Erweiterungen, die sich auf fast jedem System findet. Ihre Nutzung erfordert einige Konfigurationsschritte, die wir uns in einem späteren Abschnitt anschauen werden.

Typo3-62-einrichten9.png

Für diese Extension gib es so viele Erweiterungen, dass es nicht ganz einfach ist sie in der Liste der Suchergebnisse zu finden. Interessanterweise ist ihr Staus immer noch mit beta angegeben, obwohl sie seit vielen Jahren etabliert ist. Auch hier führt ein Klick auf den Lego-Stein zur Installation.

Typo3-62-einrichten10.png

Die Installation dieser Extension führt auch zu dem neuen Menüpunkt News im Menü links.

TemplaVoila

Eine für das hier beschriebene Verfahren zur Layoutentwicklung ganz zentrale Erweiterung ist TemplaVoila. Vereinfacht gesagt ordnet man mit TempaVoila den Elementen einer HTML-Vorlage gezielt Typo3-Elemente zu, man mappt diese auf die Vorlage.

Auch diese Extension muss zuerst einmal installiert werden.

Typo3-62-einrichten11.png

An der langen Liste der Erweiterungen von TemplaVoila kann man dessen Bedeutung erkennen. Zur Installation muss man wieder auf den Stein klicken. TemplaVoila benötigt aber eine andere Erweiterung, nämlich static_info_tables als Grundlage. Daher wird man zunächst mit der Frage konfrontiert, ob man diese Abhängigkeit auflösen möchte.

Typo3-62-einrichten12.png

Hier muss man auf Ja klicken. Danach werden dann beide Extensions installiert.

Typo3-62-einrichten13.png

Lädt man jetzt das Backend neu, so hat sich das Menü verändert.

Typo3-62-einrichten14.png

Der bisherige Menüpunkt Seite ist verschwunden und durch TV Seite bzw. momentan TV Page ersetzt. Der Begriff Seite erscheint erst, wenn man die Spracheinstellungen aktualisiert. Neu gibt es jetzt am Ende vom Bereich Web noch den Menüpunkt TemplaVoila.


sonstige Erweiterungen

In meinen Systemen installiere ich normalerweise entsprechend noch die folgenden Extensions:

  • perfectlightbox
  • tt_address

Nach den Installationen immer die Spracheinstellungen neu laden, Menüpunkt Sprache und dann Von Repository aktualisieren.


Der Seitenbaum

Ein ganz wichtiges Element von Typo3 ist der Seitenbaum. Hier finden sich alle verfügbaren Seiten und einige weitere Hilfselemente. Ausgangspunkt ist immer der Menüpunkt Seite bzw. TV Seite. Neue Seiten kann man auf sehr viele verschiedene Arten anlegen. Ein einfacher Weg führt über das grüne Pluszeichen oberhalb von New Typo3 site. Klickt man dies an, so erscheinen darunter weitere Icons. Von diesen Icons benötigen wir momentan nur drei. Das erste Icon steht für eine Seite, das dritte Icon für einen Verweis auf eine Seite und das sechste Icon für einen Ordner. Will man z.B. einen neuen Ordner anlegen, so zieht man das Icon an die gewünschte Position im Seitenbaum.

Typo3-62-einrichten15.png

Man muss dann noch einen Namen für die Seite angeben und den Zugriff auf die Seite aktivieren, in den Standard-Einstellungen sind neue Seiten erst einmal deaktiviert. Zum Aktivieren der Seite klickt man in der zweiten Spalte auf das Icon, oder mit der rechten Maustaste auf den Titel der Seite. Es erscheint ein kleines Kontextmenü.

Typo3-62-einrichten16.png

In diesem Menü klickt man auf Aktivieren. Man kann aber auch im rechten Fenster unter Seiteneigenschaften bearbeiten und dann Zugriff das Häkchen bei Deaktivieren entfernen.

Hat man sich bei der Position einer Seite vertan, so ist das kein Problem. Man wählt dann im Menü den Menüpunkt Liste, im Seitenbaum die übergeordnete Seite (zur Not die Oberste: New Typo3 site) und erhält dann, wenn man rechts das Kästchen Erweiterte Ansicht anklickt die Möglichkeit die Seite horizontal und vertikal im Seitenbau zu verschieben.

Typo3-62-einrichten17.png

Es sollte folgender Seitenbaum aufgebaut werden:

New-Typo3 Site
 |-- root
    |-- TemplaVoila Templates
    |-- Typoscript Templates
    |-- Nachrichten
    |-- Ausgangsseite
      |-- Service
      |-- Startseite

Die Seite root ist vom Typ Verweis, dann folgen drei Ordner und dann drei Seiten.

die root-Seite

An der root-Seite muss man jetzt noch ein paar Einstellungen vornehmen, sie bekommt damit eine besondere Bedeutung. Sie ist ja vom Typ Verweis und soll auf die eigentliche Startseite verweisen. Dazu geht man im Menü auf Seite, dann im Seitenbaum auf die root-Seiten und rechts dann auf Seiteneigenschaften bearbeiten.

Im Reiter Allgemein kann man dann das Verweisziel aussuchen, indem man auf das Ordnersymbol hinter Verweisziel klickt.

Typo3-62-einrichten18.png

Es öffnet sich ein weiteres Fenster mit dem Seitenbaum, hier wählt man die Zielseite durch Anklicken aus und speichert die Änderung dann, indem man das Diskettensymbol oben auf der Seite anklickt.

Anschließend wechselt man in den Reiter Verhalten und wählt dort Als Anfang der Website benutzen an.

Typo3-62-einrichten19.png

Wenn irgendwo ein Kästchen Zweite Optionspalette anzeigen auftaucht, dann sollte man das immer aktivieren, auch wenn das hier momentan nicht viel ändert. Vor jedem Wechsel des Reiters sollte man immer speichern. Durch das Aktivieren des Kästchens Als Anfang der Website benutzen ändert sich auch das Icon der Seite. Nun folgt noch eine wichtige Einstellung im Reiter Ressourcen.

Hier muss man die Seite für die Allgemeine Datensatzsammlung auswählen. Das geht wieder über das Anklicken des Ordner-Symbols, worauf wieder ein Fenster mit dem Seitenbaum geladen wird.

Typo3-62-einrichten20.png

Hier wählt man die Seite mit dem Ordner TemplaVoila Templates aus.

Eine wichtige Einstellung für die root-Seite gibt es noch, bevor wir an die Erstelllung des eigentlichen Layouts gehen können. Dazu wählen wir im Menü Template aus und dann die root-Seite.

Typo3-62-einrichten21.png

Man muss auf dieser Seite ein Template erstellen und zwar ein Wurzel-Template. Dazu klickt man auf Template für neue Website erstellen. Es öffnet sich ein neuer Inhalt im rechten Bereich. Aus dem Dropdown Element oben an der Seite wählt man Info/Bearbeiten.

Typo3-62-einrichten22.png

Es erscheint eine Reihe von neuen Bearbeitungsmöglichkeiten, die eng zusammen hängen. Hier wählt man Vollständigen Template-Datensatz bearbeiten aus. Es stehen dann mehrere Reiter zur Auswahl, unter Enthält muss man dann einige Objekte aktivieren, indem man sie in der rechten Spalte anklickt.

Typo3-62-einrichten26.png

Die Elemente beinhalten Voreinstellungen und CSS-Code für das Grundsystem und viele der installierten Erweiterungen. Man kann davon ausgehen, dass jede Erweiterung, die sichtbaren Inhalt produziert ein Template mitbringt. Ohne Einbindung des jeweiligen Template wird die Extension nicht aktiv.

Auch hier müssen die Änderungen wieder gespeichert werden.