Dokumentation TYPO3. SoftwareEntwicklung. WebTechnologie. IT-Beratung TYPO3 6.2 LTS

Transkript

1 SoftwareEntwicklung WebTechnologie IT-Beratung Dokumentation TYPO3 TYPO3 6.2 LTS

2 Übersicht Inhaltsverzeichnis Dokumentation TYPO Übersicht... 2 Allgemeines zu TYPO Das Frontend... 4 Das Backend... 5 Allgemeines zum Backend... 6 Allgemeine Informationen zu den Bedienelementen des Backends... 6 Aufrufen des Backends und erste Übersicht... 6 Ansicht nach der Anmeldung... 7 Die Funktionsspalte... 8 Kopfbereich des Backends Bedienelemente Leeren der Seiten-Caches Arbeiten im Backend Der Seitenbaum Umsortieren oder Kopieren von Seiten Umbenennen von Seiten Seiteneigenschaften Seiteninhalte bearbeiten Einfügen von Inhalten Auswahl des anzulegenden Inhaltselements Bearbeitungsansicht Textelement, Text und Bild Bilder Spezielle Elemente: Dynamic Content Elements (DCE) Speichern von Änderungen Bearbeiten von Seiteninhalten Verschieben von Seiteninhalten Bearbeitung eines Inhaltselements Definieren verschiedener Inhaltselementtypen Bilder zu einem Element ergänzen News News-Kategorie anlegen Newseintrag anlegen oder ändern Newskategorie definieren... 34

3 Dateiliste Anlegen von Verzeichnissen Verwalten von Dateien Zugriffsberechtigungen setzen Benutzerverwaltung Vorbereitungen zum Anlegen neuer Backend-Benutzer Neuen Backend-Benutzer anlegen Benutzer verwalten (insb. Passwort zurücksetzen) Einfügen einer Seite mit News Weiterführende Informationen Details zum Leeren des Caches Änderung des Copyright-Hinweises DCE bearbeiten Die auf der Website eingesetzten DCEs Text mit Icon Bilder im Kopfbereich der Website... 48

4 Allgemeines zu TYPO3 TYPO3 bietet als webbasiertes Content-Management-System die Möglichkeit, Inhalte einer Website direkt im Webbrowser zu editieren. Während in der sogenannten Frontend-Ansicht die Inhalte für die Website-Besucher angezeigt werden, finden sich in der Backend-Ansicht die Einstellungen und Bearbeitungsfunktionen für den Administrator der Website. Diese Dokumentation dient als Schnelleinstieg in das CMS TYPO3 und stellt die für eine Website die wichtigsten Funktionen dar. Das Frontend So kennen Sie die Website bereits im Internet. Hier sehen Sie die Seite wie der normale Besucher.

5 Das Backend Diese Ansicht kennen Sie bislang wahrscheinlich nicht. Hier werden die Seiten und Seiteninhalte gepflegt.

6 Allgemeines zum Backend Allgemeine Informationen zu den Bedienelementen des Backends Im Backend bewegen Sie sich wie auf normalen Websiten. Die Funktionen sind als Links anklickbar. Durch das Halten der Maus über einzelne aktive Elemente wird die Anzeige von kurzen Hinweisen aktiviert. Klicken Sie die Bedienelemente an, werden die Funktionen bzw. Aktionen durchgeführt. Aufrufen des Backends und erste Übersicht Über die URL gelangt man zur Anmeldemaske des Backends. Dort ist die Anmeldung mit Benutzername und Passwort möglich. (Passwort und Benutzername werden vom Ansprechpartner der Homepage zur Verfügung gestellt.)

7 Ansicht nach der Anmeldung Hinweis: Die Anzahl der sichtbaren Elemente in den Spalten (s. unten) hängt von den jeweiligen Benutzerrechten ab und kann daher auch von der Darstellung in der Dokumentation abweichen. 1. Auswahl der Funktionen 3. Hauptbereich 2. Seitenbaum Erläuterungen: 1. Auswahl der Funktionen In diesem Bereich werden die Hauptfunktionen des Backends gesteuert, die Ansicht variiert mit den für den angemeldeten Benutzer aktiven Funktionen. 2. Seitenbaum der Website Hier werden die zu bearbeitenden Seiten ausgewählt, ebenso neue Seiten angelegt oder nicht benötigt Seiten gelöscht oder ausgeblendet. 3. Hauptbereich In diesem Bereich werden, die Arbeiten an den Elementen durchgeführt. Er enthält die im Kontext notwendigen Elemente (z.b. Inhalte der Seite).

8 Die Funktionsspalte Die Auswahl der gewünschten Funktionalität erfolgt durch einen Klick auf den Menüpunkt. Unten sehen Sie die Funktionsspalte in Englisch und Deutsch. Page / Seite Seiten bearbeiten View / Anzeigen Ansicht des Frontends der Seite List / Liste Listenansicht ALLER Elemente einer Seite (geht weit über die Seiteninhalte hinaus) Functions / Funktionen Erstellen von mehreren Unterseiten gleichzeitig Info / Info Technische Informationen zur Seite Access / Zugriff Zugriffsberechtigungen festlegen Recycler / Papierkorb Wiederherstellen gelöschter Elemente Template / Template Einstellungen für das Website-Template (nur für Web-Entwickler relevant) News Administration / News Verwaltung der News-Einträge und NewsKategorien

9 Filelist / Dateiliste Hochladen, editieren und löschen von Dateien auf dem Server User Settings / Einstellungen Verändern der Einstellungen des angemeldeten Benutzers Admin Tools / Adminwerkzeuge Diverse Verwaltungsfunktionen (für den Redakteur nicht sichtbar) - Extension Manger / Erweiterungsmanager: Verwalten von Plug-Ins für TYPO3 - Language / Sprache: Übersetzungen herunterladen - DCE / DCE: Konfiguration dynamischer Inhaltselemente System / System Verwaltung des TYPO3-Systems (für den Redakteur nicht sichtbar) Help / Hilfe Hinweise zur Nutzung von TYPO3

10 Kopfbereich des Backends Bedienelemente Im Bereich der Kopfleiste können verschiedene Aktionen ausgewählt werden. Diese sind abhängig von der in der Hauptspalte aktivierten Funktion. Dort können beispielsweise Seiteneigenschaften bearbeitet oder die Änderungen gespeichert oder verworfen werden. Dies geschieht im hervorgehobenen Bereich des unteren Bildschirmfotos. Kleine Erinnerung: Beim Halten des Mauszeigers über das Icon erscheint eine kontextsensitive Hilfe. Dort in der Kopfleiste befindet sich auch der Abmelde-Button. Ein Klick auf Verlassen meldet Sie ab. Leeren der Seiten-Caches Um die zwischengespeicherten Daten (Caches) zu leeren, wird der Blitz angeklickt (ggf. nicht sichtbar wegen eingeschränkter Berechtigungen des angemeldeten Benutzers). Es öffnet sich ein Kontextmenü, das die verschiedenen Caches zur Auswahl bereithält. Weiteres zum Cache lesen Sie hier.

11 Arbeiten im Backend Der Seitenbaum Aktualisieren (neu laden) des Seitenbaums, z. B. nützlich bei Mehrbenutzerbetrieb und Änderungen durch andere Benutzer am Seitenbaum Durchsuchen des Seitenbaums nach einem Seitentitel oder der Seiten-ID Seiten der Website, ebenso Ordner (News und Sonderseiten), die im Frontend nicht sichtbar sind

12 Anklicken des Seiten-Icons (linke Maustaste) öffnet ein Kontextmenü Ansehen Öffnet die Seite im Frontend, in einem neuen Tab des Browsers Deaktiveren Ausblenden der Seite Bearbeiten Öffnet im Hauptbereich die Seiteneigenschaften zur Bearbeitung Info Gleiche Ansicht wie Info in der Funktionsspalte (siehe dort) Verlauf / Rückgängig Änderungshistorie der Seite und Möglichkeit diese zurückzusetzen Seitenaktionen Neu Ausschneiden Kopieren Löschen

13 Umsortieren oder Kopieren von Seiten Seiten können per Drag&Drop umsortiert werden, hierzu wird die gewünschte Seite angeklickt und festgehalten (Maus-Taste nicht los lassen), anschließend die gewünschte Position im Seitenbaum auswählen und die Maus-Taste loslassen. Eine kleine Linie markiert die Einfügeposition. Um eine Seite zur Unterseite zu machen, wird die Seite auf die Oberseite gezogen und dort losgelassen. Soll eine identische Kopie erstellt werden, muss zusätzlich kurz die Strg -Taste angetippt werden. Zum Abbrechen der beiden Aktionen kann die Esc -Taste gedrückt werden. Umbenennen von Seiten Mit einem Doppelklick auf den Seitentitel kann man den Seitentitel bearbeiten. Zum Beenden die Eingabe-Taste drücken oder an eine andere Stelle im Seitenbaum klicken. Seiteneigenschaften Zum Arbeiten mit den Seiten wird in der Funktionsspalte der Eintrag Seite angeklickt. Es erscheint in der zweiten Spalte der Seitenbaum. Im Hauptbereich wird die aktuelle Seite und deren Inhalt angezeigt. Die Seiteneigenschaften werden entweder über das Kontextmenü im Seitenbaum geöffnet (Icon der Seite anklicken) oder durch einen Klick auf Bearbeiten in der Kopfleiste (Icon Seite mit Stift ). Hinweis: Bitte beachten Sie, dass Änderungen unbedingt gespeichert werden müssen! Ein Klick auf eine andere Seite im Seitenbaum führt dazu, dass die vorgenommenen Änderungen verworfen werden.

