TYPO3 - Einstieg in 20 Minuten. Kurzanleitung für Anwender

Transkript

1 TYPO3 - Einstieg in 20 Minuten Kurzanleitung für Anwender TYPO3 ist ein durchaus vorbildlich dokumentiertes Open-Source-Projekt. In der Trainingspraxis hat sich jedoch gezeigt, dass die angebotenen Hilfen für viele Endanwender zu komplex und oft einiger Einarbeitungszeit bedürfen. Die folgende Anleitung soll auf kompakte Weise einen Einstieg in die Standartfunktionen für die tägliche Arbeit mit TYPO3 ermöglichen, ohne mit zu vielen Details zu verwirren. TYPO3 ist ein so genanntes Web Content Management System (CMS), das Inhalte, die auf einer Website zu sehen sind, organisiert. Was ein CMS ist kann am besten anhand des Spaghetti Beispiels gezeigt werden. Stellen sie sich einfach vor, in ihrem Lieblingsrestaurant steht ein Teller Pasta vor ihnen auf dem Tisch. Auf dem Teller gibt es Spaghetti (das Design), Bolognese-Soße (die Struktur der Website) und Parmesan Käse(die Inhalte). Nach einer Weile überlegen Sie es sich anders und bestellen um. Anstelle der Bolognese-Soße möchten Sie nun lieber Pesto Genoves. Der erstaunte Koch müsste die Soße von allen Spaghetti-Nudeln einzeln abstreichen. Erst dann könnte er neu anrühren. Im Grunde könnte er gleich alles neu kochen. Kaum zu glauben, aber wahr: Dieser Wahnsinn war lange Zeit beim Überarbeiten von Websites üblich. Webredakteure mussten zum Beispiel die Links von 1000 statischen HTML-Seiten ändern. Dank Content Management Systemen wie Typo3 gehören solche Albträume der Vergangenheit an. Der Webdesigner legt Designvorlagen an, der Administrator kümmert sich um die Technischen Details und der Anwender konzentrierte sich auf die Inhalte. Alle Teile können unabhängig voneinander verändert werden. Frontend und Backend Die folgenden Ausführungen möchten näher auf die Besonderheiten von TYPO3 eingehen. TYPO3 sollte man gedanklich in verschiedene Bereiche teilen: Das so genannte Frontend (FE) ist der Bereich, den die Nutzer ihrer Website sehen. Das Backend(BE) bezeichnet die Administrationsoberfläche, auf der Sie arbeiten, wenn Sie Inhalte ändern möchten. Sie ist passwortgeschützt und für jeden einzelnen Benutzer individuell je nach Aufgaben konfigurierbar. Daneben gibt es noch einen dritten Bereich, den Sie als Anwender aber nicht sehen können: den so genannten Seitencache. Der Seitencache ist ein Zwischenspeicher, in den die Seiten aufgenommen werden, nachdem sie einmal aufgerufen worden sind. Damit nicht für jede Seitenabfrage wieder eine Zeitaufwändige Datenbankabfrage gemacht werden muss, liegen die häufig angeforderten Seiten statisch im schnellen Cache. Immer, wenn eine Seite über das FE aufgerufen wird, schaut TYPO3 zuerst im Seitencache nach, ob die Seite bereits vorhanden ist. Als Anwender müssen Sie diesen Cache gelegentlich leeren. Die Anwender nutzen aber nicht eigene Anwendungen, wie etwa MS Office, sondern arbeiten alle auf einem Zentralrechner, dem Server. Daher ist eine Einstellung der Rechte elementar wichtig, damit nicht der eine Mitarbeiter die Arbeit des anderen zerstören kann. Folglich kann die Arbeitsoberfläche für einen Mitarbeiter der Abteilung A, auch anders aussehen als für einen Mitarbeiter der Abteilung B.

