Einführung in TYPO3 Diese Einführung ist als Ergänzung zur geplanten Schulung in Ludwigshafen zu verstehen. Zunächst ist die Anmeldung am System erforderlich. Rufen Sie die Seite http://ceres.informatik.fh-kl.de/lmk/typo3/ auf und geben Sie Name und Passwort ein. Dann präsentiert sich das Backend. Um es direkt vorzugreifen: Sie werden nicht viel mehr als die Funktionen Seite, Liste und Workspace benötigen. Damit Sie schnell mit dem Backend vertraut werden, klicken Sie auf Seite, das folgende Bild bietet sich Ihnen. Sie haben das Modul Seite aktiviert, welches Ihnen die Inhalte der gewählten Seite in zwei Spalten präsentiert. Die beiden Spalten heißen NORMAL und RECHTS und spiegeln die mittlere und rechte Spalte auf der Webseite wieder. 0 Die Modulauswahl. Der Arbeitsweg beginnt hier. Vielleicht werden Sie nicht alle Module brauchen, doch sie werden nachfolgend erklärt. 1 Der Seitenbaum. Sie müssen die Seite wählen, auf der Sie arbeiten wollen. Der Baum verhält sich wie der Dateibaum beim Windows Explorer und bildet die gesamte Seite ab. Die Ordner werden später erklärt. 2 Neue Version der Seite anlegen. Wenn Sie die Seite bearbeiten wollen, legen Sie eine neue Variante an, dann ändert sich die Farbe der Seite im Seitenbaum und die Seite gehört Ihnen. 3 Sie können auch neue Unterseiten anlegen. Mehr dazu in Neue Seite anlegen. 4 Der eigentliche Inhalt. Anlegen und Bearbeiten lernen Sie in Inhalt-Elemente. 5 Dialoge in TYPO3 können recht tief sein. Die Auswahl heisst Dropdown Box, aber sie wird nur selten benötigt. Sollten Sie einmal Ihr Modul anders vorfinden, als Sie es gewöhnt sind, ist die Dropdown Box meist dran schuld :)
Grundlegende Operationen in TYPO3 Bevor die Module erklärt werden, soll eine Chance auf Misverständnis beseitigt werden. Egal welche Art von Inhalt Sie anlegen werden, alle Änderungen müssen in eine Datenbank geschrieben werden. Und TYPO3 wird erst dann etwas unternehmen, wenn Sie es explizit signalisieren. Das Speichern gehört für alle Änderungen von Anfang an dazu, sonst passiert nichts in der Informatik-Ebene. Einfach gesagt, Sie müssen Speichern. Wenn Sie das Dokument verlassen ohne zu speichern, ist es vielleicht noch offen aber die von Ihnen eingetragenen Inhalte werden nicht länger gespeichert, als Sie angemeldet sind. An den Symbolen für das Speichern scheiden sich aber bereits die Geister und es ist sinnvoll, dies zu erklären. Die Diskette ist heutzutage allgemein verständliches Symbol für das Speichern (1). Dabei werden die Werte des Formulars in die Datenbank geschrieben und das Formular bleibt geöffnet. Benutzen Sie diese Funktion, um zwischenzuspeichern. Die Diskette mit Lupe steht für Speichern und Anzeigen (2). Ein Browserfenster wird sich öffnen und das gespeicherte Element anzeigen. Das Diskettensymbol mit dem Zahnrad erlaubt das Speichern des aktuellen Dokuments und das automatische Öffnen des gleichen Formulars (3), damit ein weiteres Element der gleichen Art angelegt werden kann. Sehr hilfreich, wenn Sie z. B. mehrere FAQ Elemente hintereinander anlegen möchten. Das Symbol mit dem X vor der Diskette bereitet unter Umständen Verständnisprobleme. Die Funktion dahinter speichert das aktuelle Formular und schließt es. In den meisten Fällen wird diese Funktion gebraucht, obwohl man es als nicht speichern verstehen könnte. Aber: Das Diskettensymbol + X heisst Speichern und Schließen (4). Das X ohne Diskette schließt das Formular ohne zu speichern (5) und dem damit dem Abbruch gleich.
Die Module der Gruppe Web Seite ist das gängigste Modul und erlaubt das Anlegen und Bearbeiten von Seiteninhalt. Dabei wird der Inhalt wie auf der Webseite platziert, in zwei Spalten und mit Vorschaubildern. Alle Inhalte kommen untereinander zum Vorschein, wie auch auf der Webseite. View wird nur zum Betrachten der Seite im Backend benötigt. Es ist empfohlen, die Seite in einem extra Browserfenster zu betrachten. Liste ermöglicht, wie auch Seite die Erstellung und Änderung von Seiteninhalt und Seiten selbst. Dabei geht es in Liste eher darum, alles auf einen Blick zu sehen, egal in welcher Spalte der Inhalt später steht. Es kann eigentlich nicht mehr als Seite, aber ist übersichtlicher bei Seiten mit viel Inhalt. Info zeigt Ihnen Systeminformationen zum jeweiligen Objekt (Seite/Seiteninhalt) an, beispielsweise wann es erzeugt wurde. Funktionen sind kleine Helfer. Über die Dropdown Box in der Mitte können Sie zwischen Erzeuge mehrere Seiten und Sortiere Seiten wählen. Beide Funktionen sind selbsterklärend. Versionisierung heißt das wichtige Modul zur Veröffentlichung Ihrer erstellten Inhalte. Drücken der Taste Send all to Review bzw Send to Review signalisiert, dass Sie den Inhalt der aktuell gewählten Seite veröffentlichen wollen und der Editor (Hr. Dr. Kind) wird benachrichtigt. Mailformplus ist nicht wichtig, und wird eventuell schon garnicht mehr sichtbar sein. Das Modul der Gruppe Datei Die Dateiliste ermöglicht Ihnen, Mediendateien auf den Server zu laden. Dabei ist zu beachten, dass der Server die Dateigröße begrenzt. Sie werden das Verzeichnis fileadmin/webdateien/ sehen und können es frei nutzen. Bei der Erstellung von Inhalt können Sie dann auf Dateien in diesem Verzeichnis zurückgreifen. Die Module der Gruppe Benutzer Das Task Center ist für die Koordinierung der ToDo s gedacht. Derzeit nicht verwendet. Einstellungen erlaubt Ihnen, das Backend ein wenig an Ihren Geschmack anzupassen. Nutzen Sie dieses Fenster, um das Passwort zu ändern oder die Hilfetexte ein- und auszublenden. Workspace zeigt Ihnen die Übersicht der bearbeiteten Seiten und die Stufe der Inhalte (Editing, Review, Publish). Nutzen Sie dieses Modul als effektiver Ersatz für Versionisierung. In der Spalte Stufe können Sie für jedes Element mit dem Klick auf den Pfeil nach oben optional einen Kommentar abgeben und die Stufe Review erreichen. In dieser Stufe wird Ihr Inhalt geprüft und dann veröffentlicht.
Das Modul Workspace in Aktion. Einiges ist noch auf Englisch, aber man sollte es trotzdem gut verstehen können. 1 Sie können die Stufe für das Element erhöhen und gegebenenfalls einen Kommentar an den Editor schreiben. 2 Hier können Sie das Element löschen, nochmal bearbeiten, den Verlauf der Versionen ansehen oder das Element in der Vorschau betrachten. Der Seitenbaum Das wichtigste Navigationsinstrument ist der Seitenbaum. Damit Sie die Elemente alle schnell finden und dabei TYPO3 kennenlernen wird der Baum kurz erklärt. Als erstes ist zu erwähnen, dass das System ein Kontextmenü hat. Klicken Sie mit der rechten Maustaste auf eine Seite im Baum. Das nebenstehende Kontextmenü präsentiert sich. Arbeiten Sie lediglich mit den Punkten, die Ihnen vertraut sind, da einige Punkte tiefgreifend die Seite ändern könnten (auch wenn Sie zu den meisten Befehlen keinen Zugang haben sollten). Das Kontextmenü eignet sich, schnell eine Seite anzulegen mit dem Menüpunkt Neu. Sie können auch per Drag&Drop Teile der Seite verschieben, dann öffnet sich auch ein Kontextmenü. Die meisten Seiten im Seitenbaum haben weisse Icons, die wie Dokumente aussehen. Doch es gibt auch einige, die ein Ordner Icon besitzen. Diese Seiten sind tatsächlich Ordner, und nennen sich SysFolder. In einigen dieser SysFolder spielt sich ein wesentlicher Teil der Webseite ab. Zum Beispiel ist das komplette LMK Service Menü ausgegliedert im gleichnamigen SysFolder. Dazu folgt nun mehr.
Der Ordner LMKService In diesem SysFolder sind alle Seiten untergebracht, die im horizontalen Menü auf der Webseite erreicht werden können. Die Seiten zur Selbstdarstellung, für die Rechtsgrundlagen und für die FAQ (frequently asked questions) können hier geändert werden. Die Elemente in Neuigkeiten, Presse und Veranstaltungen ändern Sie hier bitte nicht, sondern verwenden dazu den SysFolder Spezielle Elemente. Die FAQ sind in Kategorien unterteilt. Um FAQ Elemente zu ändern wählen Sie im Seitenbaum im Ordner LMKService die Seite FAQ (vorzugsweise im Modul Liste). Die Seite hat sieben Unterseiten. Wählen Sie die Seite (Kategorie), in der Sie etwas ändern möchten. (Pfeile)
Innerhalb der zu bearbeitenden Seite legen Sie, falls nicht schon geschehen, eine neue Version der Seite an (1). Dann dürfen Sie Elemente vom gleichen Typ (minifaq-element) anlegen (2) oder bestehende Elemente bearbeiten (3). Beachten Sie, dass das Icon neben der 2 sich immer auf den Element-Typ unterhalb des Icons bezieht. In diesem Fall ist der Typ minifaq-element. MiniFAQ-Elemente sind wirklich einfach. Sie geben in das Feld unter Frage die Frage und in den RTE (RichTextEditor) unter Antwort die Antwort ein. Wenn Sie das Häkchen bei Verstecken nicht gesetzt haben, ist die Frage nach dem Publish sofort sichtbar. Der RTE und das Abspeichern gleicht dem Bearbeiten aller anderen Inhalt-Elemente und wird dort thematisiert. Achten Sie darauf, keine anderen Elemente als FAQ-Elemente + Seitenüberschrift in die FAQ Seiten zu speichern.
Der Ordner Spezielle Elemente >> News, Presse und Veranstaltungen Die Neuigkeiten, die Pressemitteilungen und die Veranstaltungen folgen anderen Prinzipien und müssen (deshalb) ausgelagert werden. Sie werden sich daran gewöhnen und es für sinnvoll befinden, die Elemente zentralisiert im Ordner Spezielle Elemente zu bearbeiten. Für die oben genannten Elemente gilt das Gleiche, nur befinden sie sich in verschiedenen Unterordnern. Es sind alles Elemente vom Typ News. Navigieren Sie in den Ordner Spezielle Elemente und dessen Unterordner Newseinträge um eine Neuigkeit einzugeben. (Pfeile) Sie bemerken, dass Newseinträge sich blau gefärbt hat im Seitenbaum, weil die neue Version der Seite bereits angelegt wurde (1). Nun erlaubt die Taste sogar das Publishing, resultiert aber in der Stufe Review, deshalb bleiben Sie bei der Arbeitsweise mit dem Workspace Modul. Sie können auch hier entweder ein neues Element gleichen Typs anlegen (2) oder ein bestehendes bearbeiten, indem Sie auf den Stift in der entsprechenden Zeile klicken (3). Nachfolgend eine Schritt für Schritt Anleitung für das News-Element. Es gilt entsprechend für die Seiten Neuigkeiten, Presse und Veranstaltungen. Sie müssen jedoch im Auge behalten, in welchem Ordner Sie sich gerade befinden.klicken Sie auf das Icon zur Erstellung eines Elements gleichen Typs (2). Es öffnet sich ein komplexeres Eingabeformular, das zwei Seiten hat (Allgemein und Relations). Zunächst füllen Sie die Standardinformationen auf der Seite Allgemein aus. Dazu gehört zwingend der Titel, der Autor und der Text. Der Text wird mittels RTE (RichTextEditor) bearbeitet, mehr dazu im Abschnitt Inhalt-Elemente.
News sind Nachrichten, die sich im Laufe der Zeit vielleicht zu einem großen Netzwerk ausbauen. Dazu müssen sie aber von Anfang an korrekt ausgefüllt werden, mit einem kurzen Text in Untertitel, der auch als Teaser dienen kann. Stichworte unterhalb des RTE sollten Sie auch ausfüllen, wenn Ihnen ein paar einfallen. Stichworte sind prima bei der Suche oder bei der Kontextverknüpfung. Zum Thema Kontextverknüpfung ist die zweite Seite der News hervorragend geeignet. Klicken Sie auf Relations, Ihre Eingaben auf Allgemein bleiben gespeichert. 1 Zwischen Allgemein und Relations umschalten, derzeit ist Relations ausgewählt. 2 Hier können Bilder entweder hochgeladen oder aus den webdateien ausgewählt werden und diese erscheinen dann in den News. 3 Falls das Bild eine Bildunterschrift haben soll, tragen Sie sie in einer einzigen Zeile hier ein. 4 Der Alternativ-Text des Bildes muss sein, damit JEDER was von den Medien auf der Webseite hat. Kurz und knapp. 5 Pro Zeile ein Link, den Sie bitte aus der Adresszeile Ihres Browsers kopieren (besuchen Sie die Seite bevor Sie sie verlinken). 6 Hier können Sie bereits bestehende News-Elemente mit diesem hier verbinden und so zu einem Netzwerk von Nachrichten beitragen. Unterhalb der Nachricht wird dann ein Link erscheinen mit in Verbindung stehende News: 7 Sie können neben Bildern auch Dateien an die News anhängen. Dann kann der Besucher die Datei herunterladen (zum Beispiel die News, Einladung oder Pressenachricht als Original PDF). In Relations ist alles optional. Jedoch, wenn Sie ein Bild verwenden, bitte fügen Sie auch einen Alternativ-Text ein. Auch noch interessant für Neuigkeiten, ist auf der Seite Allgemein das Archivdatum. Tragen Sie hier im Format TT-MM-JJJJ das Datum ein, an dem das Element nicht mehr neu ist. Für Veranstaltungen wohl besonders sinnvoll. Tragen Sie den Tag nach dem Veranstaltungs- Termin ein.
Neue Seiten anlegen Eine Seite enthält Seiteninhalt und eventuell weitere Seiten. Der Seitenbaum kann von Ihnen um Seiten erweitert werden. Auch diese müssen publiziert werden, bevor sie tatsächlich auf der Webseite sichtbar werden. Wählen Sie die Seite in der Sie die neue Seite erzeugen möchten (1). Nun haben Sie mehrere Möglichkeiten, TYPO3 anzweisen, diesem Wunsch nachzukommen. Die einprägsamste ist das Kontextmenü im Seitenbaum. Die Vorgehensweise ist im Abschnitt Seitenbaum beschrieben. Die andere Möglichkeit ist, im Modul Liste die ausgewählte Seite zu betrachten und dann rechts auf Neuen Datensatz anlegen zu klicken. Dieser Befehl befindet sich immer unterhalb allen anderen Angaben im rechten Bereich des Backend. Nach dem Klick präsentiert sich das Menü, in dem ausgewählt werden kann, welcher Art der neue Datensatz sein soll. Sie möchten eine Seite anlegen. Daher empfiehlt sich der Datensatz vom Typ Seite (in) (2). Das bedeutet, dass eine Seite in der aktuell gewählten, im Beispiel also Hörfunk in RLP angelegt wird. Die Option Seiteninhalt (3) wird im nächsten Abschnitt behandelt. Mit dem Datensatz vom Typ Seite (nach) (4) wird eine Seite nach der aktuellen, also auf gleicher Ebene, angelegt. Der Assistent (5) macht das Selbe, jedoch lässt er Sie in einem kleinen Menü auswählen, wo die neue Seite hin soll. Sie haben jederzeit die Möglichkeit, das Menü abzubrechen, indem Sie auf Zurück klicken (6) oder einfach eine andere Seite im Seitenbaum auswählen. In beiden Fällen passiert nichts in den Datensätzen. Legen Sie jedoch mit einem der oben genannten Klicks eine Seite an, öffnet sich ein neues Fenster. In diesem wird die neue Seite mit den nötigen Werten versehen. Beachten Sie, dass die Seite in jedem Fall nur innerhalb Ihres eigenen Workspace gilt, bis sie published wird.
1 Seite verstecken, diese Option sollte nicht aktiviert sein, aber sie kann auch nachträglich geändert werden. 2 Der Typ wird immer Standard sein. Lassen Sie auch das Layout unberührt. 3 Geben Sie den Seitentitel an, dieser erscheint später auch in der Navigation der Webseite, wenn die Seite published worden ist. 4 Der Alias ist optional und benennt die Seite für das System. So wird der Alias statt einer Nummer benutzt, um die Seite zu adressieren, was schöner und menschlicher in der Adressleiste des Browsers aussieht. Das Ziel lassen Sie bitte unberührt, da das System sich um alles kümmert. 5 Ein Untertitel ist optional und wird gegebenenfalls von der Sitemap genutzt und trägt damit zur Suchmaschinenoptimierung bei. Zum Punkt 2, dem Seitentyp, sei gesagt, dass es in besonderen Fällen sinnvoll sein kann, eine Seite vom Typ Shortcut oder Externe URL anzulegen. Diese kleine Einführung soll jedoch erst einmal das ganze System vorstellen und wird gegebenenfalls um eine Profi-Redaktion Einheit erweitert :) Nachdem die Seite angelegt ist, kann sie selbstverständlich auch verschoben werden. Ziehen Sie dazu einfach die Seite wie in Abschnitt Seitenbaum beschrieben auf die Seite, in der Sie die Seite gerne hätten (sofern Sie Zugriff auf Quell- und Zielseite haben). Im sich öffnenden Menü klicken Sie auf Verschiebe Seite (in). Das Menü ist selbst erklärend. Hat die verschobene Seite Unterseiten sollten diese mit kopiert werden. Die Konfiguration bezüglich des rekursiven Kopierens im Modul Einstellungen sollte das ohne Ihr Zutun erlauben.
Inhalts-Elemente anlegen und bearbeiten Nun kommt der große Inhaltsteil. Inhalt in TYPO3 ist alles, das auf der Webseite gezeigt wird und noch einige weitere Elemente, die dazu beitragen, dass die Webseite so aussieht, wie sie aussieht. Nun wird auf die Element Typen Text, Text mit Bild, Bild, Tabelle und Aufzählung eingegangen. Sie sehen rechts den Assistenten für Seiteninhalt, der sich auswählen lässt nachdem auf Neuen Datensatz anlegen geklickt wurde. Die Auswahl gilt für normale Seiten im Seitenbaum, und ändert sich für SysFolders. Wie Sie sehen, ist der für Sie relevante typische Seiteninhalt bereits einfach gruppiert und sie wählen nur noch aus, was Sie anlegen möchten. Hier wird der Seiteninhalt für Seiten vom Typ Standard besprochen. Seiteninhalte vom Typ Formulare und Plugins bleiben dem Administrator vorbehalten, nicht zuletzt weil die Elemente eine weitere Konfiguration benötigen. In HTML erfahrene Redakteure können sich an dem speziellen Element Reines HTML versuchen und eigene Codes einfügen. Es wird ausdrücklich nicht empfohlen, HTML Elemente selbst zu erzeugen, da das System streng XHTML konforme Ausgabe vollzieht und Ihr HTML eventuell zu Problemen führt. In der Praxis stellt sich jedoch oft das Problem, komplexe Tabellen zu erzeugen und wenn man genau weiss, was man macht, kann das Element Reines HTML sehr effektiv eingesetzt werden. Wählen Sie den anzulegenden Element-Typ und anschließend die Position des zu erzeugenden Elements. Wenn bereits Elemente in der Seite in der Spalte NORMAL existieren, sollte das neue Element unterhalb dieser eingefügt werden. (Pfeil). Anschließend öffnet sich der Dialog, abhängig des gewählten Element-Typs. Auf den folgenden Seiten werden Sie mit allen Dialogen vertraut gemacht.
Inhalts-Element TEXT Das Text Element ist üblicherweise das am häufigsten verwendete auf einer normalen Webseite. Durch den RTE (RichTextEditor) kann der Text in TYPO3 recht komfortabel bearbeitet werden. Der RTE ähnelt den Office Texterfassungsprogrammen und versucht, die wichtigsten Funktionen abzubilden. Schreiben Sie in dem Office Texterfassungsprogramm Ihrer Wahl den Inhalt vor und fügen Sie ihn über die Zwischenablage ein oder schreiben Sie im RTE selbst den Inhalt. Sehr Vorteilhaft ist die Verwendung von so genanntem Struktur-Markup. Damit sind die Überschriften in (X)HTML gemeint. Diese Header Anweisungen sind vordefiniert und ermöglichen das saubere Navigieren von Absatz zu Absatz im Text. Der RTE im Überblick: 1 Die erwähnten Überschriften. Die Überschrift über dem RTE Feld ist schon von der Größe Überschrift 1 so dass es sich empfiehlt, mit Überschrift 2 zu beginnen. Verwenden Sie konsequent dieses Element zur Gliederung Ihrer Inhalte. 2 Formatieren Sie den Inhalt mit den gewohnten Funktionen fett und kursiv. Auch Hochstellen und Tiefstellen wären möglich, zur Zeit jedoch nicht implementiert. 3 Fügen Sie Listen oder Nummerierungen ein und machen Sie den Inhalt noch übersichtlicher. Sobald mehr als drei Elemente zusammengefasst werden können lohnt sich schon eine Punkteliste. Mit dem Einzug können Sie leicht auf das Layout wirken, testen Sie jedoch das Resultat. 4 Das Ω steht für die Sonderzeichen, die eingefügt werden können. Die Weltkugel mit Kette steht wie gewohnt für Hyperlinks. Nähere Erläuterung nach dem RTE Abschnitt. 5 Wie in der Textverarbeitung üblich, Suchen und Ersetzen. Öffnet neues Fenster. 6 Die erste Schaltfläche (<>) wechselt in den HTML Code Modus. Die zweite nimmt die Formatierung vom ausgewählten Element. 7 Rückgängig machen und wiederherstellen. Das Fragezeichen steht für die Hilfe. 8 Diese Schaltflächen stehen für die Bearbeitung von RTE Tabellen. Benutzen Sie für Tabellen das wesentlich einfachere und konforme Inhalts-Element Tabelle. Die Schaltflächen werden nicht näher besprochen. 9 Bei Bedarf lässt sich der RTE auch abschalten.
Hyperlinks: Im geöffneten RTE sind Hyperlinks ganz einfach. Da diese Funktion jedoch so wichtig ist, gehört ihr ein eigener Abschnitt. Sie markieren das gewünschte Wort oder die Wortkette und klicken dann auf das Hyperlink Symbol in der RTE Symbolleiste. Der markierte Bereich wird zum Link. Es ist zu unterscheiden, welcher Art der Hyperlink ist. Das ist auch das erste, das TYPO3 von Ihnen im neu öffnenden Link Fenster wissen möchte. Soll der Link auf eine externe Seite zeigen, oder auf eine intere (innerhalb der LMK Webseite), oder ist der Link als Email Adresse zu verstehen? Im oberen Bild wird ein Link auf eine andere Seite (1) innerhalb der LMK Seite angelegt. Es sollte ein Titel verwendet werden, mit dem ein Leser auch etwas ohne Kontekt Information anfangen kann. Zumindest aber soll aus dem Titel hervorgehen, dass es ein interner Link ist und im aktuellen Fenster geöffnet werden wird (2). Anschließend wählen Sie die Zielseite aus dem Ihnen vertrauten Seitenbaum (3) im gleichen Fenster aus. Externe Links werden auf die gleiche Weise angelegt. Die Vorgehensweise unterscheidet sich lediglich durch die Angabe einer externen URL im Format http://domain.de wodurch der Seitenbaum sich erübrigt. Dateien werden ähnlich verlinkt. Soll der Link auf eine Datei innerhalb des fileadmin/webdateien/ Verzeichnis zeigen, wählen Sie den Link-Typ Datei aus (1), geben Sie dem Download einen Titel (2) und wählen Sie aus dem Verzeichnisbaum Webdateien ein Verzeichnis aus (3). Anschließend können Sie eine Datei aus diesem Verzeichnis zu einem Link machen (4), in dem Sie auf den Namen der Datei klicken. Emails sind noch einfacher. Wählen Sie Email und tragen Sie die Adresse ein. Fertig.