51
VisionConnect GmbH | Hohenzollernstr. 26 | D-30161 Hannover Handbuch für Redakteure Realisierung des Unternehmensportals Toyoda Gosei Meteor Stand vom 16.10.18

Handbuch für Redakteure€¦ · ab. TYPO3 speichert Ihre letzte Arbeitsposition und kehrt beim nächsten Einloggen an die Stelle zurück. Toyoda Gosei Meteor - 16.10.18 5 . Benutzer

  • Upload
    others

  • View
    0

  • Download
    0

Embed Size (px)

Citation preview

Page 1: Handbuch für Redakteure€¦ · ab. TYPO3 speichert Ihre letzte Arbeitsposition und kehrt beim nächsten Einloggen an die Stelle zurück. Toyoda Gosei Meteor - 16.10.18 5 . Benutzer

VisionConnect GmbH | Hohenzollernstr. 26 | D-30161 Hannover

Handbuch für RedakteureRealisierung des Unternehmensportals

Toyoda Gosei MeteorStand vom 16.10.18

Page 2: Handbuch für Redakteure€¦ · ab. TYPO3 speichert Ihre letzte Arbeitsposition und kehrt beim nächsten Einloggen an die Stelle zurück. Toyoda Gosei Meteor - 16.10.18 5 . Benutzer

Inhaltsverzeichnis1 Einleitung.................................................................................................................................................32 Die Anmeldung........................................................................................................................................43 Die Oberfläche und Ihre Bereiche...........................................................................................................54 Das Anlegen und Ändern von Seiten......................................................................................................6

4.1 Das Grundsätzliche vorab:...................................................................................64.2 Das Anlegen einer neuen Seite...........................................................................64.3 Das Verschieben / Kopieren einer Seite............................................................12

4.3.1 Das Verschieben / Kopieren einer Seite per „Drag and Drop“..................124.3.2 Das Verschieben einer Seite mit den Pfeiltasten......................................124.3.3 Das Verschieben einer Seite mit Hilfe des Assistenten.............................13

4.4 Das Bearbeiten einer Seite................................................................................144.5 Der Seitentyp "Verweis".....................................................................................154.6 Der Seitentyp "Link zu externer URL"................................................................164.7 Der Seitentyp "Ordner"......................................................................................17

5 Die Inhaltstypen und das Eingeben von Inhalten.................................................................................185.1 Überblick............................................................................................................185.2 Neuen Inhalt anlegen.........................................................................................20

5.2.1 Das Eingabeformular.................................................................................235.3 Inhalt bearbeiten................................................................................................25

5.3.1 Bearbeitung von Seiteninhalten über das Modul "Web>Liste"..................255.4 Der Inhaltstyp "Überschrift"................................................................................275.5 Der Inhaltstyp "Text"...........................................................................................285.6 Der Inhaltstyp "Bilder"........................................................................................29

5.6.1 Der "TYPO3 Element Browser" mit dem Verzeichnisbaum.......................325.7 Der Inhaltstyp "Text & Bild"................................................................................335.8 Der Inhaltstyp "Dateilinks".................................................................................345.9 Der Inhaltstyp "Mail-Formular"...........................................................................36

5.9.1 Der "Formular-Assistent":..........................................................................375.10 Der Inhaltstyp "Menü / Sitemap"......................................................................385.11 Den Inhaltstyp „Medien“ gibt es nicht mehr.....................................................395.12 Der Inhaltstyp "Datensatz einfügen"................................................................40

6 Der "Rich Text Editor"............................................................................................................................417 Das ADMIN-Panel.................................................................................................................................42

7.1 Vorschau............................................................................................................427.2 Cache.................................................................................................................437.3 Eingabe..............................................................................................................44

8 Appendix – Installierte Erweiterungen...................................................................................................458.1 Newsmodul........................................................................................................45

8.1.1 Die Inhaltselemente einer Newsmeldung..................................................46

Toyoda Gosei Meteor - 16.10.18 2

Page 3: Handbuch für Redakteure€¦ · ab. TYPO3 speichert Ihre letzte Arbeitsposition und kehrt beim nächsten Einloggen an die Stelle zurück. Toyoda Gosei Meteor - 16.10.18 5 . Benutzer

1 Einleitung Anhand einzelner Seiten begleiten wir Sie auf den ersten Schritten mit TYPO3. Es wird die Benutzeroberfläche vorgestellt, gezeigt welche Module zur Verfügung stehen, wie Sie Seiten anlegen und welche Inhaltstypen von Ihnen eingegeben werden können.

Als Grundlage der Dokumentation dient dabei die Version TYPO3 7. Die Ansichten können jedoch durch Ihr Rechteprofil eingeschränkt sein, denn TYPO3 macht es möglich, nur die von Ihnen benötigten Aktionsmöglichkeiten abzubilden. Welche Rechte Ihnen als Redakteur zugeteilt werden, wird letztendlich in der Konzeptionsphase zusammen mit Ihrem Implementierungspartner festgelegt und vom Administrator verwaltet.

Inhaltlich ist das Tutorial in folgende Abschnitte gegliedert:

Die Anmeldung

Die Oberfläche und ihre Bereiche

Die Module von TYPO3

Das Anlegen und Ändern von Seiten

Die Inhaltstypen und das Eingeben von Inhalten

Der Rich Text Editor

Viel Spaß und Erfolg!

Toyoda Gosei Meteor - 16.10.18 3

Page 4: Handbuch für Redakteure€¦ · ab. TYPO3 speichert Ihre letzte Arbeitsposition und kehrt beim nächsten Einloggen an die Stelle zurück. Toyoda Gosei Meteor - 16.10.18 5 . Benutzer

2 Die Anmeldung

Um mit TYPO3 arbeiten zu können müssen Sie sich zunächst bei dem System anmelden. Dazu benötigen Sie die korrekte Web-Adresse (URL), Ihren Benutzernamen (Username) und das dazugehörige Passwort.