2 Die Anmeldung im Backend Um in das Backend zu gelangen, rufen Sie sie Login-Seite über folgende URL auf: http// wobei Sie "Ihredomain.de" durch ihre Internetadresse ersetzen. Sollten Sie sich nicht anmelden können, sind vielleicht Ihre Cookies nicht aktiviert. Überprüfen sie Ihre Browsereinstellungen und aktivieren Sie Cookies. Auch Pop-ups sollten sie zulassen, sonst funktioniert die Vorschaufunktion nicht. Im Backend (BE) füllen Sie ihre Website mit Inhalt. TYPO3-Benutzeroberfläche Die Benutzeroberfläche in Backend unterteilt sich in drei Bereiche: das Menü auf der linken Seite, die Seiten- oder Dateistruktur in der Mitte und den Eingabebereich auf der rechten Seite. Im Menü auf der linken Seite des Backends befinden sich die so genannten Module (Werkzeuge). Je nach den Benutzereinstellungen, die der Administrator Ihrer TYPO3- Installation vorgenommen hat, sehen Sie mehr oder weniger Werkzeuge in Ihrer Menüleiste. Neben dem grundsätzlichen Aufbau des Backends sollten sie ein weiteres wichtiges Navigationsinstrument verstehen: das Kontextmenü. Anders, als Sie es von Windows kennen, rufen Sie das Kontextmenü in TYPO3 mit der linken Maustaste auf. Die rechte Maustaste ist ja bereits durch Windows belegt. Zu dem soll das Kontextmenü auch mit Mac- Mäusen funktionieren. Ein klick auf die Piktogramme (icons) innerhalb des Seitenbaums - schon ist es aufgerufen. Aber Achtung: Wenn Sie auf die Titelbezeichnung - den Text - klicken, geschieht nichts. Einführung in die TYPO3-Module Gerade Anwendern, die noch nie mit einem Content Management System gearbeitet haben, sind die Werkzeuge ein TYPO3 oft nicht sofort verständlich. Die wichtigsten Werkzeuge sind das Seitenmodul, die Dateiliste und das Listen-Modul. Sowohl das Modul "Seite" als auch "Liste" stellen Inhalte in Form von Datenbankeinträgen dar. Das Modul "Dateiliste" ist dagegen vergleichbar mit dem Windows Explorer und zeigt Dateien an, auf die die einzelnen Seiten zugreifen. Das können etwa er oder Stilvorlagen sein. Der Unterschied zwischen den Modulen "Seite" und "Liste" ist ebenfalls wichtig. Das Modul "Liste" zeigt Datenbankeinträge, die nicht bloß einfach Seiteninhalte darstellen. Der Anwender verstünde es eher, wenn man von Formularen sprechen würde. Aber in TYPO3 heißen diese Formulare Listen. Ein Beispiel für einen Inhalt in "Liste" wäre ein Kunden-Adresssatz. Ein Beispiel für den Bereich "Seite" wäre etwa eine impressum-seite oder eine Seite, die verschiedene Adresssätze anzeigt. Ein Beispiel aus der TYPO3-Praxis soll die Verwendung demonstrieren. Nehmen sie an, ihr Chef hat ihnen die Aufgabe gegeben, dass Sie eine Übersichtsseite mit de ern der Mitarbeiter anlegen sollen. Und so würden sie vorgehen: im ersten Schritt laden Sie über "Dateiliste" alle Dateien hoch, die Sie für die Seiten benötigen, also alle Fotos. Sie kennen das vom Windows Explorer.