14 Es öffnet sich die folgende Ansicht: In der Kopfleiste der Seite verändern sich die kontextsensitiven Menüpunkte. Dort erscheinen die Icons zum Verwerfen der Änderungen ( Kleines x -Icon), zum Speichern der Änderungen ( Disketten -Icon), Löschen der Seite ( Mülleimer -Icon) und Rückgängig machen ( Grüner Pfeil -Icon). Der erste Reiter Allgemein legt die grundlegenden Eigenschaften fest. Typ Standard : für reguläre Seiten Verweis : Verknüpfung zu einer internen Seite Link zu externer URL : Verlinkt im Menü eine externe Seite die weiteren Typen sind im täglichen Einsatz nicht von Bedeutung Seitentitel Bezeichnung der Seite, verwendet als Link im Menü und zur Anzeige im Tab des Browsers Alternativer Navigationstitel Bezeichnung die für die Seite im Menü genutzt wird, wenn nicht der Seitentitel verwendet werden soll Untertitel Normalerweise nicht genutzt

15 Zusammenhang Seiteneigenschaften und Frontend-Ansicht: Hier wird der Alternative Navigationstitel statt des Seitentitels in dem Menü angezeigt.

16 Der Reiter Zugriff enthält die Zugriffseigenschaften der Seite. Im Abschnitt Sichtbarkeit kann die Seite vollständig deaktiviert werden bzw. nur bei der Erstellung von Menüs ausgeschlossen ( In Menüs verbergen ) werden. Im Bereich Veröffentlichungsdaten und Zugriffsrechte kann festgelegt werden, ab bzw. bis wann eine Seite sichtbar ist und für welche Gruppen (sofern in TYPO3 angelegt) diese Seite erscheinen soll. Die Auswirkungen auf den Seitenbaum durch das Deaktivieren bzw. Ausschließen aus den Menüs veranschaulicht das folgende Bildschirmfoto. Mit dem roten Einbahnstraßenschild wird die deaktivierte Seite gekennzeichnet und das leicht transparente Icon darunter markiert die im Menü nicht angezeigte Seite.

17 Im Reiter Erscheinungsbild kann bei Bedarf ein Seiten-Layout festgelegt werden. Falls kein Seiten-Layout gewählt wird, übernimmt die Seite das Layout der Oberseite. Das Seiten-Layout wird aus einer Drop-Down-Liste gewählt und betrifft entweder nur das Layout der aktuellen Seite ( Backend-Layout (nur für diese Seite) ) oder auch die Layouts der Unterseiten (rechts daneben Backend-Layout (für Unterseiten dieser Seite) ).

18 Die Drop-Down-Liste enthält alle für die Website verfügbaren Layouts. Die noch nicht beschriebenen Reiter sind im täglichen Einsatz nicht notwendig. Seiteninhalte bearbeiten Zu jeder Seite können ein oder mehrere Seiteninhaltselemente angelegt werden. Die Seiteninhaltselemente sind die eigentlichen Inhalte der Website, dies sind zumeist Texte oder Bilder auf der jeweiligen Seite. Dabei werden die möglichen Positionen der Seiteninhaltselemente durch das zuvor gewählte Seiten-Layout definiert. Hinweis: Es ist möglich, dass einzelne Elemente der Seiten von den Oberseiten übernommen werden, falls auf der Unterseite keine eigenen Elemente definiert wurden und dies im Layout vorgesehen wurde.

19 Einfügen von Inhalten Das Bildschirmfoto zeigt die Ansicht einer leeren Seite, hier können erste Inhalte durch das Anklicken des Icons mit dem grünen Plus angelegt werden. Nachdem ein Inhaltselement angelegt wurde, wird dieses an der Stelle angezeigt, an der es eingepflegt wurde. Somit sieht nach dem Anlegen der Inhalte eine Seite beispielsweise ähnlich aus, wie das folgende Bildschirmfoto.

20

21 Auswahl des anzulegenden Inhaltselements Nach dem das Anlegen eines neuen Inhaltselements mit einem Klick auf das entsprechende Icon gestartet wurde, erscheint der folgende Dialog zur Auswahl des anzulegenden Inhaltselements. Im täglichen Einsatz sind die wichtigsten Typen Text Text und Bild Nur Bilder Diese erlauben es, über einen Editor Texte einzupflegen und diese ggf. mit Bildern zu versehen oder fügt ein Element ein, welches nur Bilder enthält. Die weiteren Reiter Spezielle Elemente, Formulare, Plug-Ins, Boostrap enthalten spezielle Elemente, welche von den Redakteuren eher selten neu anzulegen sind. Das einzufügende Element wird mit einem Klick ausgewählt, anschließend öffnet sich eine zum jeweiligen Element gehörende Eingabemaske.

22 Bearbeitungsansicht Textelement, Text und Bild Das Bildschirmfoto zeigt die Bearbeitungsansicht für ein Textelement. Unterhalb der Reiter Allgemein, Erscheinungsbild, Zugriff und Kategorien wird der Typ angezeigt und kann ggf. geändert werden.

23 Darunter schließen sich die Einstellungen für die Überschrift des Elements an. Diese Überschrift kann direkt auch mit einem Link versehen werden und mit unterschiedlichen Überschriftentypen (Gliederung Überschriften 1. bis 6. Ordnung) versehen werden. Zusätzlich kann über den Eintrag Link eine Verknüpfung für die Überschrift definiert werden. Dazu genügt ein Klick auf das Icon am Ende der Zeile (Stift mit Anker). Darunter schließt sich der sog. Rich-Text-Editor (RTE) an, in dem die Bearbeitung des Texts erfolgt. Wie aus gängigen Textverarbeitungsprogrammen bekannt, können einzelne Formatierung hier über die Icons definiert werden. Falls der Inhaltstyp Text und Bilder ausgewählt wurde, erscheint ein weiterer Eintrag bei den Reitern. Unter dem Reiter Bilder können, wie im Folgenden für Bildelement beschrieben, Bilder eingefügt werden. Bilder Der Inhaltstyp Bilder unterscheidet sich nur das Fehlen des Texteditors im Reiter Allgemein von dem oben beschriebenen Textinhaltstyp. Bilder werden entweder über Bild hinzufügen aus dem Bestand der bereits auf den Server hochgeladenen Bilder gewählt oder hochgeladen mittels der Schaltfläche Dateien auswählen und hochladen. Das weitere Vorgehen zum Einpflegen von Bildern wird hier dargestellt. Spezielle Elemente: Dynamic Content Elements (DCE) Die Dynamic Content Elements (Dynamische Inhaltselemente) definieren Inhaltselemente die speziell für die jeweilige Website erstellt wurden. Die Elemente stehen daher nicht immer zur Verfügung. Falls die Website DCEs nutzt, werden diese über den folgenden Weg eingefügt: 1. Neues Inhaltselement anlegen (Plus-Icon im Hauptbereich an der Stelle wo das Element erscheinen soll) 2. Reiter Plug-Ins, Allgemeines Plug-In auswählen 3. Im Inhaltselement Typ anklicken und am Ende des Drop-Down-Menüs das Dynamische Inhaltselement auswählen Detaillierte Beschreibung der DCEs

24 Speichern von Änderungen Alle Änderungen müssen über das Menü im Kopf der Seite gespeichert werden. Dies betrifft ALLE Änderungen an Seiten, Benutzer und jeglichen Elementen, die über das Backend bearbeitet werden. Verwaltung der Änderungen an Elementen Erläuterungen: Das linke x schließt das Bearbeitungsfenster ohne Speichern der Änderungen Die Diskette speichert das Element und lässt das Bearbeitungsfenster geöffnet die Diskette mit dem kleinen x speichert und schließt die Bearbeitungsansicht Die Diskette mit dem kleinen + speichert die aktuelle Bearbeitung und öffnet ein neues Element vom gleichen Typ Der Mülleimer löscht das aktive Elemente Das letzte Icon setzt die Änderungen am aktuellen Element zurück auf den Stand des letzten Speicherns

25 Bearbeiten von Seiteninhalten 1. In der linken Spalte Page anklicken. 2. Im Seitenbaum die zu bearbeitenden Seite anklicken. 3. Im Hauptbereich öffnen sich die Seiteninhalte und können durch Anklicken bearbeitet werden oder mit einem Klick auf das + um weitere ergänzt werden. Das Mülleimersymbol löscht das Element. Wird das + vor oder nach dem bestehenden Element angeklickt, werden die Inhalte an der entsprechenden Stelle eingefügt. Kopfzeile zeigt Symbole zur Inhaltsbearbeitung an, sobald man mit der Maus darüber geht Inhalte der Seite + fügt Inhalte hinzu

26 Erläuterung der Kopfzeile des Inhaltselements Bearbeitungsicons (rechts): Stift: Editieren des Elements Lampe: Wechsel zwischen sichtbar oder unsichtbar Mülltonne: Löschen des Elements Typ des Inhaltselements (linkes Icon, zeigt bereits an, welcher Inhaltstyp hinterlegt ist): Bei einem Klick öffnet sich ein Kontextmenü (Bearbeiten, Verstecken, Löschen, Kopieren, Ausschneiden usw.) Das Einbahnstraßenschild symbolisiert versteckte Inhalte (vgl. auch im Seitenbaum versteckte Seiten) Verschieben von Seiteninhalten Um die Position von Inhalten innerhalb einer Seite zu ändern, können diese einfach mit der Maus verschoben werden. Das Ziehen der Inhalte erfolgt durch das Klicken und Halten mit der Maus auf die Titelleiste eines Inhaltselements. Der Cursor zeigt die Unterstützung der Funktion bereits durch eine Änderung an. Bearbeitung eines Inhaltselements 1. Anklicken des Stift-Icons (oder im Kontextmenü bearbeiten ) 2. Es öffnet sich die Ansicht mit dem Editor, dort kann nun der Text eingegeben und ggf. mit Bildern, Links und den bekannten Formatierungen, Aufzählungen usw. versehen werden 3. Im oberen Bereich des Elements wir die Überschrift und deren Formatierung und Funktion definiert (Überschrift wird in der Frontend-Ansicht direkt vor dem Text eingeblendet) Überschrift des Inhaltselements Linkziel für die Überschrift Typ der Überschrift definieren Formatierungsoptionen Text des Inhaltselements

27 Definieren verschiedener Inhaltselementtypen Auswahl verschiedener Inhaltstypen Erläuterung zu Inhaltselementtypen: Hier werden nur die wichtigsten Elemente dargestellt Text: Reiner Text für das Inhaltselement (z.b. Beschreibung) Text und Bilder: Text, dem auch Bilder zugeordnet werden können Images: Nur Bilder Plug-Ins Die Auswahl wird durch das Drop-Down-Menü definiert und führt zu unterschiedlichen Ansichten und ggf. weiteren Reitern. Die Reiter bieten weitere Konfigurationsmöglichkeiten, wie z.b. den Bereich für den Upload von Bildern.

28 Bilder zu einem Element ergänzen Bilder können sowohl als eigenes Element eingefügt werden oder den Inhaltstyp Text um Bilder ( Text und Bilder ) ergänzen. Die entsprechende Auswahl Text und Bilder sieht wie folgt aus:

29 In den Textbereich können die Inhalte über den Editor eingegeben werden. Wird nun auf den Reiter Bilder gewechselt (siehe obere Bildschirmaufnahme) erscheint die Möglichkeit Bilder hinzuzufügen. Damit Bilder auf der Website verwendet werden können, ist es notwendig, dass die Bilder auf dem Server liegen. Hierzu müssen diese zunächst auf den Server hochgeladen werden. Dies kann über die Dateiliste bereits erfolgt sein, oder nun geschehen. Wenn die Datei bereits hochgeladen wurde kann über den Button Bilder hinzufügen der Speicherort auf dem Server angesteuert und die Datei selektiert werden. Falls noch keine Datei hochgeladen wurde, ist der rechte Button Dateien auswählen und hochladen die richtige Wahl. Allerdings kann bei diesem Vorgehen kein Verzeichnis gewählt werden, was die ordentliche Ablage in verschiedene Ordner unmöglich macht. Es ist auch möglich eine Datei per Drag&Drop auf den Server hochzuladen. Hierzu wird das unter den beiden Buttons sichtbare Feld verwendet. Um die Dateien möglichst ordentlich auf dem Server abzuspeichern bietet es sich an, Ordner zu verwenden, in die die jeweiligen Inhalte abgelegt werden. Um bestimmen zu können, wohin die Dateien kommen, ist daher der Weg über die Dateiliste am sinnvollsten, andernfalls werden die Dateien nur in einem Sammelordner abgelegt, der für alle Dateien gleich ist.

30 Die Auswahl der Bilder über die Dateiliste erfolgt aus einem sich nach dem Klick öffnenden Fenster. Vorschaubilder anzeigen: Die kleinen Bilder werden angezeigt Auswahl importieren: Die ausgewählten Bilder (unten mit Haken versehen) werden auf der Seite angezeigt Verzeichnisstruktur: Navigation erfolgt hier wie im Dateisystem unter Windows Dateien hochladen: Es wird an die Stelle die unter Pfad angegeben ist, eine Datei hochgeladen Neuen Ordner anlegen: Es wird an der Stelle die unter Pfad angegeben ist, ein neuer Ordner erstellt

