TYPO3-Anleitung: So erstellen Sie Ihre eigene Website mit TYPO3

Für die Anmeldung im TYPO3-Backend benötigen Sie die Log-in-Daten, die Sie bei der vorangegangenen Installation erstellt haben. Zu diesem Zweck rufen Sie über Ihren Browser die URL „http://domain-der-website/typo3“ auf und geben den entsprechenden Nutzernamen sowie das Passwort ein:

Das TYPO3-Backend erscheint standardmäßig in englischer Sprachausgabe, hält jedoch einsatzfertige Pakete für diverse weitere Sprachen bereit. Wollen Sie die Benutzeroberfläche also z. B. lieber auf Deutsch nutzen, müssen Sie nur das entsprechende Paket installieren. Klappen Sie zu diesem Zweck das linke Seitenmenü aus (über das Drei-Balken-Symbol) und wählen Sie den Eintrag „Languages“:

Klicken Sie in der Zeile „German“ zunächst auf das Plus-Zeichen und anschließend auf den Download-Button. War das Herunterladen erfolgreich, zeigt der Fortschrittsbalken 100 Prozent an:

Im Administratorenmenü „User Settings“, das sich über die Schaltfläche „Admin“ (befindet sich oben rechts) öffnen lässt, können Sie nun Deutsch als präferierte Sprache auswählen und die Änderungen über den Save-Button speichern.

Bis zum jetzigen Zeitpunkt ist das Administratorenkonto das einzige Nutzerkonto, mit dem Sie auf das Backend zugreifen können, um Ihre TYPO3-Website zu erstellen. Sollen auch andere Personen die Homepage mitgestalten und im späteren Verlauf mit Content versorgen können, müssen Sie entsprechende Benutzer und Benutzergruppen anlegen. Gleiches gilt, wenn Sie Ihren Website-Besuchern die Möglichkeit gewähren wollen, sich auf Ihrer Seite zu registrieren, um Zugang zu spezifischen Inhalten zu erhalten.

Beginnen Sie am besten damit, eine erste Benutzergruppe für alle Personen, die an der Kreation und Verwaltung der TYPO3-Website beteiligt sind, zu erstellen. Hierfür klicken Sie im Hauptmenü auf „Backend-Benutzer“, wählen in der oberen Liste „Backend-Benutzergruppen“ aus und drücken dann auf „Neuen Datensatz erstellen“:

Nun geben Sie einen Namen für die neue Benutzergruppe ein und wechseln in den Tab „Zugriffsliste“. Setzen Sie bei den gewünschten Einträgen ein Häkchen und klicken auf „Speichern“, um die erteilten Rechte für diese Benutzergruppe zu übernehmen:

Ist die Gruppe erstellt und gespeichert, ist es an der Zeit, ein erstes Benutzerkonto anzulegen. Kehren Sie hierfür in das Menü „Backend-Benutzer“ zurück und wählen Sie dieses Mal den gleichnamigen Punkt „Backend-Benutzer“. Klicken Sie auch in diesem Fall auf „Neuen Datensatz erstellen“ und geben Sie anschließend den gewünschten Nutzernamen sowie ein vorläufiges Passwort für diesen Zugang an. Unter „Verfügbare Objekte“ finden Sie die zuvor angelegte Benutzergruppe, die Sie dem neuen Account durch einfaches Anklicken zuweisen können:

Im ersten Schritt laden Sie die jeweilige Extension auf Ihren PC herunter. Typischerweise handelt es sich bei der heruntergeladenen Datei um eine .zip- oder eine .t3x-Datei, wobei Sie in beiden Fällen keinerlei Änderungen vornehmen müssen, um die Extension in TYPO3 zu importieren. Hierfür rufen Sie im TYPO3-Backend das Menü „Erweiterungen“ auf und klicken dort auf den Button „Erweiterung hochladen“. Anschließend geben Sie mit „Durchsuchen…“ den lokalen Speicherort der Datei an und starten danach über den „Hochladen“-Button den Import:

Nachdem Sie das CMS erfolgreich eingerichtet und grundlegend konfiguriert haben, können Sie nun damit beginnen, Ihre TYPO3-Website zu erstellen. Dabei besteht die erste Aufgabe auf dem Weg zum eigenen Webprojekt darin, Seiten anzulegen, die Sie im Anschluss mit Inhalten füllen können. Hierfür benötigen Sie das Webmodul „Seite (Seiteninhalt)“, das sich auf die bewährte Weise – über das linke Seitenmenü – öffnen lässt. TYPO3 zeigt Ihnen daraufhin den Seitenbaum Ihrer Website an, der zu Beginn natürlich noch leer ist. Klicken Sie per Rechtsklick auf Ihr Projekt und wählen Sie im aufpoppenden Menü die Option „Neu“:

Für die neue Seite können Sie nun folgende Einstellungen treffen:

• Allgemein: In diesem Tab legen Sie den Seitentyp sowie den Titel der Seite im Backend fest. Zusätzlich zu diesen Pflichtangaben können Sie einen alternativen Navigationstitel sowie einen Untertitel bestimmen.
   
• Metadaten: Bei den Metadaten einer TYPO3-Seite handelt es sich einerseits um eine inhaltliche Zusammenfassung des Seiteninhalts, andererseits um passende Schlagworte (Meta-Tags). Zudem können Sie hier den Namen und die Mailadresse des Autors eintragen und den Zeitpunkt der letzten Seitenaktualisierung kennzeichnen.
   
• SEO: Im SEO-Reiter machen Sie Ihre TYPO3-Seiten fit für Google und Co., indem Sie den Title und die Description definieren, das Haupt-Keyword angeben und Einstellungen zur Seitenindexierung treffen.
   
