non media TYPO3 Mini Manual Stand November 2006 verwendete TYPO3-Version: non media Ute Luft Weitsche Lüchow

Transkript

1 TYPO3 Mini Manual Stand November 2006 verwendete TYPO3-Version: non media Ute Luft Weitsche Lüchow 1

2 Begriffe - Fachchinesisch...dann wissen alle, worüber man redet. Backend - BE Die Rückseite von TYPO3 oder Administrationsoberfläche (Was für ein Wort! Deshalb lieber kürzer Backend ;-) ) Hier wird gearbeitet, hier kommt man nur mit Benutzername und Passwort rein. Frontend - FE Die Vorderseite oder ganz einfach die Webseite, die TYPO3 erzeugt. Deshalb auch für alle sichtbar. RTE - Rich Text Editor TYPO3s Textverarbeitung - fast so schön wie MSWord... Fileadmin Dateiverwaltungsecke von TYPO3 - hier können z.b. Bilder vom eigenen PC auf die Website hochgeladen werden. Strukturelle Besonderheiten von TYPO3 Seite <->Seiteninhalt TYPO3 unterscheidet zwischen Seite und Seiteninhalt. Der Titel der Seite ist auch immer der Menü-Eintrag, den TYPO3 erzeugt. Soll eine Seite noch nicht veröffentlicht werden, kann sie hier versteckt werden. Der Seiteninhalt ist das, was auf der Webseite angezeigt wird. Der Titel des Seiteninhalts wird also zum Titel des Webseiteninhalts. Es ist auch möglich und oft durchaus sinnvoll, auf einer Seite mehrere Seiteninhalte anzulegen. So kann man verschiedene Elemente der Webseite verstecken oder nur für angemeldete Benutzer anzeigen lassen. Icon <-> Name Immer wieder findet man in TYPO3 Dateibäume ähnlich wie im Explorer mit Namen und Icon davor. Je nachdem, was man anklickt, erhält man unterschiedliche Bearbeitungsmöglichkeiten. Wenn man das Icon anklickt, erhält man ein Menü mit weiteren Bearbeitungsmöglichkeiten (bearbeiten, löschen, verschieben, verstecken, etc). Klickt man auf den Namen, öffnet sich dieses Element. Im Fileadmin-Bereich wird die jeweilige Datei geöffnet, im Seitenbaum öffnet sich die Seite mit ihren Inhaltselementen. 2

3 Spalten im BE: was macht was? Die linke Spalte enthält die Module, die mittlere den Seitenbaum und rechts wird gearbeitet (Detailansicht). Hier erscheint je nach gewähltem Modul die Seiteninhalte, das Template, die Userverwaltung, die Statistiken... Module Ein Benutzer mit Adminrechten sieht alle Module, Benutzer mit eingeschränkten Rechten können nicht mit allen Modulen arbeiten. Das entbindet sie auch von der Angst, irgendetwas kaputt machen zu können ;-) Seitenbaum Der Seitenbaum spiegelt die Struktur der Website wider. Hier werden neue Seiten angelegt, verschoben und gelöscht. TYPO3 macht aus dem Seitenbaum (richtige Einstellungen im Template vorausgesetzt) die Menüs der Webseite. Immer und überall: Pulldown-Menüs Immer wieder stößt man auf Pulldown-Menüs in der Detailansicht. Sie lassen zwischen verschiedenen Ansichten und Möglichkeiten der Bearbeitung wählen. Einfach mal ausprobieren! 3

4 Icons Diese Icons gibt es überall in TYPO3: Stift = bearbeiten Lupe = Vorschauder Webseite neues Element = legt ein neues Inhaltselement an speichern und Dokument offen lassen speichern und zu machen nicht speichern, einfach verlassen Mülleimer = löschen Auge = verstecken/sichtbar machen Pfeil rauf/runter = sortieren, verschieben Fragezeichen = Hilfe Ordner = Datei auswählen mehr Optionen Wenn mal irgendetwas nicht da ist, es aber eigentlich sein sollte, einfach mal diese zwei Kästchen anklicken: Zweite Optionspalette anzeigen Zeige verborgene Inhalte an Wenn es dann immer noch fehlt, beim Admin beschweren ;-) und freischalten lassen! 4