31 Nachdem die Bilder ausgewählt wurden, entweder durch Anklicken eines Dateinamens oder durch Setzen der Haken und Anklicken von Auswahl importieren, schließt sich das Fenster und die Bilder erscheinen in der Ansicht des Hauptfensters. Titel: Erscheint über dem Bild, wenn man mit der Maus drüber geht Link: Seite oder externe Website, die bei Klicken angezeigt werden soll Alternativer Text: Wird verwendet für Screen-Reader (für Menschen mit Beeinträchtigungen) Beschreibung: Erscheint unter dem Bild Bei Klick vergrößern: Lightboxeffekt aktivieren (Achtung kein Link zu einer Seite mit dem Bild möglich) Sollen die Bilder beim Anklicken ausgerichtet und vergrößert werden, ist dies hier zu setzen. Weiterhin lassen sich die Bilder in der Reihenfolge ändern, hierzu können diese an der Kopfleiste an die gewünschte Stelle verschoben werden.

32 News Die News werden über den in der Funktionsspalte enthaltenen Menüpunkt News bearbeitet bzw. erstellt. 1. In der linken Spalte den Punkt News auswählen. 2. Im Seitenbaum unbedingt auf den News-Ordner wechseln (dieser kann unterschiedlich heißen, im Screenshot unten ist er mit News bezeichnet). 3. Neuen Eintrag erstellen oder einen bestehenden zur Bearbeitung auswählen. Neuen Eintrag anlegen Bestehenden Eintrag ändern Neben den Bearbeitungsaktionen gibt es im Hauptteil noch die Filterfunktion, mit der sich in der Vielzahl von potentiellen Newseinträgen die gewünschten herausfiltern lassen. News-Kategorie anlegen Kategorien für die News werden in dem Ordner News gepflegt. Dort kann über die Liste entweder eine bestehende Kategorie bearbeitet werden oder mittels des + -Icons eine neue angelegt werden. Grundsätzlich können Kategorien innerhalb des Seitenbaums an allen Stellen erstellt werden. Bei einer neuen Kategorie sind Name und eventuell eine oder (mehrere) Oberkategorie(n) zu definieren. Um eine Kategorie als Unterkategorie zu erstellen, wird die Oberkategorie mit einem Haken versehen und somit als Oberelement definiert.

33 Newseintrag anlegen oder ändern Die Eingabe erfolgt vergleichbar zu den normalen Inhaltselementen einer Seite. Hier ist die Ansicht eines neuen News-Eintrags zu sehen. Reiter für wichtige Einstellungen Teaser-Text und Überschrift Optional: Autor, News-Text Eingabe per Rich-Text-Editor Zum Anlegen einer neuen Seite mit einem News-Plug-In hier weiterlesen.

34 Newskategorie definieren Damit die Newseinträge beim jeweiligen Setzen an gezielten Stellen dargestellt werden können, sind unbedingt die Kategorien zu definieren. Hierzu wird unter dem Reiter Optionen die jeweilige gewünschte Kategorie festgelegt. Kategorieauswahl (Kategorien können auch hierarchisch gegliedert sein)

35 Dateiliste Anlegen von Verzeichnissen Das Anlegen von Verzeichnissen führt zu der Erstellung von Ordnern im Dateisystem des Servers. Es handelt sich dabei grundsätzlich um das Äquivalent der Dateiordner des lokalen Systems, die z.b. über den Windows Explorer angesteuert werden. Schritte zum Anlegen eines neuen Verzeichnisses: 1. In der linken Funktionsspalte den Eintrag Filelist / Dateiliste auswählen. Filelist / Dateiliste anklicken

36 2. Die Spalte mit dem Seitenbaum ändert sich nun und die bestehenden Verzeichnisse werden dort angezeigt und können durch einen Klick ausgewählt werden. Ansicht der bestehenden Verzeichnisse enthält nur die für den Benutzer sichtbaren Elemente Aufklappen um Unterverzeichnisse sichtbar zu machen 3. In der Hauptspalte werden Dateien hochgeladen oder neue Verzeichnisse erstellt. Verzeichnis neu erstellen Datei hochladen Hierzu werden die Icons am oberen Rand verwendet. 4. Mit einem Klick auf den Upload-Button (Icon mit dem kleinen Pfeil nach oben) öffnet sich ein Auswahl-Fenster, in dem das lokale Dateisystem des Rechners angezeigt wird und die gewünschte Datei für das Hochladen in das Verzeichnis ausgewählt werden kann. Anzahl der neuanzulegenden Ordner Name des neuanzulegenden Ordners

37 5. Neue Verzeichnisse werden mit dem Button ganz rechts angelegt (Icon mit dem kleine Plus). Im Hauptbereich lädt nun der Dialog für das Anlegen der Verzeichnisse, über das Drop-Down-Menü ist die Anzahl der zu erstellenden Verzeichnisse definierbar. In den Eingabefeldern werden die Verzeichnisnamen angegeben und anschließend mit Ordner erstellen der Prozess der Erstellung gestartet.