• Soziale Medien: An dieser Stelle bietet TYPO3 die Möglichkeit, den Facebook Open Graph sowie die Twitter Card für die jeweilige Seite zu bearbeiten (Titel, Beschreibung, Bild).
   
• Erscheinungsbild: Unter „Erscheinungsbild“ wählen Sie das Seitenlayout für Front- und Backend.
   
• Verhalten: Unter diesem Reiter finden Sie u. a. verschiedene Einstellungen zum Caching sowie zum Verhalten der Seite bei Verlinkungen (URL-Alias, Linkziel).
   
• Ressourcen: Die Auszeichnung von Dateien und TypoScript-Konfigurationen, die mit der Seite verknüpft sind, nehmen Sie im Ressourcen-Tab vor.
   
• Sprache: Hier finden Sie Einstellungsoptionen für mehrsprachige TYPO3-Webprojekte.
   
• Zugriff: Hier legen Sie fest, ob und wann die Seite veröffentlicht werden soll und welche Benutzergruppen Zugriffsrechte besitzen sollen.
   
• Kategorien: Haben Sie Kategorien für Ihre Webseiten erstellt, können Sie die aktuell ausgewählte Seite in diesem Tab einer oder mehreren davon zuordnen.

Nun ist es an der Zeit, die erstellten TYPO3-Seiten mit Inhalten zu füllen. Zu diesem Zweck wählen Sie die jeweilige Seite im Seitenbaum aus und klicken an gewünschter Stelle (Links, Normal, Rechts, Rand) auf den Button „Inhalt“, über den sich neue Inhaltselemente erstellen lassen. Es öffnet sich ein neues Menü, in dem Sie den Typ des neuen Contents definieren können. Zusätzlich zu klassischen Elementen wie Überschriften, Text, Bildern, Aufzählungen oder Tabellen sind an dieser Stelle u. a. diverse Menüs sowie einige Formulare auswählbar.

Wählen Sie den gewünschten Inhaltstypen aus und klicken Sie auf „Speichern“, um diesen auf der aktuellen Webseite zu platzieren. Wollen Sie Bilder einfügen, müssen Sie diese aber zunächst auf den Webspace hochladen. Hierfür wechseln Sie in den Tab „Bilder“ und drücken auf die Schaltfläche „Dateien auswählen und hochladen“. Geben Sie den lokalen Speicherort des Fotos oder der Grafik an und klicken Sie auf „Öffnen“, um den Upload auf den Server zu starten. Sie können die Bilder Ihrer Wahl auch einfach per Drag-and-Drop in den hierfür vorgesehenen Bereich ziehen.

Wenn Sie eine TYPO3-Website erstellen, spielen natürlich auch Links eine wichtige Rolle. Während interne Verlinkungen ein einfaches Mittel sind, um die eigenen Artikel zu pushen und besser untereinander zu vernetzen, schaffen Sie mit (hochwertigen und hilfreichen!) externen Links gleichzeitig einen Mehrwert für Ihre Besucher sowie ein höheres Ansehen bei Suchmaschinen. In beiden Fällen helfen aussagekräftige Link-Titles dabei, dass Leser und Suchmaschinen verstehen, mit welchem Content beim Link-Ziel zu rechnen ist.

Sowohl das Setzen eines Links als auch die Formulierung eines Titles funktioniert in TYPO3 direkt über den Text-Editor. Öffnen Sie hierfür also den gewünschten Textabschnitt, indem Sie auf das Stift-Symbol an dem entsprechenden Inhaltsblock klicken und nach unten scrollen. Im Text markieren Sie nun den Textausschnitt, den Sie als Ankertext – also als sicht- und klickbaren Teil des Links – verwenden möchten und klicken dann auf das Ketten-Symbol in der Menüleiste des Editors:

Im ersten Fenster des sich daraufhin öffnenden Link-Browsers erzeugen Sie interne Links. Zu diesem Zweck fügen Sie zunächst den gewünschten Title ein und klicken dann im Seitenbaum auf die zu verlinkende Seite. Für die Kreation externer Links wechseln Sie in den Reiter „Externe URL“. Auch in diesem Fall gilt es, einen Title für den Link zu bestimmen – anschließend geben Sie die Ziel-URL an und klicken auf „Link setzen“:

Für den dauerhaften Erfolg Ihres Webprojekts ist die kontinuierliche Pflege und Optimierung des Contents und der technischen Basis unverzichtbar. Auch die stetige Aktualisierung der eingebundenen Software-Komponenten inklusive des Content-Management-Systems selbst gehört zu den absoluten Pflichtaufgaben.

TYPO3 stellt Ihnen zu diesem Zweck einige nützliche Features zur Verfügung. So finden Sie unter dem Menüpunkt „Protokoll“ eine detaillierte Auflistung sämtlicher Aktionen, die Nutzer im Backend ausgeführt haben. Darüber hinaus enthält das Administrationsprotokoll Einträge über die Interaktion mit der Datenbank sowie über aufgetretene Fehler:

Wenn Sie wissen wollen, wie es um die Aktualität von TYPO3 (inklusive Erweiterungen) und die Sicherheit Ihrer Website bestellt ist, ist ein Blick in das Menü „Berichte“ zu empfehlen. Hier zeigt TYPO3 die wichtigsten Parameterder Reihe nach auf. Grün dargestellte Einträge markieren dabei Parameter, bei denen keine Probleme festgestellt wurden, während gelb bzw. rot markierte Einträge solche Eigenschaften kennzeichnen, bei denen Handlungsbedarf besteht: