Internetagentur Köln Header
t3web-consulting.de > Home > TYPO3 Workshop

Internetagentur Köln
TYPO3 Beratung
und Webdesign

Region Köln - Bonn
und bundesweit

Tel.: 0221 - 400 68 36

TYPO3 Workshop - Tutorial 1 (kinderleicht)
TYPO3 Logo

TYPO3 - ganz einfach (TYPO3 Tutorial)

In diesem kleinen TYPO3 Workshop erfahren Sie, wie Sie Ihre TYPO3 Website selbst­ständig um eine weitere Seite (Menüpunkt Leistungen) ergänzen. Die einzelnen Schritte werden mit einem einfachen Redakteur-Benutzer-Profil (Benutzer: t3mn1) durchgeführt. Klicken Sie auf die jeweiligen Bilder (Screenshots), um sie zu vergrößern.

1. Beispiel-Ausgangssituation auf Basis TYPO3-Website-Paket:

Sie haben durch uns Ihren TYPO3-Internetauftritt in einem 2-spaltigen Layout entwickeln lassen und möchten nun den neuen Menüpunkt bzw. die neue Webseite „Leistungen“ (mit Bild) zwischen der „Startseite“ und dem Punkt „Anwälte“ selbst einfügen.

TYPO3 Workshop - Tutorial (0-Ausgang)

2. TYPO3-Backend/Benutzeroberfläche (Redakteur-Profil):

Hier sehen Sie das TYPO3-Backend mit den für den Redakteur-Benutzer t3mn1 zu­geordneten Rechten. Das in unseren Website-Paketen bereits integrierte YAML-CSS-Framework erleichtert Ihnen die spaltenorientierte Pflege Ihres Internetauftritts (col1: Menüspalte, col3: Inhaltsbereich).

TYPO3 Workshop - Tutorial (1-TYPO3-Backend)

3. Neue Seite in TYPO3 anlegen:

Klicken Sie im Seitenbaum (links unter Rootpage) auf den Menüeintrag „Startseite“ und anschließend auf das vorangestellte Seiten-Icon (Icon = Mini-Grafik). In dem dann er­scheinenden TYPO3-Popup-Menü klicken Sie auf den Punkt „Neu“:

TYPO3 Workshop - Tutorial (2-Seite anlegen)

In dem folgenden Menü (Neuer Datensatz) klicken Sie auf den Punkt „Seite (nach)“:

TYPO3 Workshop - Tutorial (3-Seite nach anlegen)

Geben Sie nun den Seitentitel „Leistungen“ ein und klicken dann auf „Speichern“:

TYPO3 Workshop - Tutorial (4-Seitentitel vergeben)

Nach dem Speichern erscheint im Seitenbaum bereits der neue Menüeintrag bzw. die neue Seite „Leistungen“:

TYPO3 Workshop - Tutorial (5-Seite Leistung klicken)

Wenn Sie nun im Seitenbaum auf den Menüeintrag „Leistungen“ und anschließend auf das Vorschau-Icon (Lupe) klicken, dann sehen Sie im Browser bereits die neue Seite:

TYPO3 Workshop - Tutorial (6-Vorschau klicken)

Die neu angelegte TYPO3-Webseite „Leistungen“ - allerdings noch ohne Inhalt:

TYPO3 Workshop - Tutorial (7-Neue Webseite Leistungen)

4. Anlegen des Seiteninhalts einer TYPO3-Webseite:

Wenn Sie im Seitenbaum auf dem Menüpunkt „Leistungen“ stehen, klicken Sie im Contentbereich auf das Plus-Icon, um einen neues Inhaltselement anzulegen:

TYPO3 Workshop - Tutorial (8-Seiteninhalt anlegen)

In dem folgenden Auswahl-Menü (Neues Inhaltselement) klicken Sie auf den Eintrag
„Text mit rechts liegendem Bild“:

TYPO3 Workshop - Tutorial (9-Neues Inhaltselement)

Auf der nun folgenden Bildschirm-Seite vergeben Sie zunächst eine Überschrift (z.B. „Leistungsübersicht“), erfassen den zugehörigen Text zur Beschreibung der Leistungen im Rich Text Editor (RTE) und klicken anschließend auf den Reiter „Bilder Option“:

TYPO3 Workshop - Tutorial (10-Inhalte erfassen)

Nun wählen Sie Ihr gewünschtes Bild aus (entweder von einem Speichermedium z.B. einer Festplatte, SD-Karte bzw. Digital-Kamera oder aus dem sogenannten TYPO3-fileadmin-Order, in den zuvor die entsprechende Datei hochgeladen wurde) und klicken auf Speichern. Anschließend wird das Bild automatisch auf den Server (Ordner: /uploads/pics) geladen und in der Erfassungs-Maske als kleines Bild angezeigt:

TYPO3 Workshop - Tutorial (11-Bild auswählen)

Fertig! Sie haben soeben Ihren eigenen Internetauftritt selbstständig um eine neue und ansprechende Webseite ergänzt:

TYPO3 Workshop - Tutorial (12-Neue Webseite fertig)

Sie können selbst entscheiden, wann diese neue Webseite auch für Ihre Besucher sichtbar wird, indem Sie unter Punkt 3 (Neue Seite anlegen) zunächst das Ankreuzfeld „Seite verbergen“ aktivieren.

Solange das Feld aktiviert ist, können nur Sie Ihre neue Seite über die Vorschau-Funktion sehen, wenn Sie im TYPO3-Backend angemeldet sind. Diese Verfahrensweise ist zu empfehlen, bis die Arbeiten an der jeweiligen Seite abgeschlossen sind.