Geben Sie in der Eingabezeile des Browsers die Web-Adresse ein (z.B. http://www.ihre-domain.de/typo3).

Geben Sie in das Feld "Benutzername" Ihren Benutzernamen ein.

Geben Sie im Feld "Passwort" Ihr Passwort ein.

Drücken Sie anschließend auf den Button "Anmelden".

Waren Ihre Angaben korrekt, sind Sie eingeloggt und bekommen Ihre individuell eingestellte Arbeitsoberfläche von TYPO3.

Toyoda Gosei Meteor - 16.10.18 4

Page 5: Handbuch für Redakteure€¦ · ab. TYPO3 speichert Ihre letzte Arbeitsposition und kehrt beim nächsten Einloggen an die Stelle zurück. Toyoda Gosei Meteor - 16.10.18 5 . Benutzer

3 Die Oberfläche und Ihre Bereiche

Die Arbeitsoberfläche von TYPO3 ist in drei Hauptbereiche unterteilt.

Die Werkzeug- oder Modulleiste dient als oberste Ebene zur Auswahl des jeweiligen Moduls, in dem Sie arbeiten möchten. Um z.B. Ihren persönlichen Arbeitsbereich zu sehen wählen Sie hier das Modul "Benutzer („User tools“) > Aufgaben".

Die Navigationsleiste bildet die Navigation für das gewählte Modul ab. In unserem Beispiel wird für das Modul „Web > Seite" die entsprechende Navigationsleiste angezeigt. Sie enthält bei diesem Modul den Seitenbaum.

Die Detailansicht stellt den eigentlichen Arbeitsbereich für die RedakteurInnen dar. Unser Beispiel zeigt die Datensätze auf der Seite „Über uns“, erreichbar über das Modul „Web > Seite".

Screenshot: Die Arbeitsoberfläche, nachdem Sie das Modul „Web > Seite“ ausgewählt haben.

Auf der Oberfläche sind darüber hinaus immer präsent:

Logout - wenn sie eine Arbeitssitzung beenden möchten, melden Sie sich mit dem Button ab. TYPO3 speichert Ihre letzte Arbeitsposition und kehrt beim nächsten Einloggen an die Stelle zurück.

Toyoda Gosei Meteor - 16.10.18 5

Page 6: Handbuch für Redakteure€¦ · ab. TYPO3 speichert Ihre letzte Arbeitsposition und kehrt beim nächsten Einloggen an die Stelle zurück. Toyoda Gosei Meteor - 16.10.18 5 . Benutzer

Benutzer - es wird immer der aktuell angemeldete Benutzer angezeigt.

4 Das Anlegen und Ändern von Seiten

4.1 Das Grundsätzliche vorab:

In TYPO3 bildet eine Seite den Rahmen für eine Anfrage auf Ihrer Website. Sie liefert denContainer für verschiedene Inhalte, die darauf abgebildet werden. Sie hat eine eigene ID-Nummerund in der Regel einen Titel, eine Beschreibung, ein bestimmtes Aussehen welches durch ein ihrzugewiesenes Template bestimmt wird usw. Die Hierarchie (Struktur) der Seiten wird durch denSeitenbaum abgebildet und erzeugt in der Regel Seitennavigationsangaben (Links) auf IhrerWebsite.

Je nach dem was eine Seite leisten soll, gibt es verschiedene Seitentypen. So besteht z.B. einUnterschied darin, ob eine Seite im Menü angezeigt werden soll oder nicht.

Die Inhalte (Text, Bild, Tabellen...) werden den einzelnen Seiten zugeordnet und durch sie abgebildet.

4.2 Das Anlegen einer neuen Seite

TYPO3 macht Ihnen das Anlegen einer Seite denkbar einfach.

Bestimmen Sie an welcher Stelle Sie die Seiteim Strukturbaum erstellen wollen und verwendenSie mittels Kontextmenü (Klick auf das Seiten-Icon links neben dem Textlink) die Aktion Neu.

Alternativ können Sie auch über den Aufrufdes Assistenten Icon im Seitenkopf einerjeden Seite eine neue Seite anlegen.

Toyoda Gosei Meteor - 16.10.18 6

Page 7: Handbuch für Redakteure€¦ · ab. TYPO3 speichert Ihre letzte Arbeitsposition und kehrt beim nächsten Einloggen an die Stelle zurück. Toyoda Gosei Meteor - 16.10.18 5 . Benutzer

Unser Beispiel zeigt den „Assistenten" zur Seitenerstellung mit der Möglichkeit der genauen Positionsbestimmung der neuen Seite.

Unser Ausgangspunkt war die Seite „Über uns" und wirwählen mittels der Pfeil-Positionen die Erstellung einerUnterseite der selbigen im Seitenbaum - sprich „Seite(in)".

Haben Sie die Position der Seite bestimmt, erhalten Siedas Formular einer neuen Seite.

Ganz oben befinden sich ein Dropdownmenü zumSichern der Eingaben, darunter mehrere Reiter, unterdenen die Daten der neu angelegten Seite gespeichertwerden. Möchten Sie die Eingaben sichern wählen Sie

„Dokument speichern“. Weitere Optionen sind „Dokument speichern und Web-Seite anzeigen“, „Dokument speichern und schließen“ sowie „Dokument schließen“ (ohne die Änderungen zu

speichern).

Als wichtigsten Schritt wählen Sie nun unter demReiter „Allgemein“ den Typ der neuen Seite.

In der Regel wird es sich um "Standard" handeln. Diezur Verfügung stehenden Typen stellen wir auf dennächsten Seiten einzeln vor.

Toyoda Gosei Meteor - 16.10.18 7

Page 8: Handbuch für Redakteure€¦ · ab. TYPO3 speichert Ihre letzte Arbeitsposition und kehrt beim nächsten Einloggen an die Stelle zurück. Toyoda Gosei Meteor - 16.10.18 5 . Benutzer

Als nächsten Schritt geben Sie der Seite einen Titel.

„Seitentitel": Er ist zwingend erforderlich (erkennbar an dem Icon ) und wird in der Regel als Menütitel in Ihrer Website angezeigt .

„ Alternativer Navigationstitel": Hier kann ein alternativer Titel für die Ausgabe in den Menüelementen der Webseite angegeben werden.

„Untertitel“: Sofern dieses Feld bei der Generierung der Seite ausgelesen wird, kann hier ein Untertitel angegeben werden.

Toyoda Gosei Meteor - 16.10.18 8

Page 9: Handbuch für Redakteure€¦ · ab. TYPO3 speichert Ihre letzte Arbeitsposition und kehrt beim nächsten Einloggen an die Stelle zurück. Toyoda Gosei Meteor - 16.10.18 5 . Benutzer

Weitere Informationen der Seite bearbeiten:

Reiter Zugriff:

Unter dem Reiter „Zugriff“ können die Einstellungen für die Sichtbarkeit der Webseite sowie die Veröffentlichungsdaten und die Zugriffsrechte vorgenommen werden.

„Seite Deaktivieren“: alle neu angelegten Seiten sind zunächst standardmäßig verborgen, das heißt, dass diese Seiten im Webauftritt nicht angezeigt werden. Durch die Vorschaufunktion innerhalb Ihres TYPO3 Systems können Sie sich als angemeldeter Redakteur diese Seiten jedoch in der Vorschau ansehen.

„Im Menü verbergen“: Seiten können in der Verzeichnisstruktur des Auftrittes versteckt werden. Sie werden im Menü der Webseite verborgen. Das heißt, sie werden im Menü nicht angezeigt, dennoch sind diese Seiten aber anders als unter dem vorherigen Punkt „Seite verbergen“ erreichbar, sofern ihre URL bekannt ist. Der häufigste Anwendungsfall sind die so genannten „Danke-Seiten“, die nach dem erfolgreichen Versenden von Formularen aufgerufen werden.

„Veröffentlichungsdaten und Zugriffsrechte“ Fügen Sie für das Start- oder Stopdatum ein Datum in dem Format TT-MM-YYYY ein. Alternativ können Sie auch die komfortable Kalenderfunktion über das Icon aufrufen und das Datum durch anklicken wählen.

„Inklusive Unterseiten“: vererbt die Einstellungen an alle Seiten unterhalb der aktuellen Seite.

Unter dem Reiter „Zugriff“ finden Sie gegebenenfalls auch die Einstellungen für die Zuordnung von passwortgeschützten Seiten im Login-Bereich.

Toyoda Gosei Meteor - 16.10.18 9

Page 10: Handbuch für Redakteure€¦ · ab. TYPO3 speichert Ihre letzte Arbeitsposition und kehrt beim nächsten Einloggen an die Stelle zurück. Toyoda Gosei Meteor - 16.10.18 5 . Benutzer

Reiter Verhalten:

Unter dem Reiter „Verhalten“ können die Einstellungen für die Links zu diese Seite, das Caching sowie die Sprache und Sonstige Einstellungen vorgenommen werden.

„Alias“: Um der Seiten einen „sprechenden“ Namen in der URL zu geben (z.B. kontakt.html) kann ein Alias vergeben werden. Dieser darf keine Leer- oder Sonderzeichen enthalten. zudem kann ein Alias immer nur einmal vergeben werden.

„Caching“: Um Serverlasten zu verringern und Antwortzeiten des Servers so klein wie möglich zu halten, werden die Internetseiten „gecached“. Dieser Cache wird immer nachts geleert und am nächsten Tag neu aufgebaut. Hier kann das Caching einer jeden Seite individuell beeinflusst werden.

„Sprache“ verschiedene Festlegungen zur Darstellung der jeweiligen Seite in den Sprachvarianten festgelegt werden.

Toyoda Gosei Meteor - 16.10.18 10

Page 11: Handbuch für Redakteure€¦ · ab. TYPO3 speichert Ihre letzte Arbeitsposition und kehrt beim nächsten Einloggen an die Stelle zurück. Toyoda Gosei Meteor - 16.10.18 5 . Benutzer

Weitere Informationen der Seite bearbeiten:

Reiter Metadaten:

Sofern die Eingabe von unterschiedlichen Metadaten über die TYPOScript Programmierung vorgesehen ist, können in diesen Feldern erweiterte Informationen wie Autor, E-Mail, Inhaltsangabe, Stichworte oder Beschreibung der einzelnen Seite angegeben werden.

Die Felder Inhaltsangabe und Stichworte können zudem noch beim Einsatz des Inhaltselementes Sitemap Verwendung finden.

Toyoda Gosei Meteor - 16.10.18 11

Page 12: Handbuch für Redakteure€¦ · ab. TYPO3 speichert Ihre letzte Arbeitsposition und kehrt beim nächsten Einloggen an die Stelle zurück. Toyoda Gosei Meteor - 16.10.18 5 . Benutzer

4.3 Das Verschieben / Kopieren einer Seite

Wollen Sie die Position der Seite nachträglich verändern, oder wollen Sie eine Seite kopieren, so können Sie dies sehr einfach per „Drag and Drop“ tun. Eine weitere Möglichkeit besteht im Verwenden der Pfeiltasten oder des Assistenten, die bzw. den Sie mit Hilfe des Moduls „Liste“ erreichen.

4.3.1 Das Verschieben / Kopieren einer Seite per „Drag and Drop“

Im folgenden Beispiel soll die Seite „Über uns“ hinter die Seite „Aktuelles“ verschoben werden.

Klicken Sie mit der linken Maustaste in der Navigationsleiste auf das Icon der Seite, die Sie verschieben möchten.

Halten Sie die Maustaste gedrückt und ziehen Sie sie auf das Icon der Seite, hinter die Siedie neue Seite verschieben wollen (in unserem Beispiel „News“). Lassen Sie die Maustaste los.Die Position wird Ihnen durch eine hellblau Linie angezeigt.

Das Kopieren funktioniert ebenso wie das Verschieben, Sie müssen nur noch dabei die Taste „Strg“ gedrückt halten.

4.3.2 Das Verschieben einer Seite mit den Pfeiltasten

Wählen Sie in der Werkzeugleiste (Modulleiste) im Bereich „Web“ das Modul „Liste“. AktivierenSie, wenn nicht bereits geschehen, die Boxen „Erweiterte Ansicht“ und „Lokalisierungsansicht“.

Toyoda Gosei Meteor - 16.10.18 12

Page 13: Handbuch für Redakteure€¦ · ab. TYPO3 speichert Ihre letzte Arbeitsposition und kehrt beim nächsten Einloggen an die Stelle zurück. Toyoda Gosei Meteor - 16.10.18 5 . Benutzer

Klicken Sie nun auf das Symbol „nach unten verschieben“, bis die Seite die gewünschte Position erreicht hat (in unserem Beispiel einmal).

4.3.3 Das Verschieben einer Seite mit Hilfe des Assistenten

Die vielleicht komfortabelste und übersichtlichste Art besteht in der Verwendung das Assistenten. Wählen Sie wie unter 4.3.2. beschrieben das Modul Liste und setzen Sie die Häkchen.

Klicken Sie auf das Icon „Seite verschieben“.

In der nun folgenden Ansicht können sie bequem per Mausklick die neue Position der Seite festlegen.

Toyoda Gosei Meteor - 16.10.18 13

Page 14: Handbuch für Redakteure€¦ · ab. TYPO3 speichert Ihre letzte Arbeitsposition und kehrt beim nächsten Einloggen an die Stelle zurück. Toyoda Gosei Meteor - 16.10.18 5 . Benutzer

4.4 Das Bearbeiten einer Seite

In unserem Beispiel haben Sie eine Seite vom Typ "Standard" angelegt, den Datensatz gespeichert und geschlossen. Nun möchten Sie jedoch z.B. den Titel für die entsprechende Seite ändern. Wir zeigen Ihnen nun wie Sie die Seite zur Bearbeitung wieder öffnen und welche generellen Angaben durchgängig bei allen Seiten unabhängig vom Typ noch gemacht werden können.

Die schnellste Möglichkeit eine Seite im Bearbeitungsmodus zu öffnen führt über den Seitenbaum mit Hilfe des Kontextmenüs der entsprechenden Seite (Klick auf das Seiten-Icon links neben dem Textlink der Seite).

Wählen Sie im Kontextmenü die Aktion "Bearbeiten".Daraufhin stehen Ihnen sowohl die Daten des Seitenheaders(über „Seiteneigenschaften bearbeiten“), als auch alle bis zudiesem Zeitpunkt angelegten Seiteninhalte zur Verfügung.

Funktionen im Seitenkopf

„Webseite anzeigen“: Vorschau der Webseite in einem neuen Browserfenster aufrufen

„Seiteneigenschaften bearbeiten“: Mit dieser Funktion rufen Sie die Eingabefelder zum bearbeiten des Seitentitels, der Metatags, oder der zeitbasierten Ablaufsteuerung der Webseite auf

„Such-Werkzeugleiste umschalten“: (nur bei schon angelegten Datensatz.)

Toyoda Gosei Meteor - 16.10.18 14

Page 15: Handbuch für Redakteure€¦ · ab. TYPO3 speichert Ihre letzte Arbeitsposition und kehrt beim nächsten Einloggen an die Stelle zurück. Toyoda Gosei Meteor - 16.10.18 5 . Benutzer

4.5 Der Seitentyp "Verweis"

Der Seitentyp "Verweis" erfüllt die gleichen Aufgaben wie der Seitentyp "Externe URL", nur daser auf eine interne TYPO3-Seite verweist. So ist es Ihnen möglich in Ihrer Menüstruktur einen Link zu einer internen Seite einzubinden.

Dies hilft Ihnen in der Regel wenn Sie Ihre Website in Themenbereiche gegliedert haben, jedoch der Überpunkt in der Menüstruktur keinen eigenen Inhalt aufweist und deshalb auf die erste Seiteder darunter liegenden Ebene verwiesen werden soll.

Im Reiter „Allgemein“ können Sie mittels des Icons den TYPO3 Element Browser aufrufen und die gewünschte Seite innerhalb des Seitenbaums auswählen. Mit dem Iconentfernen Sie Verweise (diese müssen zuvor markiert sein).

Der TYPO3 Element Browser steht Ihnen an mehreren Stellen der Anwendung immer wieder zur Verfügung und zeigt je nach Anforderung den Seiten- oder Dateibaum an.

In fast alle Datensätzen kann die sogenannte „LIVE“-Suche verwendet werden. Tippen Sie hier einfach die ersten Buchstaben der gesuchten Seite ein und wählen Sie Ihre Seite aus den angezeigten Ergebnissen.

Im Standardfall werden Sie die Drop-Down-Liste „Verweismodus“ mit der Auswahl „ErsteUnterseite“ verwenden.

Toyoda Gosei Meteor - 16.10.18 15

Page 16: Handbuch für Redakteure€¦ · ab. TYPO3 speichert Ihre letzte Arbeitsposition und kehrt beim nächsten Einloggen an die Stelle zurück. Toyoda Gosei Meteor - 16.10.18 5 . Benutzer

4.6 Der Seitentyp "Link zu externer URL"

Möchten Sie in Ihrer Menüstruktur einen Link zu einer externen Seite einbinden, können Sie den Seitentyp "Link zu externer URL" verwenden. Beachten Sie jedoch, dass TYPO3 nicht für die Konsistenz der Adresse und evtl. Änderungen garantieren kann.

Im Formularbereich "Seitentitel" stehen Ihnen die gleichen Eingabemöglichkeiten wie beim Typ "Standard" zur Verfügung. Der "Seitentitel": wird innerhalb der Menüstruktur für den Externen Link angezeigt.

Im Reiter "URL" geben Sie bitte an:

"URL": Die Adresse der externen Website, des externen Dokuments oder der Email-Adresse.

Weiterhin können Sie hier Folgendes definieren:

"Protokoll": Der Typ gibt die Art des Links und des zu verwendeten Protokolls an. Zur Auswahl stehen "http://", "ftp://" und "mailto:"

In der Regel werden Sie hier eine Adresse vom Typ „http://“ eingeben. Beachten Sie, dass bei ausgewähltem „Typ“ „http://“ im Feld „URL“ die Webadresse ohne vorangestelltes „http://“ angegeben werden muss (alternativ können Sie unter „Typ“ die leere Option auswählen und ins Feld „URL“ die Webadresse mit vorangestelltem „http://“ eingeben).

Toyoda Gosei Meteor - 16.10.18 16

Page 17: Handbuch für Redakteure€¦ · ab. TYPO3 speichert Ihre letzte Arbeitsposition und kehrt beim nächsten Einloggen an die Stelle zurück. Toyoda Gosei Meteor - 16.10.18 5 . Benutzer

4.7 Der Seitentyp "Ordner"

Dieser Seitentyp wird nicht auf der Website abgebildet, und kann auch nicht als Seite aufgerufen werden.

Er dient vielmehr dazu, innerhalb einer Struktur bestimmte Seiten zu sammeln oder einen Container für verschiedene Inhaltstypen darzustellen.

Diese Inhalte können dann von anderen Seiten referenziertwerden, so dass die Pflege einer Information (z.B.Kontaktadresse) nur im Ordner stattfinden muss.

Toyoda Gosei Meteor - 16.10.18 17

Page 18: Handbuch für Redakteure€¦ · ab. TYPO3 speichert Ihre letzte Arbeitsposition und kehrt beim nächsten Einloggen an die Stelle zurück. Toyoda Gosei Meteor - 16.10.18 5 . Benutzer

5 Die Inhaltstypen und das Eingeben von Inhalten

5.1 Überblick

Die Inhalte bilden die eigentlichen Informationen auf Ihrer Website. Sie werden den einzelnen Seiten zugeordnet und durch sie abgebildet. Sie liegen in TYPO3 als Liste vor und können in ihrer Reihenfolge entsprechend sortiert werden.

TYPO3 bietet eine Reihe verschiedener Inhaltstypen, die bei der Eingabe ausgewählt werden können und so das Arbeiten sehr erleichtern.

An welcher Stelle die Inhalte auf der Seite ausgegeben werden, wird durch die Zuordnung zu Contentbereichen festgelegt. Diese werden durch TypoScript definiert und über das Template der Seite ausgegeben. Die Detailansicht der Datensätze einer Seite wird in Spalten dargestellt,die in etwa der Darstellung auf der Internetseite entsprechen (Modul „WEB > Seite“ im Modus "Spalten").

Verwalten Sie Inhalte in mehreren Sprachen für eine Site, werden Ihnen die Inhalte über das Modul „WEB > Seite“ im Modus "Sprachen" ebenfalls in Spalten entsprechend der verwendeten Sprachversionen angezeigt.

Abb.: Wählen Sie im Auswahlmenü die Option „Sprachen“, so werden Ihnen die Datensätze der Seite wie in der Abbildung unten dargestellt:

Toyoda Gosei Meteor - 16.10.18 18

Page 19: Handbuch für Redakteure€¦ · ab. TYPO3 speichert Ihre letzte Arbeitsposition und kehrt beim nächsten Einloggen an die Stelle zurück. Toyoda Gosei Meteor - 16.10.18 5 . Benutzer

Die Inhalte werden entsprechend ihrer Contentbereiche in den

Spalten und abgebildet. Eine Kontrolle mehrsprachigen Inhalts ist auf diese Weise mitTYPO3 denkbar einfach.

In unserem Beispiel ist die Website zweisprachig gehalten. Es werden die Sprachen angezeigt:

"Standard" entsprechend der Einstellungen für die Website.

"Englisch" als zweite Sprache für die Website.

Toyoda Gosei Meteor - 16.10.18 19

Page 20: Handbuch für Redakteure€¦ · ab. TYPO3 speichert Ihre letzte Arbeitsposition und kehrt beim nächsten Einloggen an die Stelle zurück. Toyoda Gosei Meteor - 16.10.18 5 . Benutzer

5.2 Neuen Inhalt anlegen

TYPO3 macht Ihnen auch das Anlegen eines neuen Seiteninhalts denkbar einfach.

Wählen Sie im Seitenbaum die Seite aus, der Sie ein neues Inhaltselement zuordnen wollen. Klicken Sie auf den Titel der Seite.

Im Bereich der Detailansicht erhalten Sie eine Auswahl der zur Verfügung stehenden Elemente, welche Sie neu erstellen können.

Funktionen der Detailansicht:

Neues Inhaltselement an der gegebenen Position einfügen.

Bestehendes Inhaltselement bearbeiten.

Toyoda Gosei Meteor - 16.10.18 20

Page 21: Handbuch für Redakteure€¦ · ab. TYPO3 speichert Ihre letzte Arbeitsposition und kehrt beim nächsten Einloggen an die Stelle zurück. Toyoda Gosei Meteor - 16.10.18 5 . Benutzer

"Typischer Seiteninhalt" -

„Nur Überschrift“,

"Text",

"Text & Bilder"

"Nur Bilder".

"Besondere Elemente" -

"Dateilinks",

"Spezial-Menüs",

"Datensätze einfügen".

"Formulare" -

"Mail-Formular".

„Plug-Ins“

Anzeige kann je nach installierten Plug-Ins variieren.

Toyoda Gosei Meteor - 16.10.18 21

Page 22: Handbuch für Redakteure€¦ · ab. TYPO3 speichert Ihre letzte Arbeitsposition und kehrt beim nächsten Einloggen an die Stelle zurück. Toyoda Gosei Meteor - 16.10.18 5 . Benutzer

Neu: Die Extension Fluid Styled Content bietet das Seiteninhaltselement “Text & Medien“ an. Damit können neben Bildern auch Videos eingebunden werden.

Hinweis: Die Extension ist nicht standardmäßig installiert.

Toyoda Gosei Meteor - 16.10.18 22

Page 23: Handbuch für Redakteure€¦ · ab. TYPO3 speichert Ihre letzte Arbeitsposition und kehrt beim nächsten Einloggen an die Stelle zurück. Toyoda Gosei Meteor - 16.10.18 5 . Benutzer

5.2.1 Das Eingabeformular

Das Eingabeformular variiert je nach ausgewähltem Inhaltstyp. In jedem Falle finden Sie oben die bereits bekannten Icons zum Speichern (vgl. Kap. 4.2).

Möchten Sie die Eingaben sichern wählen Sie: "Dokument sichern".

Weitere Optionen sind:" Dokument sichern und Website anzeigen"," Dokument sichern

und schließen", „Dokument speichern und neues erstellen“," Dokument schließen" ohne die Änderungen zu speichern.

Es wird der Pfad der Seite angezeigt in der das neue Inhaltselement eingefügt wird.

Alle Inhaltstypen verfügen außerdem zumindest über die Reiter „Allgemein“, „Zugriff“, „Erscheinungsbild“ und „Kategorien“

Unter dem Reiter „Allgemein“ im Formularbereich "Typ" legen Sie fest:

"Typ": Er ist die entscheidende Angabe und legt fest welche Formularfelder zur Verfügung stehen. Er kann nachträglich noch geändert werden. Doch beachten Sie, dass nach einer gespeicherten Änderung dabei typspezifische Angaben verloren gehen.

Als erweiterte Optionen können Sie festlegen:

"Sprache": Ordnen Sie den Inhalt einer Sprache zu, wenn Ihre Website mehrsprachig in einem Seitenbaum ist und mehrere Systemsprachen eingebunden sind.

"Spalten": Wählen Sie den Contentbereich dem der Inhalt zugeordnet werden soll. Als Auswahl werden Ihnen die mittels TypoScript definierten Bereiche in einem Klappmenü angezeigt.

Toyoda Gosei Meteor - 16.10.18 23

Page 24: Handbuch für Redakteure€¦ · ab. TYPO3 speichert Ihre letzte Arbeitsposition und kehrt beim nächsten Einloggen an die Stelle zurück. Toyoda Gosei Meteor - 16.10.18 5 . Benutzer

Unter dem Reiter „Erscheinungsbild“ im Formularbereich "Layout" legen Sie fest:

"Oberer Abstand", "Unterer Abstand": Definieren Sie einen Abstand in Pixel, der vor bzw. nach dem Inhaltselement eingefügt wird.

"Einrückungen und Rahmen": Mit dem Klappmenü bestimmenSie, ob das Inhaltselement mit einer Linie davor oder danach vonweiteren abgesetzt wird, ob es eingerückt werden soll, derHintergrund eine Farbe erhält, oder das ganze Element mit einemRahmen umgeben wird.

Unter dem Reiter "Zugriff" legen Sie fest:

"Veröffentlichungsdatum": Von welchen Datum an der Inhalt auf der Website sichtbar ist (Format: 14-6-2008).

"Ablaufdatum": Gibt an bis wann der Inhalt online sichtbar ist. Er wird anschließend automatisch archiviert.

"Inhaltselement": Sie können die Sichtbarkeit des Inhalts auf Frontend-Usergruppen beschränken indem Sie den Haken bei „Deaktivieren“ setzen. Der Inhalt wird erst sichtbar wenn sich das Mitglied der Gruppe im Backend eingeloggt hat.

Im nächsten Schritt wird das Bearbeiten von Inhaltselementen in den verschiedenen Modulen und Modi vorgestellt.

Toyoda Gosei Meteor - 16.10.18 24

Page 25: Handbuch für Redakteure€¦ · ab. TYPO3 speichert Ihre letzte Arbeitsposition und kehrt beim nächsten Einloggen an die Stelle zurück. Toyoda Gosei Meteor - 16.10.18 5 . Benutzer

5.3 Inhalt bearbeiten

Um Seiteninhalte zu bearbeiten stehen Ihnen in TYPO3 die Module "Web>Liste" und "Web>Seite" zur Verfügung.

5.3.1 Bearbeitung von Seiteninhalten über das Modul "Web>Liste"

Das Modul" Web>Liste" liefert in Form einer Liste den Überblick über alle Inhaltselemente (Datensätze) einer Seite.

Durch Aktivieren der Checkbox "Erweiterte Ansicht" wird eine Menüleiste mit Icons zur Bearbeitung der Inhalte angezeigt.

Mittels der Icons können Sie die Aktionen ausführen:"Website anzeigen", "Datensatz bearbeiten",

"Datensatz Verschieben", „Informationen“"Änderungsverlauf anzeigen", "Neuen Datensatz nach diesem Datensatz anlegen", Innerhalb der Seite den Datensatz "Nach unten verschieben" bzw. "Nach oben Verschieben", die Möglichkeit den "Datensatz zu verbergen" bzw. den „Datensatz nicht zu verbergen",

den "Datensatz löschen (!)".

Durch Klicken auf dasIcon vor dem jeweiligenInhaltselement erhalten Sie(wie im Seitenbaum) ein Kontextmenü, das diegleichenAktionsmöglichkeitenanbietet.

Um einen Seiteninhaltzu bearbeiten, klicken Sieauf das Stift-Icon desjeweiligen Datensatzes(„Datensatz bearbeiten“)oder wählen im Kontextmenü „Bearbeiten“.

Toyoda Gosei Meteor - 16.10.18 25

Page 26: Handbuch für Redakteure€¦ · ab. TYPO3 speichert Ihre letzte Arbeitsposition und kehrt beim nächsten Einloggen an die Stelle zurück. Toyoda Gosei Meteor - 16.10.18 5 . Benutzer

Innerhalb der Spalten werden bislang getroffenen Einstellungen des Formularbereichs "Typ", die Icons zur Bearbeitung des Inhaltselementes und der Inhalt selbst abgebildet.

In unserem Beispiel handelt es ich bei dem ersten Inhalt im Contentbereich "Top Box" um ein Element vom Typ „Bild“, beim zweiten Inhalt um ein Element vom Typ "Text" im Contentbereich “Inhalt“.

Toyoda Gosei Meteor - 16.10.18 26

Page 27: Handbuch für Redakteure€¦ · ab. TYPO3 speichert Ihre letzte Arbeitsposition und kehrt beim nächsten Einloggen an die Stelle zurück. Toyoda Gosei Meteor - 16.10.18 5 . Benutzer

5.4 Der Inhaltstyp "Überschrift"

Mit dem Inhaltstyp können Sie Überschriften in die Seite einfügen. Da jedoch allen Typen standardisiert eine Überschrift zugeordnet ist, werden Sie diesen Typ selten benötigen.

Als Eingabefelder sind vorhanden:

"Überschrift": Geben Sie den Text ein.

"Unterüberschrift": Bei Bedarf kann ein Untertitel eingegeben werden. Er wird nur gemeinsam mit der Überschrift abgebildet.

Als erweiterte Optionen können Sie definieren:

"Typ": In TYPO3 können verschiedene Formate für des Erscheinungsbild der Überschrift definiert werden.

"Datum": Soll ein Datum über der Überschrift angezeigt werden, fügen Siees im Format TT-MM-YYYY ein. Alternativ können Sie auch die komfortableKalenderfunktion über das Icon aufrufen und das Datum durch anklickenwählen

"Layout": Wählen Sie ein vordefiniertes Layout für den Untertitel aus.

Toyoda Gosei Meteor - 16.10.18 27

Page 28: Handbuch für Redakteure€¦ · ab. TYPO3 speichert Ihre letzte Arbeitsposition und kehrt beim nächsten Einloggen an die Stelle zurück. Toyoda Gosei Meteor - 16.10.18 5 . Benutzer

5.5 Der Inhaltstyp "Text"

Der Typ "Text" dient zum Einfügen eines Textkörpers in die Seite.

Der Reiter "Allgemein" entspricht in seinen Formularfeldern mit Ausnahme des "Untertitels" dem Inhaltstyp "Überschrift".

Als folgende Eingabefelder im Reiter "Text" sind vorhanden:

"Text": Fügen Sie hier den Text ein, der auf der Website abgebildet werden soll.

Toyoda Gosei Meteor - 16.10.18 28

Page 29: Handbuch für Redakteure€¦ · ab. TYPO3 speichert Ihre letzte Arbeitsposition und kehrt beim nächsten Einloggen an die Stelle zurück. Toyoda Gosei Meteor - 16.10.18 5 . Benutzer

5.6 Der Inhaltstyp "Bilder"

Eine der Stärken von TYPO3 sind die umfangreichen Bildfunktionen. Mit dem Inhaltstyp "Bilder" können Sie beliebig viele Bilder in die Seite einbinden. Sie werden entsprechend der TypoScript-Konfiguration im Frontend angezeigt. Auch die Größe, der Typ und die Kompressionsrate der Bilder werden intern von TYPO3 bearbeitet und kann von Ihnen verändert werden.

Mit Hilfe des Buttons "Bild hinzufügen" können den "TYPO3 Element Browser" aufrufen, die gewünschten Bilder innerhalb des Verzeichnisbaums der Medienverwaltung auswählen undbei Bedarf auch neue Dateien hochladen. Der "TYPO3 Element Browser" wird im Anschluss noch ausführlicher beschrieben (Kap. 5.6.1).

In dem Feld „Link“ kann das Bild über den "TYPO3 Element Browser" mit einer Datei oder einer URL verknüpft werden.

Toyoda Gosei Meteor - 16.10.18 29

Page 30: Handbuch für Redakteure€¦ · ab. TYPO3 speichert Ihre letzte Arbeitsposition und kehrt beim nächsten Einloggen an die Stelle zurück. Toyoda Gosei Meteor - 16.10.18 5 . Benutzer

"Beschreibung: Die Beschreibung gibt in der Regel einen Untertitel, eine Kurzbeschreibungoder das Copyright direkt unter dem Bild wieder, kann jedoch auch durch das Ausgabetemplate spezifiziert werden.

"Bei Klick-Vergrößern": Das Feature erlaubt es, ein verkleinertes Bild in einem neuen Fester in Originalgröße darzustellen.

Als Folgende Eingabefelder im Reiter "Erscheinungsbild" sind vorhanden:

"Bildmaße": Bestimmen Sie die Breite des Bildes in Pixel mit welcher das Bild auf der Website angezeigt werden soll. Beachten Sie, dass für das Ausgabetemplate in der Regel einemaximale Bildbreite das Auseinanderdriften des Rahmenlayouts verhindert.

"Bildausrichtung": Mit der Festlegung der Position richten Sie die Bildelemente im Rahmen des Contentbereiches aus. Für den Inhaltstyp "Bild" sind lediglich die Einstellungen mittig, rechts, links relevant. Für den Inhaltstyp "Text mit Bild" legt die Position des Weiteren die Ausrichtung des Bildes im Verhältnis zum Text fest.

Als erweiterte Optionen können Sie festlegen:

"Spalten": Sollen die Bilder in mehreren Spalten angezeigt werden, geben Sie hier die Anzahl ein.

"Keine Reihen": Ist die Checkbox aktiviert werden die Bilder in einer senkrechten Spalte direkt untereinander mit gleichen Abständen und ohne Ausrichtung zu anderen Spalten abgebildet.

"Rahmen": Aktivieren Sie die Checkbox, werden die Bilder entsprechend Ihrer ausgewählten

Toyoda Gosei Meteor - 16.10.18 30

Page 31: Handbuch für Redakteure€¦ · ab. TYPO3 speichert Ihre letzte Arbeitsposition und kehrt beim nächsten Einloggen an die Stelle zurück. Toyoda Gosei Meteor - 16.10.18 5 . Benutzer

Vorgaben auf der Website abgebildet.

"Bild-Links": In der Defaulteinstellung verweisen alle Bilder auf den Link der mittels "RTL Link Browser" eingestellt werden kann. Wählen Sie zwischen einer "Seite", "Datei", "Externe URL" oder "Email". Erlaubt Ihr Ausgabetemplate je einen eigenen Link pro Bild, so listen Sie die einzelnen Links mit einen Komma getrennt auf.

"Rahmen": Wünschen Sie einen farbigen Rahmen um die Bilder, wählen Sie eine der Vorgaben.

"Ausrichtung": Das letzte Eingabefeld justiert den Bildtext, der standardisiert unter dem Bild ausgegeben wird durch die Optionen "Mitte" "Rechts" "Links".

NEU: Bildbearbeitung

Klickt man auf Editor öffnen, dann öffnet sich ein Fenster zur Bildbearbeitung.

Toyoda Gosei Meteor - 16.10.18 31

Page 32: Handbuch für Redakteure€¦ · ab. TYPO3 speichert Ihre letzte Arbeitsposition und kehrt beim nächsten Einloggen an die Stelle zurück. Toyoda Gosei Meteor - 16.10.18 5 . Benutzer

Die Maske für das Beschneiden von Bildern.

5.6.1 Der "TYPO3 Element Browser" mit dem Verzeichnisbaum

Im Reiter „Media“ finden Sie im Bereich „Bilder“ das Icon „Bild hinzufügen“.

Navigieren Sie innerhalb des Verzeichnisbaums zu dem Ordner, in welchen Sie die einzubindenden Bilder abgelegt haben.

Möchten Sie neue Bilder in dieMedienverwaltung hochladen, durchsuchenSie Ihren Arbeitsplatz und betätigenanschließend den Button "Upload". Das Bildwürde in unserem Beispiel im Pfad: fileadmin/downloads abgelegt werden.

Um ein Bild auszuwählen, navigierenSie über den Verzeichnisbaum zu demgewünschten Ordner.

Durch Klicken auf dem Bildnamen oderauf das Bild selbst wird das Bild ausgewähltund der "TYPO3 Element Browser"geschlossen.

Möchten Sie mehrere Bilderauswählen, klicken Sie auf das jeweilige

Icon und das Bild wird der Listehinzugefügt.

Weitere Informationen zum jeweiligenBild erhalten Sie über das Icon.

Durch Setzen der Markierung„Vorschaubilder anzeigen“ können Sie sichzur besseren Auswahl eine verkleinerteDarstellung der gelisteten Bilder erzeugenlassen.

Toyoda Gosei Meteor - 16.10.18 32

Page 33: Handbuch für Redakteure€¦ · ab. TYPO3 speichert Ihre letzte Arbeitsposition und kehrt beim nächsten Einloggen an die Stelle zurück. Toyoda Gosei Meteor - 16.10.18 5 . Benutzer

5.7 Der Inhaltstyp "Text & Bild"

Der Inhaltstyp "Text mit Bild" ist eine Kombination der Inhaltstypen "Text" und "Bild". Sie haben die Möglichkeit dem Text Bilder zuzuordnen und festzulegen wie sie zueinander positioniert werden.

"Text": Geben Sie den Textkörper ein und legen die Eigenschaften entsprechend dem Inhaltstypen "Text" fest.

"Bilder": Wählen Sie die gewünschten Bilder mittels „TYPO3 Element Browser“ ( ) aus der Mediendatei oder laden neue Bilder auf den Server hoch.

Die Eigenschaften für die Bilder legen Sie entsprechend dem Inhaltstyp "Bild" fest.

Toyoda Gosei Meteor - 16.10.18 33

Page 34: Handbuch für Redakteure€¦ · ab. TYPO3 speichert Ihre letzte Arbeitsposition und kehrt beim nächsten Einloggen an die Stelle zurück. Toyoda Gosei Meteor - 16.10.18 5 . Benutzer

5.8 Der Inhaltstyp "Tabelle"

Mit dem Inhaltstyp können Sie einfach strukturierte Tabellen in die Seite integrieren. Dabei haben Sie die Möglichkeit beliebig viele Zeilen und bis zu 9 Spalten anzulegen.

"Layout": Das Feld beeinflusst dasAussehen der Tabelle. Es stehen Ihnen vierMöglichkeiten zur Verfügung: DieDarstellung muss aber vorher durch dieTYPOScript Programmierung festgelegtwerden.

"Tabellenspalten": TYPO3 erkennt dieAnzahl der Spalten automatisch. Siekönnen jedoch auch die Anzahl fixierenunter dem Reiter „Erscheinungsbild“.Überzählige Eingaben werden nichtabgebildet.

"Text": Gleich der Eingaben derPunktliste definiert jede Zeile imEingabefeld eine komplette Zeile in derTabelle. Die einzelnen Tabellenspaltenwerden durch senkrechte Striche "|"voneinander getrennt. Zeilenumbrücheinnerhalb einer Zelle werden durch dieAuszeichnung "<br>" realisiert.

Im Beispiel hervorgehoben: Dersenkrechte Strich "|", welcher die einzelnenTabellenspalten voneinander trennt.

Mit dem Reiter „Barrierefreiheit“ könnenerweiterte Angaben zum Layout der Tabellemachen. Daneben können mit dem Reiter„Tabellenanalyse“ auch CSV-Daten mit Trennzeichen wie z.B. Semikolon, Komma, o.ä. importiert werden.

Toyoda Gosei Meteor - 16.10.18 34

Page 35: Handbuch für Redakteure€¦ · ab. TYPO3 speichert Ihre letzte Arbeitsposition und kehrt beim nächsten Einloggen an die Stelle zurück. Toyoda Gosei Meteor - 16.10.18 5 . Benutzer

Als erweiterte Optionen können Sie unter "Erscheinungsbild" festlegen:

"Hintergrundfarbe": Bestimmt die Hintergrundfarbe für die Tabelle.

"Rahmendicke": Möchten Sie die Rahmen anzeigen lassen, geben Sie hier die Stärke ein. Der Default-Wert ist 0.

"Zellenabstand": Definieren Sie das Cellspacing der Tabelle, den Abstand der einzelnen Tabellenzellen. Der Default-Wert ist 0.

"Zellenfüllung": Definiert das Cellpadding der Tabelle welches den Abstand des Tabelleninhalts vom Rahmen festlegt. Der Default-Wert ist 0.

Toyoda Gosei Meteor - 16.10.18 35

Page 36: Handbuch für Redakteure€¦ · ab. TYPO3 speichert Ihre letzte Arbeitsposition und kehrt beim nächsten Einloggen an die Stelle zurück. Toyoda Gosei Meteor - 16.10.18 5 . Benutzer

5.9 Der Inhaltstyp "Dateilinks"

Der Inhaltstyp "Dateilinks" erlaubt das Einbinden beliebiger Dateien (z. B. pdf, doc, jpg, tif, cad usw.) in die Seite. Die Dateien werden dadurch als Links auf der Seite dargestellt und können vom Besucher durch einfaches Klicken geöffnet oder heruntergeladen werden.

"Dateien": Wählen Sie mittels "TYPO3 Element Browser" ( ) die Dateien aus, auf welche Sie verweisen möchten. Neue Dateien können sogleich auf dem Server hochgeladen werden.

"Durchsuchen": Bedienen Sie sich des Buttons "Durchsuchen" können Sie ebenfalls schnell Dateien von Ihrem Arbeitsplatz aus auf den Server laden und gleichzeitig als Dateilink in die Seite integrieren. Der Unterschied zur ersten Methode besteht jedoch darin, dass die so eingebundenen Dateien nicht in der Medienverwaltung für weitere Verwendungen zur Verfügung stehen sondern von TYPO3 intern verwaltet werden.

Toyoda Gosei Meteor - 16.10.18 36

Page 37: Handbuch für Redakteure€¦ · ab. TYPO3 speichert Ihre letzte Arbeitsposition und kehrt beim nächsten Einloggen an die Stelle zurück. Toyoda Gosei Meteor - 16.10.18 5 . Benutzer

"Layout": Die vier zur Verfügung stehenden Layouts beeinflussen die Darstellungsart der Dateilinks auf der Seite: Normal - Darstellung der Links durch den Titel, Layout 1 - Hinzufügen eines Icons welches den Dateityp anzeigt, Layout 2 - Bei Bilddateien hinzufügen eines umrandeten Thumbnails der Datei, Layout 3 - Bei Bilddateien hinzufügen eines Thumbnails ohne Umrandung.

Durch einen Klick auf die zu bearbeitende Datei haben sie die Möglichkeit eine Beschreibung des Dateiinhaltes zu hinterlegen. Je eine Zeile stellt die Beschreibung für eine Datei dar.

Toyoda Gosei Meteor - 16.10.18 37

Page 38: Handbuch für Redakteure€¦ · ab. TYPO3 speichert Ihre letzte Arbeitsposition und kehrt beim nächsten Einloggen an die Stelle zurück. Toyoda Gosei Meteor - 16.10.18 5 . Benutzer

5.10 Der Inhaltstyp "Mail-Formular"

Der Inhaltstyp "Formular" erlaubt das einfache und intuitive Erstellen von Mail-Formularen auf einer Seite. Sie müssen sich dabei jedoch an die Syntax von TypoScript halten.

"Formularstruktur": Legen Sie mittelsTypoScript fest, wie das Formularaussehen soll und welche Funktionalitätes beherbergen soll. Jede Zeile definiertein Formularelement oder eine Funktion.

Ein Beispiel:

Ihr Name: | *name=input,40 |

Ihre Email: | *email=input,40

Ihre Adresse: | address=input,40

Anfrage: | tv=textarea,40,5

|formtype_mail = submit | Absenden

|subject=hidden| This is the subject.

|html_enabled=hidden | 1

Die Syntax können Sie der "TypoScript Reference" entnehmen oder Sie bedienen sich einfach des

Assistenten um ein Formular zu erzeugen. Lesen Sie hierzu das folgende Kapitel 5.10.1 „Der Formular-Assistent“

Toyoda Gosei Meteor - 16.10.18 38

Page 39: Handbuch für Redakteure€¦ · ab. TYPO3 speichert Ihre letzte Arbeitsposition und kehrt beim nächsten Einloggen an die Stelle zurück. Toyoda Gosei Meteor - 16.10.18 5 . Benutzer

5.10.1 Der "Formular-Assistent":

Für das Erscheinen des Assistenten müssen Sie die Konfiguration Formulare im Datensatz

speichern, danach erscheint das Icon zum Assistenten.

„Standard-Formularelemente“: Hier finden Sie die Standard-Formularelemente, die Sie perDrag & Drop in das weiße Feld rechts ziehen

Ihr Formular: In diesem Feld erstellen Sie sich ein Formular. Die Formularfelder werden per Drag & Drop aus dem Bereich Standard-Formularelemente

Toyoda Gosei Meteor - 16.10.18 39

Page 40: Handbuch für Redakteure€¦ · ab. TYPO3 speichert Ihre letzte Arbeitsposition und kehrt beim nächsten Einloggen an die Stelle zurück. Toyoda Gosei Meteor - 16.10.18 5 . Benutzer

5.11 Der Inhaltstyp "Menü / Sitemap"

Mit dem Seitentyp "Menü / Sitemap" können Sie verlinkte Menüs oder eine Sitemap ausgewählter Seitenbereiche in die Seite integrieren. Es stehen Ihnen hierfür verschiedene Ausgabevarianten zur Verfügung.

"Menü Typ": Mittels des Klappmenüs wählen Sie Ausgabevariante des Menüsoder der Sitemap, die Sieeinfügen möchten.

"Ausgangspunkt": WählenSie einen oder mehrereAusgangs-punkte mit Hilfe des "

TYPO3 Element Browser".

Alternativ kann auch hier die„LIVE“-Suche verwendet werden.Tippen Sie hier einfach die erstenBuchstaben der gesuchten Seiteein und wählen Sie Ihre Seite ausden angezeigten Ergebnissen.Das Menü oder die Sitemapbildet je nach dem gewählten"Menü Typ" die einzelnen Seitenoder die Seiten einschließlich derUnterseiten ab.

Zur Auswahl stehen folgende "Menü Typen":

"Menü dieser Seiten": Generiert eine Liste von Links auf die von Ihnen gewählten Ausgangspunkte.

"Menü der Unterseiten": Bildet eine verlinkte Liste der Unterseiten von den ausgewählten Ausgangspunkten ab. Ist kein Ausgangspunkt gewählt, bildet TYPO3 das Menü der Unterseiten der aktuellen Seite (in welche Sie das Menü integrieren) ab.

"Menü der Unterseiten (mit Inhaltsangabe)":Fügt den verlinkten Menüpunkten dieInhaltsangaben hinzu.

"Menü der Unterseiten (mit Seiteninhalt)": Zeigtdie verlinkten Menüpunkte einschließlich allerindizierten Inhaltselemente an. Die Checkbox"Index" muss für die gewünschtenInhaltselemente aktiviert sein.

"Sitemap": Generiert eine klassische Sitemap in Form einer Baumstruktur.

"Abschnittsübersicht (mit Seiteninhalt)": Bildet eine Übersicht der indizierten Inhaltselemente der Seite ab in der das Menü integriert wird.

"Geänderte Seiten": Zeigt eine Liste der letzten 10 geänderten Seiten an. Um die jeweils aktuelle Auswahl angezeigt zu bekommen ist es sinnvoll, die Seite, in welcher das Menü integriert wird, nicht zu cachen.

Toyoda Gosei Meteor - 16.10.18 40

Page 41: Handbuch für Redakteure€¦ · ab. TYPO3 speichert Ihre letzte Arbeitsposition und kehrt beim nächsten Einloggen an die Stelle zurück. Toyoda Gosei Meteor - 16.10.18 5 . Benutzer

5.12 Den Inhaltstyp „Medien“ gibt es nicht mehr

Der Inhaltstyp „Medien“ erlaubte es Ihnen aktuelle Multimediaelemente wie z.B. Flash-Applikationen, Quicktime Filme und MP3-Dateien in die aktuelle Seite zu integrieren.

Neu: Die Extension Fluid Styled Content bietet das Seiteninhaltselement “Text & Medien“ an. Damit können neben Bildern auch Videos eingebunden werden.

Hinweis: Die Extension ist nicht standardmäßig installiert.

Bei Auswahl des Seiteninhaltselements Text & Medien werden im Reiter „Medien“ die

unterstützten Datei- bzw. Mediaformate aufgeführt.

Videos können auch über die Referenzierung einer URL eingebunden werden

Toyoda Gosei Meteor - 16.10.18 41

Page 42: Handbuch für Redakteure€¦ · ab. TYPO3 speichert Ihre letzte Arbeitsposition und kehrt beim nächsten Einloggen an die Stelle zurück. Toyoda Gosei Meteor - 16.10.18 5 . Benutzer

5.13 Der Inhaltstyp "Datensatz einfügen"

Der Inhaltstyp "Datensatz einfügen" erlaubt es Ihnen, Inhaltselemente von anderen Seiten in die aktuelle Seite zu integrieren. Dabei stehen Ihnen Relationen sowohl zu den klassischen

Inhaltstypen als auch zu Einträgen von Plugins wie "Adresse" oder "Nachrichten" zur Verfügung.

"Objekte": Wählen Sie mitHilfe des " TYPO3 ElementBrowser" die Seitenelemente aus,auf welche sie Relationen ziehenmöchten.

Alternativ kann auch hier die„LIVE“-Suche verwendet werden.Tippen Sie hier einfach die erstenBuchstaben der gesuchten Seiteein und wählen Sie Ihre Seite ausden angezeigten Ergebnissen.

"Layout": Sind spezielle Layoutvorlagen für die Ausgabe eingerichtet, können Sie über das Drop-Down-Menü das Aussehen der Ausgabe bestimmen. Diese muss aber vorher durch die TYPOScript Programmierung festgelegt werden.

Toyoda Gosei Meteor - 16.10.18 42

Page 43: Handbuch für Redakteure€¦ · ab. TYPO3 speichert Ihre letzte Arbeitsposition und kehrt beim nächsten Einloggen an die Stelle zurück. Toyoda Gosei Meteor - 16.10.18 5 . Benutzer

6 Der "Rich Text Editor"

Für die Inhaltstypen "Text" und "Text mit Bild" steht Ihnen in TYPO3 ein einfach handhabbarer Editor zur Verfügung. Er erlaubt es Ihnen Formatierungen und Auszeichnungen an den Texten vorzunehmen und Bilder, Tabellen oder Links einzufügen. Beachten Sie jedoch, dass dabei die Formatvorgaben etc. mittels HTML-Auszeichnungen direkt in den Texten hinterlegt werden undsomit die bei allen Inhaltstypen bestehende Trennung von Inhalt und Layout aufgehoben wird.

Der "Rich Text Editor" kann umfangreich für die entsprechenden Nutzerprofile konfiguriert und auch deaktiviert werden. Steht er Ihnen für Ihr Profil zur Verfügung, können Sie ihn zum einen generell in Ihren Benutzer-Einstellungen oder dem jeweiligen Bearbeitungsmodus aktivieren bzw. deaktivieren.

Ist der "Rich Text Editor"aktiviert, wird dem Formularfeld"Text" eine Reihe von Iconszugeordnet mit deren Hilfe SieAktionen auf den Inhaltstextenausführen können.

Um den "Rich Text Editor" aufdie ganze Fläche der Detailansichtzu vergrößern, klicken Sie auf das

Icon.

Bei der Übernahme per „copy andpaste“, beispielsweise aus einerWord-Datei, werden grundsätzlichdie Formatierungen übernommen,sofern Sie die Inhalte beiaktiviertem Rich Text Editor einfügen. Technisch gesehen sind die Formatierungsauszeichnungen bei Programmen wie MS Word oder Open Office jedoch andere, als die, die für die Darstellung im Internet verwendet werden. Idealerweise überführt der Rich Text Editor Word- Dateien in Internetformatierungen, sobald Sie Ihre Eingabe speichern. Dies funktioniert jedoch nicht immer. Wenn Sie Probleme mit der Darstellung der Formatierung haben, gehen Sie folgendermaßen vor:

Deaktivieren Sie den Rich Text Editor über das Markierungsfeld „Rich-Text-Editor“ abschalten. Kopieren Sie den Text in das Textfeld. Speichern Sie die Eingabe und aktivieren Sie nun den Rich Text Editor (indem Sie das Häkchen entfernen). Nun formatieren Sie den Text mit Hilfe der Icons, die Ihnen der Rich Text Editor zur Verfügung stellt.

Toyoda Gosei Meteor - 16.10.18 43

Page 44: Handbuch für Redakteure€¦ · ab. TYPO3 speichert Ihre letzte Arbeitsposition und kehrt beim nächsten Einloggen an die Stelle zurück. Toyoda Gosei Meteor - 16.10.18 5 . Benutzer

7 Das ADMIN-PanelMithilfe des ADMIN-Panels stehen Ihnen unterschiedlichste Vorschau und Eingabemöglichkeiten direkt auf der Webseite zur Verfügung.

Hinweis: Durch die Verwendung des ADMIN-Panels kann sich IhreDarstellung der Webseite von der eigentlichen Darstellung, die derNutzer sieht, stark unterscheiden.

Sollte einmal die Darstellung Ihrer Webseite von der erwartetenabweichen, scrollen Sie nach unten an das Ende der Webseite und schauenSie, ob folgender Hinweis dort angezeigt wird:

In diesem Fall sehen Sie eine durch das ADMIN-Panel beeinflusste Vorschau.

7.1 Vorschau

Mithilfe der Vorschau können unterschiedliche Elemente ein- bzw. ausgeblendet werden.

Grundsätzlich hat es sich bewährt, die beiden Haken bei „Verborgene Seiten anzeigen“ und „Verborgene Datensätze anzeigen“ einmalig zu setzen und die Einblendung der Vorschau überdas Auf- und Zuklappen des Untermenüs ein- bzw. auszublenden.

„Verborgene Seiten anzeigen“: Hiermitkönnen Seiten im Menü angezeigt werden,die normalerweise verborgen sind und nichtüber den Browser abrufbar sind. Somitkönnen Sie hiermit eine Vorschau einerzukünftigen Menüstruktur erzeugen.

„Verborgene Datensätze anzeigen“: Hiermitkönnen verborgene Datensätze(Inhaltselemente wie z.B. Text, Tabelle, Bild)angezeigt werden.

„Zeitpunkt simulieren“: Sollten einzelneSeiten oder Inhaltselemente mit einem Start-bzw. Stopdatum versehen sein, kann hier derZeitpunkt der Anzeige simuliert werden. (z.B.24.12.xxxx)

Das Format für die Datumsangabe isthh:mm dd-mm-yyyy (Beispiel: 14:00 11-6-2008).

„Benutzergruppe simulieren“: Sollten Seitenoder einzelne Inhaltselemente einerbestimmten Benutzergruppe zugeordnet und nur über ein Login erreichbar sein, so kann hier die Anzeige für die einzelnen Benutzergruppen simuliert werden.

Toyoda Gosei Meteor - 16.10.18 44

Page 45: Handbuch für Redakteure€¦ · ab. TYPO3 speichert Ihre letzte Arbeitsposition und kehrt beim nächsten Einloggen an die Stelle zurück. Toyoda Gosei Meteor - 16.10.18 5 . Benutzer

7.2 Cache

Grundsätzlich muss bei jedem Klick auf ein Menüelement in Ihrem Internetauftritt die jeweils aufgerufene Seite durch den Server aktuell zusammengebaut werden. Durch das „Caching“ werden täglich einmal erstellte Webseiten abgelegt und beim nächsten Aufruf nur in ihrer „Cached“ Version bereitgestellt. Hierdurch wird der Webserver entlastet und die Antwortzeiten des Webservers verringern sich. Nun kann es passieren, dass von Ihnen durchgeführte Aktualisierungen nicht sofort auf den Webseiten zu sehen sind, sobald Sie sich aus der Redakteursoberfläche ausgeloggt haben. Um hier Abhilfe zu schaffen, kann das Untermenü von „Cache“ eingeblendet werden.

„Kein Caching“: Das Caching für die jeweilige Seite wird während der Bearbeitung ausgeschaltet. So sind durchgeführte Aktualisierungen immer sofort zu sehen.

„Löschebenen“: Hier können Sie bestimmen bis zu welcher Ebene ausgehend von der aktuellen Seite das Caching gelöscht werden soll.

„Cache-Einträge“: Hier können Sie sehen ob Cache-Einträge für die jeweilige Seite oder darunter liegende Seiten existieren.

Toyoda Gosei Meteor - 16.10.18 45

Page 46: Handbuch für Redakteure€¦ · ab. TYPO3 speichert Ihre letzte Arbeitsposition und kehrt beim nächsten Einloggen an die Stelle zurück. Toyoda Gosei Meteor - 16.10.18 5 . Benutzer

7.3 Eingabe

Mithilfe der Eingabefunktionen könne durch den Redakteur direkt Eingaben auf der Webseite vorgenommen werden.

Grundsätzlich hat es sich bewährt die beiden Haken bei „Bearbeitungssymbole anzeigen“ und „Bearbeitungsleiste anzeigen“ einmalig zu setzen und die Einblendung der Eingabefunktionen über das Auf- und Zuklappen des Untermenüs ein- bzw. auszublenden.

„Bearbeitungssymbole anzeigen“: Durch markieren der Checkbox werden zu jedem Inhaltselement auf der Seite das Bearbeitungssymbol eingeblendet. Durch Klick auf das

Symbol können direkt Änderungen vorgenommen werden.

„Bearbeitungsleiste anzeigen“: Durch die Anzeige der Bearbeitungsleistestehen Ihnen die gleichen Funktion zum Bearbeiten der Inhalte zurVerfügung, wie Sie es schon durch das Backend gewohnt sind:

„Element bearbeiten“, „Element verschieben“, „Element verstecken“,

„Neues Element nach diesem einfügen“, „Inhaltselement löschen“

„Eingabeformular auf der Webseite“: Eingabeformulare erscheinen direkt in der Webseite und werden nicht in extra Fenstern geöffnet.

„Keine Popup-Fenster“: Für die Bearbeitung werden keine Pop-Up Fenster geöffnet.

Quellennachweis:

Diese Dokumentation basiert auf dem

„Handbuch für Redakteure“ der Firma artplan21

Toyoda Gosei Meteor - 16.10.18 46

Page 47: Handbuch für Redakteure€¦ · ab. TYPO3 speichert Ihre letzte Arbeitsposition und kehrt beim nächsten Einloggen an die Stelle zurück. Toyoda Gosei Meteor - 16.10.18 5 . Benutzer

8 Appendix – Installierte Erweiterungen

8.1 Newsmodul

Da in den durch uns erstellten Webauftritten die Basiskonfiguration des Newsmoduls (Anzeige der aktuellsten Meldungen, Anzeige der Meldungen als List, Anzeige der einzelnen Meldung, Darstellung und Konfiguration des Archivs) vorgenommen ist, soll hier nur in Kürze auf die Möglichkeiten bei der Erstellung einer Newsmeldung eingegangen werden.

Um Newsmeldungen anzulegen oder zu editierenwechseln Sie zu der Seite, in der Ihre Meldungengespeichert sind. Meist wird diese Seite durch dieDarstellung eines blauen Newsordners im Seitenbaumgekennzeichnet.

Durch Anklicken der Seite im Bearbeitungsmoduserscheint in der Detailansicht eine Liste der hiergespeicherten Newsmeldungen.

Mit Anklicken des Icons in der Übersicht können hierneue Newsmeldungen angelegt werden.

Bestehende Newsmeldungen können durch Anklicken

des Stiftsymbols unterhalb des jeweiligenNewssymbols in die Bearbeitung geholt werden.

Toyoda Gosei Meteor - 16.10.18 47

Page 48: Handbuch für Redakteure€¦ · ab. TYPO3 speichert Ihre letzte Arbeitsposition und kehrt beim nächsten Einloggen an die Stelle zurück. Toyoda Gosei Meteor - 16.10.18 5 . Benutzer

8.1.1 Die Inhaltselemente einer Newsmeldung

Elemente im Reiter „Allgemein“

„Verbergen“: Sichtbar/unsichtbar stellen derNewsmeldung

„Typ“: Auswahl des Nachrichtentyps.Folgende Typen stehen zur Verfügung:

• „Nachrichten“: Typ zur Darstellung vonNewsmeldungen. Die weitere Eingabe desHaupttextes findet hier im Newsmodulstatt.

• „Link zu interner Seite“: Es müssen nurnoch die Überschrift und ggf. der Untertitel(Teasertext) angegeben werden. DieNewsmeldung leitet beim Anklicken aufeine interne Seite im Verzeichnisbaumweiter.

• „Link zu externer Seite“: Es müssen nurnoch die Überschrift und ggf. der Untertitel(Teasertext) angegeben werden. DieNewsmeldung leitet beim Anklicken aufeine externe Seite im Internet weiter.

„Titel“: Die Überschrift der Newsmeldung

„Untertitel“: Angabe eines Teasertextes, der auf den Übersichtsseiten (Aktuellste Meldungen und Listendarstellung) ausgegeben wird. Die Länge des Textes auf den Ausgabeseiten wird über die TYPOScript Programmierung gesteuert.

Sofern kein Untertitel eingegeben wurde, werden Teile des normalen Textes als Untertitel ausgegeben.

„Text“: Der eigentliche Text der Newsmeldung. Eine über TYPOScript definierte Menge an Zeichen wird auf den Übersichtsseiten ausgegeben, sofern kein Untertitel angegeben wurde.

Zur Eingabe steht Ihnen auch hier der Rich-Text-Editor wie gewohnt zur Hilfe. Um den "Rich Text Editor" auf die ganze Fläche der Detailansicht zu vergrößern, klicken Sie auf dasIcon.

Toyoda Gosei Meteor - 16.10.18 48

Page 49: Handbuch für Redakteure€¦ · ab. TYPO3 speichert Ihre letzte Arbeitsposition und kehrt beim nächsten Einloggen an die Stelle zurück. Toyoda Gosei Meteor - 16.10.18 5 . Benutzer

Elemente im Reiter „Spezial“

„Datum/Zeit“: Angabe desErstellungsdatums der Newsmeldung. FügenSie für das Datum in dem Format HH:MM TT-MM-YYYY ein. Alternativ können Sie auch diekomfortable Kalenderfunktion über das Icon aufrufen und das Datum durch Anklickenwählen.

„Archivdatum“: Angabe zu welchemZeitpunkt die Newsmeldung im Archiverscheinen soll. (Sofern die nicht automatisiertüber die TYPOScript Programmierung erfolgt.

Fügen Sie für das Datum in dem Format TT-MM-YYYY ein. Alternativ können Sie auch diekomfortable Kalenderfunktion über das Icon aufrufen und das Datum durch anklickenwählen.

„Autor“: Angabe des Autorennamens. Die Ausgabe des Feldes muss über die TYPOScript Programmierung vorbereitet sein.

„Stichworte“: Angabe von thematischen Stichwörtern. Verwendung Ausgabe muss über dieTYPOScript Programmierung vorbereitet sein.

„Sprache“: Angabe über die Sprachversion der Newsmeldung. (Kommt nur bei mehrsprachigen Auftritten zum Einsatz).

Toyoda Gosei Meteor - 16.10.18 49

Page 50: Handbuch für Redakteure€¦ · ab. TYPO3 speichert Ihre letzte Arbeitsposition und kehrt beim nächsten Einloggen an die Stelle zurück. Toyoda Gosei Meteor - 16.10.18 5 . Benutzer

Elemente im Reiter „Medien“

„Bilder“: Hier können ein oder mehrere Bilderder Newsmeldung zugeordnet werden. DieAusgabe der Bilder wird über die TYPOScriptProgrammierung gesteuert.

„Bildunterschrift“: Hier können wie bei demInhaltselement „Bilder“ oder „Text mit Bild“Bildunterschriften vergeben werden.

„Links“: Hier können weiterführende Linkszur Meldung angegeben werden, Diese werdenje nach Design auf der Webseite gesammelt ineinem Bereich ausgegeben.

„Dateien“: Hier können Dateien inVerbindung zur Newsmeldung zumherunterladen angeboten werden.

Toyoda Gosei Meteor - 16.10.18 50

Page 51: Handbuch für Redakteure€¦ · ab. TYPO3 speichert Ihre letzte Arbeitsposition und kehrt beim nächsten Einloggen an die Stelle zurück. Toyoda Gosei Meteor - 16.10.18 5 . Benutzer

Elemente im Reiter „Kategorien und Beziehungen“

„Kategorien“: Sofern eine Darstellung derNachrichten nach unterschiedlichen Kategorienvorgesehen ist, stehen hier die Kategorien zurAuswahl bereit.

„In Verbindung stehende Artikel“: Hierkönnen weitere Newsmeldungen ausgewähltwerden, die thematisch mit dieser inZusammenhang stehen. Diese werden dannals anklickbare Liste auf der Seite mitausgegeben, sofern dies im Design und derProgrammierung berücksichtigt wurde.

Elemente im Reiter „Zugriff“

Wie alle Seiten, Elemente und Datensätze imTYPO3 System können auch einzelneNewsmeldungen mit einem Start/Stopdatumversehen oder im Zugriff auf eine oder mehrereGruppen beschränkt werden.

Toyoda Gosei Meteor - 16.10.18 51