3 In TYPO3 läuft das ganz ähnlich. Im zweiten Schritt kommt das Modul "Liste" an die Reihe: Dort geben Sie über Formulare die Personaldaten ein. Sie erstellen quasi eine Mitarbeiterdatei. Dabei ordnen Sie gleichzeitig den Datensätzen die entsprechenden Mitarbeiter Fotos zu. Im letzten Schritt gehen Sie auf das Modul "Seite" und legen fest, wie die Mitarbeiterübersicht denn nun aussehen soll. Unter dem Modul "Seite" kann man also sehen, wie und wo die diese Inhalte später angezeigt werden. In der Regel werden Sie einen einleitenden Text sowie eine Abfrage einfügen, die die Daten darstellt. Doch dazu später. Seiten anlegen und beschreiben Um eine neue Seite anzulegen, klicken Sie im Menü auf Seite. In der Mitte sehen Sie nun den Seitenbaum mit der Struktur Ihrer Website. Mit der linken Maustaste klicken Sie nun das Icon einer Seite an. Achten Sie darauf, dass Sie nicht den Text sonder wirklich das Icon- chen anklicken. Nur dann erscheint das Kontextmenü. Das kann auch ein paar Sekunden dauern. Sie klicken nun auf "Neu" und erhalten folgende Anzeige: Wählen Sie hier " Seite(in)" aus. Nun erhalten sie ein Formular mit den Seiteneinstellungen (s.l.): Standardmäßig wird eine neue Seite versteckt. Wenn Sie möchten, dass die Seite sofort veröffentlicht wird, können Sie das Häkchen entfernen. Für eine normale Seite reicht es, wenn Sie zunächst nur den Seitentitel eingeben. Seitentype einstellen Unter Typ können sie den Seitentyp einstellen. Standart beschreibt eine normale Web-Seite mit Inhalten, extern URL verweist auf eine andere Seite innerhalb Ihrer Website und Sysordner auf einen Ordner mit Datenbank-Inhalten, etwa News. Das Häkchen vor "Menü verstecken" ist dann sinnvoll, wenn der Seitentitel nicht im Navigationsmenü des Frontends erscheinen soll. Mit Start und Stopp können Sie den Veröffentlichungszeitraum einstellen. Da alles automatisch funktioniert, können Sie darauf vertrauen, dass beispielsweise ein Weihnachtsgruß pünktlich ein- und wieder ausgeblendet wird. Außerdem können Sie noch den Zugriff auf eine bestimmte Benutzergruppe beschränken, etwa wen Sie Seiten vorbereiten, die in einen Passwortgeschützen geschützten Bereich sollen.

4 Seiteninhalte anlegen und bearbeiten Nachdem Sie eine neue Seite angelegt haben, klicken Sie im Seitenbaum auf die neu angelegte Seite. Achten Sie darauf, nun nicht das Icon, sondern den Text anzuklicken. Im rechten Inhaltsbereich klicken Sie auf das Neu-Symbol vor und nach bestehender Inhaltselementen. Nun müssen Sie den jeweiligen Inhaltstyp auswählen: Standart-Inhaltstypen Für die meisten Anwendungen wird einfach Text oder Text mit ern ausgewählt. Sie können aber auch Multimedia-Elemente wie Flash oder Video einfügen, direkt HTML-Code eingeben ( etwa wenn Sie einen Codeschnipsel bekommen haben, um ein Banner in den Inhalt einzubinden). Oder Sie erstellen ein Kontaktformular. Dazu verwenden Sie einfach den Standart-Inhaltstype"Normaler Text". Wenn Sie die Auswahl des jeweiligen Inhaltstyps gemacht haben, werden Ihnen entsprechende Eingabemasken angezeigt. Sie sind in der Dokumentation[1] näher erläutert. Formatieren mit dem Rich Text Editor Wenn Sie nun Text eingeben, möchten Sie die Ausgabe eventuell noch einwenig formatieren, etwa bestimmte Wörter kursive oder fett setzen oder Aufzählunspunkte einfügen. Dazu gibt es in TYPO3 den so genannten Rich Text Editor (RTE). Er öffnet sich automatisch, wenn Sie, wie eben beschrieben, einen neuen Inhalt anlegen. Im Grunde funktioniert der RTE genauso, wie Sie es von Microsoft Word her kennen. Ihre Formatierungen werden im HTML-Format abgespeichert, ohne das Sie programmieren müssen. Allerdings können Sie sich den Quellcode anzeigen lassen, indem sie auf das Symbol"<>" klicken. Mit Ihrer täglichen Arbeit mit dem RTE werden Sie vielleicht Texte aus einen bereits vorhandenen Word Dokument übertragen wollen. Dazu kopieren Sie einfach den im Word markierten Text mit der Tastenkombination (STRG+C) wechseln zu TYPO3 und fügen die Inhalte mit (STRG+V) ein. Achtung: Die Formatierungen, die Sie aus Word kopieren, werden alle mit kopiert. Dabei kann es zu unerwünschten Effekten in der Darstellung kommen. Sie sollten also immer nach dem kopieren sofort alle Word- Formatierungen entfernen. Dazu markieren Sie den kompletten eingefügten Text und drücken dann auf das Symbol für "Formatierung entfernen". Nun können Sie mit den Funktionen aus dem Rich Text Editor den Text neu formatieren.