38 Verwalten von Dateien Angelegte Dateien können über die Dateiliste in dem entsprechenden Ordner bearbeitet werden. Hierzu wird die Filelist / Dateiliste geöffnet (linke Spalte) und der gewünschte Ordner per Klick selektiert. Im Hauptbereich erscheint nun eine Liste mit allen Dateien und ggf. Unterordnern des aktuellen Bereichs. Umbenennen Bearbeiten (nur bei Text oder HTML-Dateien sinnvoll) Informationen zur Datei Löschen, kopieren und ausschneiden Hinweis: Werden Dateien gelöscht, sind evtl. vorhandene Links deaktiviert und somit nicht mehr erreichbar. Das Umbenennen an dieser Stelle hat hingegen keine Auswirkungen!

39 Zugriffsberechtigungen setzen Die Administratoren haben die Möglichkeit Zugriffsrechte für Gruppen und Benutzer zu setzen. Hierzu wird in der Funktionsspalte der Eintrag Zugriff ausgewählt. Im Seitenbaum wird die Seite bzw. der Abschnitt des Seitenbaums angeklickt, der bearbeitet werden soll. Es wird standardmäßig nur die aktuelle Seite angezeigt. Durch die Auswahl der Tiefe kann die Anzahl der Unterebenen bestimmt werden, die in der Hauptansicht angezeigt werden. Anzahl der Unterebenen Allgemeine Berechtigungen für alle anderen Nutzer Berechtigungen des Besitzers und den Besitzer definieren Berechtigungen der Gruppe und die Gruppe definieren In der erscheinenden Tabelle können per Mausklick die Zugriffsrechte und die Gruppen sowie der Besitzer definiert werden. Hält man die Maus über die jeweiligen grünen Häkchen bzw. roten Kreuze erscheint eine Erläuterung welche Rechte mit dem Icon gesetzt werden. Die Rechte sind: Anzeigen der Seite Soll ein Benutzer die Seite nur sehen können muss dieser Haken aktiv sein. Änderungen sind nicht möglich. Dies ist sinnvoll, wenn Unterseiten des Punkts für den Benutzer bearbeitbar sein sollen. Bearbeiten der Inhalte Der Benutzer kann die Inhalte der Seite verändern, aber z.b. nicht den Titel der Seite. Bearbeiten der Seite Der Benutzer kann Seiten umbenennen. Löschen der Seite Es wird das Löschen der Seite ermöglicht. Neue Seite erstellen Der Benutzer kann weitere Seiten unter der aktuellen Seite erstellen.

40 Benutzerverwaltung Administratoren mit den benötigten Rechten können weitere Benutzer oder Gruppen erstellen. Die Gruppen und Benutzer werden über die Listenansicht angezeigt. Im Seitenbaum muss das Wurzelelement ausgewählt werden (siehe Bildschirmfoto). Berechtigungen sollten immer auf Ebene der Gruppen gesetzt werden und nicht in den jeweiligen Benutzern! Vorbereitungen zum Anlegen neuer Backend-Benutzer Benutzer sollten zur einfachen Verwaltung grundsätzlich einer administrativen Gruppe zugeordnet werden. Die Gruppen geben die Berechtigungen an ihre Mitglieder weiter, somit ist eine einfache Verwaltung der neuen Benutzer möglich. Benutzer anlegen Benutzer bearbeiten, deaktivieren, löschen, kopieren usw.

41 Neuen Backend-Benutzer anlegen Backend-Benutzer können sowohl in der Listenansicht, als auch durch Auswahl der Funktion Backend users unter System in der linken Funktionsspalte angelegt werden. Benutzer werden den jeweiligen Gruppen zugeordnet (die Gruppen sind vorher anzulegen), indem in der Bearbeitungsmaske die Gruppe ausgewählt wird. Der Benutzer bekommt dann die Berechtigungen der Gruppe. Die Auswahl Admin(!) darf NUR für echte Administratoren gesetzt werden, da diese Benutzer vollen Zugriff auf alle Einstellungen von TYPO3 erhalten. Benutzername und Passwort Gruppen in denen sich der Benutzer befindet Gruppe des Benutzers auswählen

42 Benutzer verwalten (insb. Passwort zurücksetzen) Im Regelfall sollten Benutzer nur erstellt und anschließend durch den Benutzer selbst verwaltet werden. Mögliche Fälle in denen dies nicht zutrifft, sind Änderungen der Berechtigungen (Gruppenzugehörigkeit) und das Passwort. Da es nicht möglich ist, das Passwort auszulesen, kann dies nur zurückgesetzt werden. Dies geschieht über den Bearbeiten-Link in der Listenansicht. Der Administrator kann nun ein neues Passwort setzen und dies dem Benutzer mitteilen. Das Vorgehen entspricht dem bei der Neuerstellung eines Benutzers. Die Gruppenzugehörigkeiten kann ebenfalls nur vom Administrator geändert werden. Auch dies geschieht wie bei der erstmaligen Erstellung.