5 Das Arbeiten mit TYPO3 Einloggen Für das Arbeiten im Backend muß man sich einloggen. Das Login ist meist über zu erreichen. Dort Benutzername und Passwort eingeben. Webseite ändern Um den Inhalt einer bestehenden Webseite zu ändern, das Modul Seite auswählen, dann im Seitenbaum auf den Namen der gewünschten Seite klicken. In der rechten Spalte erscheinen jetzt alle Inhaltselemente der Seite. Das Element zum Bearbeiten öffnen entweder einfach auf den Vorschau-Text oder auf das Stift-Icon oder auf die Schaltfläche in Rich Text Editor bearbeiten klicken. Die ersten beiden Varianten öffnen die komplette Eingabeseite, die Schaltfläche nur den RTE. Jetzt die Änderungen machen und mit einem Klick auf ein Speicher-Icon abspeichern. Link setzen Im RTE die zu verlinkenden Worte markieren und auf das Symbol Weltkugel mit Kette klicken. Es öffnet sich der sogenannte Element-Browser: eine Übersicht aller in TYPO3 angelegten Seiten. Für einen internen Link nun einfach eine Seite duch anklicken auswählen. Für einen externen Link den Reiter Externe URL auswählen und den link eingeben, link setzen klicken, fertig. Soll eine Datei geöffnet werden, den Reiter Datei auswählen. Es erscheint der Verzeichnisbaum unter /fileadmin. Hier die Datei suchen (evtl. Verzeichnisse ausklappen) und auswählen. Für eine Mailto-Verknüpfung den Reiter auswählen, -adresse eingeben, link setzen klicken, fertig. Seite Inhaltselement Seite Inhaltselement RTE Bild einfügen Wie so oft in TYPO3, gibt es hier mehrere Möglichkeiten: Bild im RTE einfügen Im RTE den Cursor an der gewünschten Stelle platzieren und auf das Bild-Icon klicken. Es erscheint der Verzeichnisbaum unter /fileadmin. Hier die Datei suchen (evtl. Verzeichnisse ausklappen) und auswählen. Anschliessend im RTE die Größe durch Ziehen der Markierungspunkte anpassen. Ist das Bild noch nicht im fileadmin-bereich gespeichert, kann man das auch von hier aus tun: im Element-Browser unterhalb des Verzeichnisbaums gibt es das Feld Bild hochladen:. Mit Durchsuchen kann man auf der Festplatte des eigenen Rechners die gewünschten Datei suchen. Upload kopiert die Datei in den fileadmin-bereich. Jetzt wieder im Element- Browser das Bild suchen und auswählen. Inhaltselement Text mit Bild wählen Das Inhaltselement Text mit Bild bietet die Möglichkeit, Text und Bilder in verschiedenen Layouts anzuordnen. Die Anordnung kann problemlos auch nach- Seite Inhaltselement RTE Seite neues Inhaltselement 5

6 träglich geändert werden, genauso kann nachträglich aus einem Inhaltselement Text ein Inhaltselement Text mit Bild werden. Der Text wird hierbei im RTE eingegeben, die Bilder werden im Feld Bilder: ausgewählt und die Anordnung mit Position: ausgewählt. Die Größe der aller Bilder wird mit Breite oder Höhe eingestellt und die Möglichkeit, die Bilder in Originalgröße anzuzeigen mit Klick-vergrössern: Die Auswahl oder der Upload der Bilder im Element-Browser funktioniert genauso wie bei Bild im RTE einfügen beschrieben. Seitentitel/Menü-Eintrag ändern Das Feld Seitentitel ändern, speichern, fertig! neue Seite anlegen Gewünschte Stelle im Seitenbaum suchen, Seiten-Icon anklicken, Neu wählen, Seite in oder Seite nach anklicken. Seite in legt eine neue Seite eine Ebene tiefer an, Seite nach eine Seite auf der gleichen Ebene. Die neue Seite erscheint dann nach der bestehenden Seite im Menü. Oder Erzeuge neue Seite auswählen und die Position für die neue Seite aussuchen. Oder Jetzt die Position für die neue Seite auswählen. Seite oder Seiteninhalt verstecken/noch nicht veröffentlichen Seite verstecken anwählen (allererstes Kästchen), speichern Oder mit dem List-Modul: Modul Liste -> Seitenbaum -> Seite Erweiterte Ansicht anwählen, das Auge-Icon anklicken Seite oder Seiteninhalt löschen Nicht alle Benutzer dürfen Seiten löschen, das hängt von den erteilten Rechten ab. Wenn die Seite einfach nicht auf der Webseite erscheinen soll, kann man sie auch verstecken. Das Mülleimer-Icon anklicken. Seite verschieben In der rechten Spalte die Position auswählen. Weitere aufsteigende Positionen werden ausgeklappt, wenn man auf das oberste Icon (das mit dem Pfeil) klickt. Hier kann man auch Seiten kopieren! Oder über das Klemmbrett, aber das kriegen wir später! Icon Bearbeiten oder Schaltfläche Seitentitel bearbeiten Icon Neu Schaltfläche Neue Seite Icon Ausblenden oder Schaltfläche Seitentitel bearbeiten Icon Löschen oder Schaltfläche Seitentitel bearbeiten Icon Weitere Einstellungen... Seite Verschieben 6

7 Seite kopieren Nach dem Kopieren im Seitenbaum eine andere Seite auswählen, auf das Seiten- Icon klicken und Einfügen in oder Einfügen nach auswählen. Oder so vorgehen, wie unter Seite verschieben, dabei das Kästchen Kopieren statt Verschieben in der rechten Spalte anklicken! Seite anschauen Modul Web -> Seitenbaum -> Seite-Icon -> Ansehen Modul Web -> Seitenbaum -> Seite -> rechte Spalte -> Lupen-Icon (gaaaanz oben!) zeigen die Vorschau in einem neuen Browserfenster. Achtung! Die Browsereinstellungen müssen das Öffnen eines neuen Fensters zulassen! Modul Anzeigen -> Seitenbaum -> Seite zeigt die Vorschau in der rechten Spalte. Übersetzung machen Im Pulldown-Menü rechts oben Sprachen auswählen. Wenn mehrere Sprachen für diese Website angelegt sind, erscheint oberhalb der Inhaltselemente ein weiteres Pulldown-Menü: Neue Übersetzung dieser Seite anlegen:. Die gewünschte Sprache auswählen. Icon kopieren Icon Ansehen oder Lupen- Icon rechte Spalte 7

8 Jetzt in der neuen Spalte ein neues Inhaltselement anlegen und fleißig drauf los übersetzen. Speichern nicht vergessen! Das Klemmbrett Das Klemmbrett bietet komfortable Möglichkeiten, Seiten, Inhaltselemente oder Dateien zu kopieren und zu verschieben. Modul List Seitenbaum Klemmbrett anzeigen Es ist im List-Modul und im fileadmin-bereich verfügbar und hat mehrere Abteilungen mit unterschiedlichen Voreinstellungen. Normal Kann nur ein Element aufnehmen, Voreinstellung kopieren Clipboard #1,2,3 Kann beliebig viele Elemente aufnehmen, Voreinstellung verschieben Voereinstellungen ändern mit: verschieben kopieren Man kann auch mehrere Abteilungen des Klemmbretts füllen und dann an verschiedenen Stellen der Site wieder leeren. Es lassen sich keine kompletten Seitenbäume auf dem Klemmbrett ablegen und verschieben oder kopieren. Dafür benutzt man die Funktion Seite verschieben bzw. Seite kopieren. 8

9 Noch mehr zu TYPO3 gibt es unter Empfehlenswert sind die Manuals Der Einstieg und das Handbuch für Redakteure. Beide sind sehr umfangreich, beziehen sich auf ältere TYPO3- Versionen und sind eher zum Nachschlagen als zum TYPO3-Lernen geeignet. Aber wenn man wissen will, was denn der Seitentyp Abstand ist, dann kann man das hier erfahren. Sehr hilfreich sind die Videos. Hier wird in kleinen Einheiten jeder Mausklick gezeigt, um zum gewünschten Ergebnis zu kommen. Die Videos gibt es teilweise auch in deutsch. Mehr für Insider: Podcasts. Kaspar veröffentlicht in loser Reihe Podcasts zu technischen Themen oder Themen aus der Community. Zu beziehen über oder auch über den Apple Musicstore. Documentation Documentation Videos Podcasts OpenSource TYPO3 ist OpenSource und wird unter der GNU GPL veröffentlicht. Wer das Projekt unterstützen möchte, kann der TYPO3 Association beitreten (association.typo3.org), an die Entwickler spenden oder gezielt Projekte und/oder gewünschte Extensions sponsern. Hinweise, Kritik, Vorschläge... sind immer und gerne willkommen! Bitte an Danke! 9