5 Links einfügen Wählen Sie anhand des Reiters aus, ob Sie einen Link zu einer Internen Seite Ihrer Website, einen externen Link, einen Link auf eine Datei oder eine Adresse (Mailto) legen wollen. Alles andere ist selbsterklärend. er einfügen er sollten Sie möglichst nicht mit den Rich Text Editor anlegen, sondern indem Sie einen neuen Inhalt von Inhaltstyp "er" oder "Text mit er" anlegen. Vorher müssen die er allerdings im Modul "Dateiliste" auf den Server laden. So stehen Ihnen viel feinere Einstellungsmöglichkeiten zur Verfügung. Um ein oder mehrere er einzubinden, klicken Sie auf das Ordnersymbol. Es öffnet sich ein Pop-up mit dem TYPO3-Element-Browser. Wählen Sie nun mit einem klick auf das Plus- Symbol ein oder mehrere er aus. Wenn sie fertig sind schließen Sie das Pop-up einfach. Sie können nun noch die Position bestimmen und angeben, wie viele er nebeneinander dargestellt werden können (Spalten). Übrigens sollten Sie Ihre er, wenn möglich, immer erst mit dem Datei-Listen Modul Hochladen und die er nicht von hier aus direkt einbinden. Nur wenn Sie so (zweistufig) vorgehen, ist sichergestellt, dass Sie ein bild von zwei Stellen Ihrer Website nutzen können und dass Sie im Modul Dateiliste alle er bequem verwalten können. Anschließend können Sie in Ihrem Eingabeformular Breite, Höhe und Qualität der er einstellen und Ihre er mit einem Effekt versehen. TYPO3 setzt in Sachen er einstellen und Ihre er mit einem Effekt versehen. TYPO3 setzt in Sachen errendering kaum Grenzen. Bei der Qualität sollten Sie JPG oder PNG für Fotos und GIF für flächige Grafiken wählen. Auf diese Weise können Sie auch ganze Galerien anlegen. Allerdings gibt es für anspruchsvolle Galerien eigene Plugins die weitaus mehr können.

6 Speichern, Löschen und bearbeiten von Inhalten Wenn Sie Ihre Inhalte fertig haben, sollten Sie diese speichern. Übrigens sollten Sie auch zwischenspeichern, denn nach einer Weile erlischt Ihre Session-Cookie und Sie müssen ich erneut einloggen. All Ihre Arbeit wäre in diesem Fall verloren. Ihre Inhalte speichern Sie durch klicken auf das Diskettensymbol ab. Die Diskette mit Lupe ermöglicht Ihnen eine Vorschau im Frontend. Wenn Sie die Diskette mir Kreuz drücken, springt TYPO3 auf die Seitenübersicht. Wenn Sie nur das Kreuz drücken wird nicht abgespeichert. Das Papierkorb-Symbol löscht den betreffenden Inhalt. Sollten Sie später mal Inhalte ändern wollen, so wählen Sie im Menü "Seite" aus und klicken auf das Bleistiftsymbol des Inhaltselements. Mit klick auf das Lupensymbol können Sie das Ergebnisse Ihrer Arbeit in einem Separaten Popup sehen: Nächste Schritte Diese Kurzanleitung sollte Ihnen den Start mit TYPO3 ohne das Wälzen dicker Handbücher ermöglichen. Sie sollten die Funktionen spielerisch erkunden. Für eine effektive Arbeit benötigen Sie noch Kenntnisse in den Breichen Formulardaten (z. B. Adresseinträge verwalten). Versionierung und Workflows sowie einige