43 Einfügen einer Seite mit News Bei den News handelt es sich ebenfalls um ein Plug-In für TYPO3. Das Anlegen folgt daher den ersten Schritten: 1. Seite in der Funktionsspalte wählen 2. Zu bearbeitende Seite im Seitenbaum auswählen 3. Inhalt mit einem Klick auf das + -Icon im Hauptbereich hinzufügen 4. Auswählen des Reiters Plug-In 5. Nun kann man direkt das Plug-In News system anklicken 6. Es öffnet sich eine Seite zur Konfiguration des News-Plug-Ins 7. Hier kann die Art der Darstellung unter What to display festgelegt werden. 8. Kategorien definieren, welche News angezeigt werden sollen (Filtermodus sollte auf Show items with selected categories (OR) gesetzt sein, damit nur die gewählten Kategorien erscheinen) 9. Die Sortierung kann definiert werden 10. Die restlichen Punkte sind im täglichen Einsatz nicht relevant

44 Darstellungsart festlegen: Liste sollte gewählt sein Sortierung der Einträge Kategorien festlegen, die angezeigt werden Filtereinstellung: Legt fest, ob obige Auswahl genutzt wird.

45 Weiterführende Informationen Details zum Leeren des Caches Das Caching von Seiten in TYPO3 führt zu einer erheblich schnelleren Auslieferung der Websiten an die Besucher. Allerdings kann es vorkommen, dass Änderungen, die im Backend vorgenommen werden hierdurch nicht direkt sichtbar sind. Dann ist es sinnvoll die Caches zu löschen. Allerdings sollte maßvoll vorgegangen werden. Zunächst sollte nur der Seiten-Cache geleert werden und das Ergebnis kontrolliert werden. Erst anschließend sollten weitere Elemente des Caches in folgender Reihenfolge geleert werden: 1. Frontend-Cache 2. Allgemeine Cache 3. System-Cache Änderung des Copyright-Hinweises Der Copyright-Hinweis im Fußbereich der Seite ist ein Element des HTML-Templates und kann nur über die grundlegende Konfiguration der Website beeinflusst werden. Um den Hinweis zu ändern sind folgende Schritte notwendig: Auswählen des Eintrags Template in der linken Spalte Auswählen der Seite Home (Wurzelelement) In der Hauptspalte am oberen Rand den Eintrag Constant Editor im Drop-DownMenü auswählen In der erscheinenden Ansicht unter der Überschrift Category ( Kategorie ) das Drop-Down-Menü öffnen und Bootstrap Package: Basic auswählen Dort findet sich der Eintrag Copyright Text, wo der entsprechende Text eingegeben wird (es ist auch möglich HTML-Code an dieser Stelle einzugeben)

46 DCE bearbeiten Um DCE-Elemente zu editieren, ist das nicht so einfach zu identifizierende Dynamic-ContentElement auszuwählen und mit dem Stift-Icon wieder das Editieren zu starten. Ein Beispiel für ein DCE ist auf dem folgenden Bildschirmfoto zu sehen. Nachdem das Elemente angeklickt wurde öffnet sich die Bearbeitungsansicht. Je nach Typ des DCE ist die Eingabemaske für die Elemente unterschiedlich. Die Bearbeitung erfolgt jedoch wie bereits bei den normalen Inhaltselementen. Texte, Bilder, Linkeingabe-Felder oder Dropdown-Menüs werden verwendet.

47 Die auf der Website eingesetzten DCEs Es gibt auf der Website 2 DCEs. Eines für die Darstellung der Bilder mit einem Text darunter und ein weiteres für die Bilder unterhalb des Hauptmenüs. Text mit Icon In diesem DCE wird zunächst das Bild und anschließend die Überschrift definiert, darunter kann aus den definierten Farben für die Überschriften gewählt werden und anschließend ein Text und abschließend der Link für dieses Element definiert werden. Weitere Elemente dieses Typs müssen gesondert ergänzt werden und können nicht direkt im DCE erstellt werden.

48 Bilder im Kopfbereich der Website Für die Bilder die im Kopf eingeblendet werden gibt es einen eigenes DCE, in dieses werden über den Button Add new: headerimagecontainer weitere Bilder ergänzt die automatisch in den Kopfbereich eingebunden werden. Gelöscht werden die nicht mehr benötigten Elemente mit einem Klick auf den Mülleimer am rechten Rand des jeweiligen Elements. Soll nur das Bild ausgetauscht werden, wird dieses direkt mit dem x neben dem Dateinamen gelöscht und anschließend muss (!) ein neues Element eingebunden werden, da andernfalls die Darstellung der Website zerstört wird.