TYPO3-Handbuch. Bedienungsanleitung für Redakteure. Die Berliner Internet-Agentur. Schönhauser Allee Berlin

Transkript

1 Die Berliner Internet-Agentur Schönhauser Allee Berlin fon: fax : TYPO3-Handbuch Bedienungsanleitung

2 Seite 2 von 46 Inhaltsverzeichnis 1 Einleitung 4 2 Eine kurze Einführung in TYPO3 4 3 Die Anmeldung am Redaktionssystem Die richtigen Browser-Einstellungen Anmeldung Die TYPO3-Oberfläche und Ihre Bereiche Die Modulleiste Die Navigationsleiste 7 4 Die Module von TYPO Das Modul Web > Seite Das Modul Web > Anzeigen Das Modul Web > Liste Das Modul Datei > Dateiliste Das Modul Benutzer > Einstellungen 11 5 Seiten und Seiteninhalte anlegen Die Seiteninformation Das Anlegen einer neuen Seite 15 6 Neue Seiteninhalte einpflegen 6.1 Seiteninhalt Text mit Bild Text bearbeiten im Rich-Text-Editon (RTE) Einfügen und Formatieren von Bildern Einfügen und Formatieren von Bildern direkt im RTE 27 7 Produkte / Shop-System Produkt-Kategorien ansehen, bearbeiten, erstellen Neues Produkt anlegen Produktkategorien anlegen & bearbeiten 33 8 Nachrichten auf der Startseite Grundeinstellungen Newsbeiträge einstellen und verwalten 36 9 Kalender Das Kalender-Plugin (MJS Event Pro) als Seiteninhalt anlegen Veranstaltungen anlegen & bearbeiten Veranstaltungskategorien/-typen anlegen & bearbeiten Interner Bereich Anlegen von Benutzergruppen und Benutzern Anlegen einer Login-Seite Geschütze Seite anlegen Geschütze Seiteninhalte anlegen 45

3 Seite 3 von 46

4 Seite 4 von 46 1 Einleitung Anhand einzelner Seiten begleiten wir sie auf den ersten Schritten mit TYPO3. Es wird die Benutzeroberfläche vorgestellt, gezeigt welche Module zu Verfügung stehen, wie sie Seiten anlegen und welche Inhaltstypen von ihnen eingegeben werden können. Als Grundlage der Dokumentation diente dabei die Versionen TYPO Wir freuen uns, dass sie sich für dieses wunderbare OpenSource Content- Management-System entschieden und für undkonsorten als Ihren Partner entschieden haben. 2 Eine kurze Einführung in TYPO3 TYPO3 ist ein Online-Content-Management-System (kurz: CMS oder auch Redaktionssystem) welches komplett auf Ihrem Webserver läuft. Das heißt, das Bearbeiten der Seiten erfolgt online und ist nicht von Ihrem lokalen Rechner abhängig. Es gibt eine Grundstruktur, die für jedes CMS gilt und die hier zum besseren Grundverständnis kurz erläutert werden soll. Grundsätzlich gib es eine Einteilung in ein Frontend sowie ein Backend. Das Frontend ist die ganz normale Webseite, wie sie jeder Besucher sehen kann. Diese Seiten werden durch TYPO3 dynamisch generiert. Man erreicht diese Seiten i.d.r. über Das Backend von TYPO3 benötigen Sie, um diese Seiten anzulegen bzw. zu verändern. Dazu muss man sich mit einem Login am Redaktionssystem anmelden [siehe Kapitel Die Anmeldung am Redaktionssystem ]. Änderungen die sie an Ihren Seiten im Backend vornehmen, sind i.d.r. sofort im Fronend für alle anderen Besucher sichtbar. 3 Die Anmeldung am Redaktionssystem 3.1 Die richtigen Browser-Einstellungen TYPO3 ist ein Online-Redaktionssystem und verwendet als Client (Ihr Arbeitsmittel) einen üblichen Browser mit dem sie im Internet surfen können.

5 Seite 5 von 46 Da das Content-Management-System auf einem Server im Internet liegt, können sie von jedem Ort mit Online-Zugang zeitunabhängig Veränderungen an ihrer Web-Site vornehmen. Damit TYPO3 korrekt funktionieren kann, sind Einstellungen an Ihrem Browser angeraten. Dabei handelt es sich um die Aktivierung von "JavaScript", die richtigen "Browser-Cache"-Einstellungen und die Einstellungen zum Akzeptieren von "Cookies". 3.2 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 Geben sie in das Feld "Username" Ihren Benutzernamen ein. 2. Geben sie im Feld "Password" Ihr Passwort ein. 3. Drücken sie anschließend auf den Button "Log In". Waren Ihre Angaben korrekt, sind sie eingeloggt und bekommen Ihre individuell eingestellte Arbeitsoberfläche von TYPO Die TYPO3-Oberfläche und Ihre Bereiche Die Arbeitsoberfläche von TYPO3 ist in drei Hauptbereiche unterteilt.

6 Seite 6 von 46 Die Modulleiste (1) - sie dient als oberste Ebene zur Auswahl des jeweiligen Modules, in welchen sie arbeiten möchten. Die Navigationsleiste (2) - bildet die Navigation für das gewählte Modul ab. sie sehen hier in der Regel den hierarchisch strukturierten Seitenbaum mit den angelegten Seiten und Ordnern. Die Detailansicht (3)- stellt den eigentlichen Arbeitsbereich für den Nutzer dar. Logout (4)- 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. 3.4 Die Modulleiste Die Modulleiste dient zur Auswahl des jeweiligen Arbeitsbereiches. Für den Redakteur werden hier vor allem die Bereiche "Web" und "Datei" arbeitsrelevant sein. 1. Der Screenshot zeigt ihnen die in der Modulleiste aufgeführten Modul- Bereiche: "Web", "Datei", "Benutzer", "Tools", "Hilfe". 2. Innerhalb des jeweiligen Modul-Bereiches werden die dazugehörigen Module angezeigt. In unserem Bespiel werden für den Modul-Bereich "Web" die Module

7 Seite 7 von 46 "Web > Seite", "Web > Anzeigen", "Web > Liste", angezeigt. 3.5 Die Navigationsleiste Haben sie ein Modul (z.b. "Web > Seite") durch einen Klick mit der linken Maustate gewählt, steht ihnen in der Navigationsleiste das dazugehörige Menü zu Verfügung. Im Modul-Bereich "Web" ist es der Seitenbaum der Anwendung. Da Redakteure am häufigsten das Modul "Web" verwenden, stellen wir hier exemplarisch den Seitenbaum der Navigationsleiste vor. Die Ansicht gibt die Struktur ihrer Website baumartig wieder. 1. Einzelne Ebenen können sie mit + einblenden oder mit - ausblenden. 2. Vor dem jeweiligen Seitentitel gibt ein Icon den Typ und den Status der Seite wieder. 3. Am Ende des Seitenbaumes können sie mittels Reload die Ansicht jederzeit aktualisieren. 4. Durch Klicken auf Seiten- oder Dateinamen erhalten sie in der Detailansicht den dazugehörigen Bearbeitungsmodus. 5. Durch Klicken auf das Icon vor dem Seiten- oder Dateinamen öffnet sich (sofern es für Ihr Profil aktiviert ist) ein Kontextmenü, welches ihnen weitere Bearbeitungsmöglichkeiten zur Auswahl gibt. In unserem

8 Seite 8 von 46 Beispiel klicken wir mit der linken Maustaste auf das Icon der Seite "Regional" und bekommen das Kontextmenu zur Seitenbearbeitung. Hier finden sie bereits die wesentlichen Funktionen, die zum Bearbeiten einer Seite notwendig sind. Die gleichen Prinzipien der Navigationsführung gelten für den Ordner-Baum im Modul-Bereich "Datei".

9 Seite 9 von 46 4 Die Module von TYPO3 Mittels der Auswahl der Module wählen sie den Bereich in welchen sie arbeiten und die Aufgaben, die sie durchführen wollen. Wir möchten im Folgenden die zur Verfügung stehenden Module und ihre Verwendung einzeln kurz vorstellen. 4.1 Das Modul Web > Seite Mit diesem Modul können sie neue Webseiten mit verschiedenen Inhaltselementen anlegen und bearbeiten. Sie können hier die Inhalte in den vorhandenen Inhaltsspalten ihrer Seite bearbeiten. Spezielle Seiteninhalte wie News, Shops, Kalender sind bei Integration der entsprechenden Erweiterungen leicht zu verwalten. 4.2 Das Modul Web > Anzeigen Das Modul ermöglicht ihnen den Bearbeitungszustand einer Seite mittels der Vorschau zu betrachten und sogleich Veränderungen vorzunehmen ("Frontend-Editing"). Der Bleistift markiert hierbei die Inhaltselemente, welche sie bearbeiten können.

10 Seite 10 von Das Modul Web > Liste Das Listen-Modul gibt ihnen den besten Überblick und Zugriff auf die einzelnen Datensätze einer Seite, die für den jeweiligen Benutzer zugänglich sind. Die Inhaltselemente werden ebenso übersichtlich aufgelistet wie Erweiterungen oder spezielle Templates für die Seite. Über das Listen- Modul können sie den Seiten-Header oder Inhaltselemente bearbeiten, die Reihenfolge der Inhalte leicht ändern, sie kopieren, verschieben oder sich den Änderungsverlauf eines Datensatzes anzeigen lassen.

11 Seite 11 von Das Modul Datei > Dateiliste Das Modul Dateiliste stellt das Dateiverwaltungssystem von TYPO3 dar. Es erlaubt ihnen den Zugriff auf die für Ihren Login gültigen Dateiordner. Durch Klicken mit der linken Maustaste auf das jeweilige Icon im Seitenbaum steht ihnen ein Kontextmenü zu Verfügung, mit dem sie Ordner umbenennen, neue anlegen und Dateien auf den Server hochladen (Schaltfläche Dateiupload), kopieren, ausschneiden, löschen oder sich weitere Informationen anzeigen lassen können. Mittels der Checkboxen am Ende der Darstellung können sie sich Thumbnails (kleine Vorschauen) der Bilder oder das Klemmbrett, zum Kopieren oder Verschieben von Dateien, anzeigen lassen. Mit der Schaltfläche Neu können sie einen Unterordner erstellen. 4.5 Das Modul Benutzer > Einstellungen Mit dem Modul Einstellungen können sie sich Ihre Arbeitsumgebung nach Ihren Wünschen anpassen. So bietet TYPO3 Mehrsprachigkeit für Backend- Benutzer. Wählen sie die Darstellungsform des Backends entsprechend Ihren Vorlieben oder den Fähigkeiten Ihres Bildschirms. sie können einstellen ob Hilfetexte oder Thumbnails als Standard angezeigt werden sollen, ob Rekursives Kopieren bzw. Löschen erlaubt ist, wie viele Dateisätze im Dokumenten-Modul angezeigt werden und der Datei-Upload hier erlaubt ist. Legen sie fest ob der Rich Text Editor und das Kontextmenü aktiviert sind und welche Art von Hilfen bei der Eingabe angezeigt werden. Um die Sicherheit zu erhöhen können sie sich per benachrichtigen lassen, wenn jemand sich mit Ihrem Account einloggt. Hier können sie außerdem Ihr Login-Passwort ändern.

12 Seite 12 von 46

13 Seite 13 von 46 5 Seiten und Seiteninhalte anlegen In TYPO3 bildet eine Seite den Rahmen für eine Anfrage auf ihrer Website. sie liefert den Container für verschiedene Inhalte, die sie auf der Seite einfügen können. Eine Seite hat in der Regel einen Titel und ggf. eine Beschreibung, verschiedene Keywords für Suchmaschinen, ein bestimmtes Aussehen welches durch ein ihr zugewiesenes Template bestimmt wird. Die Hierarchie (Struktur) der Seiten wird durch den Seitenbaum (Navigationsleiste) abgebildet und erzeugt in der Regel Seitennavigationsangaben (Links) auf ihrer Website. TYPO3 hat der Funktionalität entsprechend, dem was eine Seite leisten soll, verschiedene Seitentypen eingeführt und ihnen damit das Arbeiten erleichtert. So besteht z.b ein Unterschied darin, ob eine Seite im Menü angezeigt werden soll oder nicht. Die Seiteninhalte (Text, Bilder, Tabellen...) werden den einzelnen Seiten zugeordnet und durch sie abgebildet. Eine Seite ohne Seiteninhalte wird zwar in der Navigation angezeigt, beinhaltet aber keine Texte, Bilder etc. Um komplexere Inhalte und Listen verschiedener Art innerhalb einer Seite abzubilden gibt es Erweiterungen (bzw. Spezialtypen) wie Foren, Shops, Kalendereinträge. sie behandeln den Inhalt jeweils gesondert, indem sie Sortierungen oder Gruppierungen vornehmen. Wir werden nun Schritt für Schritt folgende Punkte beleuchten: - Wie können sie sich Informationen über bestehende Seiten anzeigen lassen? - Wie legen sie eine neue Seite an? - Wie bearbeiten sie Seiten aus den verschiedenen Modulen heraus? - Welche Seitentypen gibt es? - Welche Erweiterungen können die Funktionalität für den Seiteninhalt erweitern. 5.1 Die Seiteninformation TYPO3 liefert ihnen eine kompakte Zusammenfassung aller wichtigen Informationen einer bestehenden Seite und lässt sie so leicht den Überblick behalten. Den schnellsten Zugriff erhalten sie über das Kontextmenü im Modul- Bereich "Web". Klicken sie im Seitenbaum auf das jeweilige Icon, erhalten sie das Kontextmenü. Es bietet ihnen verschiedene Aktionsmöglichkeiten an:

14 Seite 14 von 46 So können Sie - die Seite Ansehen - ihnen wird der aktuelle Bearbeitungsstand der Seite angezeigt, - Bearbeiten - ihnen wird die Seite inklusiv der Inhalte im Bearbeitungsmodus zurückgegeben, diese Ansicht erhalten sie auch, wenn sie auf den Namen der Seite klicken - Neu - eine neue Seite oder ein neues Inhaltselement anlegen, die Seite wird als Unterseite der ausgewählten Seite angelegt - Info - Informationen über die Seite abrufen, - Kopieren - und damit die Seite mit samt dem Inhalt in die Zwischenablage (Klemmbrett) legen, - Ausschneiden, - Einfügen in - fügt den Inhalt der Zwischenablage eine Ebene tiefer unter die gewählte Seite im Strukturbaum ein, - Einfügen nach - fügt den Inhalt der Zwischenablage direkt nach der gewählten Seite im Strukturbaum ein, - Seite verschieben - um ihre Position im Strukturbaum zu verändern, - Erstellungsverlauf / Rückgängig machen - Den Bearbeitungsverlauf der Seite ansehen und evtl. einzelne Schritte - rückgängig machen, - Zugriff - den Zugriff auf die Seite kontrollieren und bearbeiten, - 'Neuerstellungs'-Assistent - den Assistenten zur Erstellung einer neuen Seite und zur Festlegung ihrer Position nutzen, - Web>Listenmodul - die Seite im Listenmodul öffnen, - Ausblenden - d.h. die Seite offline stellen, damit ist sie in ihrer Website nicht mehr sichtbar, - Sichtbarkeitseinstellungen - für zeitgesteuertes Publizieren können sie den Zeitraum festlegen in dem die Seite in Ihrem Auftritt sichtbar ist, - Löschen.

15 Seite 15 von 46 Um die betreffende Aktion ausführen zu können, klicken sie einfach auf den jeweiligen Eintrag und sie erhalten im rechten Fenster die entsprechenden Bearbeitungsoptionen. 5.2 Das Anlegen einer neuen Seite Bestimmen sie an welcher Stelle sie die Seite im Strukturbaum erstellen wollen. Wenn sie eine Seite nach oder hinter einer bestehenden Seite anlegen möchten, so klicken mit der linken Maustaste auf das Seitensymbol und. Wählen sie anschließend im eben beschriebenen Kontextmenü den Eintrag "Neu" aus. Klicken sie auf der nachfolgenden Seite den Seiteninhaltsassistent. Wir wählten in unserem Beispiel die Aktion "Neu". Im Bereich der Detailansicht erhalten sie eine Auswahl der zu Verfügung stehenden Elemente welche sie neu erstellen können. Klicken sie hier auf den Pfeil an der Stelle, wo die neue Seite eingefügt werden soll. In unserem Beispiel würde die Seite hinter Veranstaltungen und vor Archiv eingefügt werden. Sie haben jetzt die Position der Seite bestimmt und werden auf eine neue Seite weitergeleitet. Auf diese soll nun näher eingegangen werden. Bevor sie alle Funktionen dieser Seite kennenlernen, aktivieren sie am Ende der Seite die zweite Optionen-Palette, falls diese noch nicht aktiv sein sollte.

16 Seite 16 von 46 Im Kopf- und Fußbereich der Seite haben sie die Symbole zum Speichern (aktuelle Seite bleibt erhalten zum Weiterbearbeiten) Speichern & Ansehen (aktuelle Seite und in neuem Fenster ansehen) Speichern & Schließen (bzw. zur vorherigen Seite zurückkehren) Darunter finden sie die Option Seite verstecken Neue Seiten werden standardgemäß versteckt, d.h. in Frontend noch nicht angezeigt. Dies ist sinnvoll, da neue Seiten ja noch keine Inhalte besitzen und deswegen noch nicht für die Öffentlichkeit bestimmt sind. Dass die Seite versteckt ist erkennen sie auch an diesem Symbol:. Im Feldbereich Typ können sie v.a. Typ und Layout der Seite bestimmen. Standard ist eine normale Seite, die sie i.d.r. benutzen sollten 1. Lassen sie uns vorerst auf den Punkt Standard beschränken. Mit Layout können sie wenn dies für Ihre Seite vorgesehen ist das Layout der Seite z.b. zwischen zwei- und dreispaltigem Layout umschalten. Geben sie für Ihre Seite unbedingt einen Titel ein. Dieser Titel wird später auch der Navigations- und Seitentitel des Browsers der neu angelegten Seiten sein. Halten sie den Titel so kurz und prägnant wie möglich. Mit dem Alias bestimmen sie das spätere Aussehen ihrer URL (hier: Diese Angeben sind wichtig für die Suchmaschinen. Verwenden sie extrem kurze und aussagekräftige Alias ohne Umlaute und Leerzeichen. 1 Mit Erweitert können Sie der Seite zusätzliche Informationen hinzufügen. Mit Externe URL können sie die Seite auf eine andere Seite im Internet und mit Shotcut auf eine Seite des eigenen Internet-Auftritts weiterleiten. Mit Nicht im Menü erstellen Sie normale Seite, die allerdings nicht später im der Navigation für den Besucher zu sehen sein wird. Den Optionspunkt SysOrdner können Sie auswählen, wenn die neue Seite später keine Inhalte ausgeben und nicht in der Navigation angezeigt werden soll und ausschließlich als Container für Inhalte (wie News, Kalendereinträge) dienen soll.

17 Seite 17 von 46 Wenn sie im Menü verstecken auswählen, wir die Seite später für Besucher der Webseite nicht in der Navigation anzeigt bzw. versteckt. sie ist aber über einen direkten Link dennoch aufrufbar. Unter Allgemeine Optionen können sie angeben, ab welchem Datum die Seite für die Besucher zu sehen sein soll oder wann sie automatisch auf Wunsch auch mit Unterseiten wieder von Ihrem Internetauftritt verschwinden soll. Dies macht z.b. bei einer Seite für Online-Bewerbungen für ein Projekt Sinn, die nur in einem ganz bestimmten Zeitraum möglich sein soll.. Das war s schon. Klicken sie auf den Speichern-Button und sie schon haben sie Ihre erste TYPO3-Seite erstellt. Jetzt muss die Seite natürlich noch mit Inhalten befüllt werden.

18 Seite 18 von 46 6 Neue Seiteninhalte einpflegen Um eine Übersicht über die Inhalte einer bestehenden Seite zu erhalten klicken sie im Modul Seitenansicht auf die gewünschte Seite in der Navigationsleiste. sie erhalten dann in der Detailansicht folgende Übersicht. Sie sehen hier die Spalten, die auch auf ihrer Homepage vorhanden sind: Links, Normal (Mitte), Rechts in die darin enthaltenen Inhalte in Kurzform übersichtlich dargestellt. Durch ein Klicken auf die Schaltflächen 1-4 (Button: Neuer Inhalt bzw. Button ) können sie neue Seiteninhalte hinzufügen. Beim Klick auf die Buttons 1 & 2, werden sie auf eine Seite weitergeleitet, an der sie die Position des Inhaltselementes bestimmen können. Mit den Buttons 3 & 4 wird der Inhalt immer hinter dem Element eingefügt, in dem sich der Button befindet. Nachdem sie die Richtige Position für Ihr Element ausgewählt haben müssen sie noch entscheiden, welchen Typ Seiteninhalt sie an der aktuellen Stelle einfügen können. In der Regel benötigen sie hier die Seiteninhalte Normaler Text oder Text mit Bild. Wie auch immer sie sich hier entscheiden diese Entscheidung können sie später auch einfach wieder revidieren. Wir wählen hier zur Verdeutlichung des Inhaltselements Text mit Bild, da wir hier die meisten notwendigen Funktionen schnell und einfach lernen können. Klicken sie dazu auf Text mit Bild und sie werden auf die nachfolgend beschriebene Seite weitergeleitet.

19 Seite 19 von Seiteninhalt Text mit Bild Hier finden sie im oberen Bereich im Kasten Typ folgende Optionen: 1. Inhaltstyp (Text, Text mit Bild etc.): Hier können sie auch im Nachhinein die soeben getroffene Entscheidung für einen bestimmen Inhaltstyp wieder ändern. 2. Unter Spalten können sie ebenfalls die soeben getroffene Entscheidung, in welcher Spalte (z.b. Links, Normal, Rechts) der Inhalt auftauchen soll, wieder ändern. 3. Mit Rahmen können sie je nach Ausgestaltung ihrer Webseite voreingestellte Rahmenoptionen für das Inhaltselement (z.b. Mit Kasten ) auswählen. 4. Mit Nach Oben können sie nach dem Seiteninhaltselement automatisch auf der Webseite einen nach oben -Link (zum Seitenanfang) einfügen. Dies ist besonders bei sehr langen Seiten sinnvoll. Im Feld Überschrift sollten sie die Überschrift des Seiteninhaltselements eingeben. Diese wird erstens auf der Webseite ausgegeben und erleichtert später die das Wiederfinden des Datensatzes. Mit Typ können sie zudem falls das bei Ihrem Internetauftritt vorgesehen ist das Layout der Überschrift wandeln. Mit Grafische Überschrift Mitte können wird hier z.b. die Überschrift als Bild mit im Corporate-Design des Unternehmens

20 Seite 20 von 46 anlegen. Mit Wirklich Versteckt können sie die Überschrift auf der Homepage verstecken Text bearbeiten im Rich-Text-Editon (RTE) Mit dem RTE können sie Ihren Text ähnlich wie sie das von Ihren Office- Anwendungen (Word, OpenOffice) gewöhnt sind formatieren. Auch die Schaltflächen für fett kursiv Listen Hochgestellt/Tiefgestellt Symbol/Sonderzeichen Hyperlink Bild Tabelle Suchen Rückgängig/Wiederholen werden ihnen bekannt vorkommen und sollen deswegen hier nicht nochmal erläutert werden. Neu sind ihnen vielleicht aber die folgenden Buttons. Mit HTML-Ansicht können sie in die HTML-Ansicht wechseln. Dies ist manchmal hilfreich, wenn sich durch häufiges Formatieren Fehler eingeschlichen haben. Hier kann man sie mit ein bisschen Geduld wieder ausbessern. Mit Formatierungen entfernen können sie Formatierungen (Schriftarten, Farben etc) entfernen, die beim Kopieren von andern Dokumenten oder Webseiten entstehen. sie kennen dieses Problem vielleicht, wenn sie schon einmal versucht haben, Text von Webseiten in einem eigenen Word-Dokument einzufügen. TIPP: Benutzen sie für einen neuen Absatz die ENTER-Taste und für einen einfachen Zeilenumbruch (break) die Tastenkombination ENTER+Shift.

21 Seite 21 von Einfügen von Hyper, Mail- und Dateilinks Zum Einfügen eines neuen Hyperlinks markieren sie das Wort, dass später verlinkt werden soll und klicken sie auf die Link-Schaltfläche. Es öffnet sich nun eine neues Fenster mit dem sie wählen können zwischen Link entfernen (löscht einen bereits erstellen Hyperlink), Seite (hiermit können sie auf die eigenen TYPO3-Seiten verlinken, Datei (zum Verlinken auf Bilder, Dokumente aus dem eigenen Internetauftritt), Externe URL (zum Verlinken auf externe Seiten siehe Abb.) sowie (für Mails). Verlinken auf eine Externe Seite (Abb. oben) Bitte beachten sie bei allen Links unter Ziel, immer auswählen sollten, ob die Seite oben (_top), das heiß im gleichen Fenster oder in einem Neuen Fenster (_blank) öffnen möchten. Der Stil wird nach dieser Auswahl automatisch aktualisiert. Bitte geben sie bei allen Links immer einen aussagkräftigen Titel ein, damit die Seite den Anforderungen der Barrierefreiheit genügt. Wenn sie alle Felder eingetragen haben, klicken sie auf die Schaltfläche Link setzen und Ihr Link ist fertig.

22 Seite 22 von 46 TIPP: Einfügen von Links auf externe URLs mit Sonderzeichen Manche Seiten besitzen URL mit Sonderzeichen z.b. Bei solchen URL müssen sie mit einem kleinen Trick verhindern, dass sie von TYPO3 als ungültig erkannt werden. Erstellen sie wie oben beschrieben ganz normal einen Link. Wechseln sie dann im RTE auf die HTML-Ansicht. Suchen sie dort den Link mit folgender Struktur <a href= title=...> und fügen sie vor dem href den text rte_keep= 1 ein, so dass der Link folgendermaßen aussieht: <a rte_keep= 1 href= Wechseln sie anschließend wieder in die Speichern Sie. Standard-Ansicht und Verlinken auf eine TYPO3-Seite/Seiteninhaltselement Wenn sie einen Link auf eine Seite der eigenen Homepage (2) oder sogar auf ein Inhaltselement einer Seite (2a & 3a) setzen möchten, so wählen die Reiter Seite aus. Geben sie zuerst, wie eben beschrieben die alle notwendigen Angaben unter (1) an. Anschließend könnten sie z.b. auf die Seite Homepage verlinken in dem sie (2) einfach auf den Text Homepage klicken und der Link ist gesetzt. Sie haben aber auch die Möglichkeit auf ein bestimmtes Inhaltselement innerhalb der Seite zu verlinken (z.b. zu einem bestimmten Ansprechpartner auf einer Mitarbeiter-Seite). Klicken sie dazu auf den kleinen Pfeil neben der entsprechenden Seite (2b). In der rechten Spalte erhalten sie dann eine Übersicht über die Inhalte dieser Seite. Klicken sie mit der Maus auf den Text des Elements (3b) und die Verlinkung mit einem Seiteninhaltselement ist abgeschlossen.

23 Seite 23 von 46 Verlinken auf eine Mail-Adresse (mit Betreff & vorgegebenem Text) Auf der Webseite können sie sich Ihr Mailscript selbst ein Mailscript erstellen, bei dem bereits der Betreff sowie ein Mailtext vorgefertigt sind. Bitte beachten Sie, dass dabei keine Umlaute möglich sind. Sie können Sich Ihrem Maillink auch selbst erstellen. Dazu gehen sie wie folgt vor: Wenn sie einen -Link erzeugen möchten, so tippen sie im RTE zuerst die Mailadresse, auf die sie verlinken möchten und markieren sie diese. Klicken sie dann wie gewohnt auf die Link-Schaltfläche und wählen den Reiter Mail aus. Geben sie hier die Mailadresse und einen Titeltext (z.b. Mail an die Redaktion) ein. Klicken sie anschließend auf Link setzen.

24 Seite 24 von 46 Es gibt auch die Möglichkeit mit?subject=betrefftext den Betreff und mit &body=text den Mailtext vorher zu bestimmen. Beispiel: Bei einer Mail an mit dem Betreff Anfrage und dem Mailtext Liebe Redaktion folgenden Inhalt in die Zeie für die Mailadresse ein: Bitte beachten sie aber, dass hier leider keine Leerzeichen möglich sind Einfügen und Formatieren von Bildern Mit TYPO3 haben sie die Möglichkeit, Bilder hochzuladen und diese direkt bei der Eingabe in Größe, Farbe, Ausrichtung anzupassen Auswählen und Einfügen von Bildern Mit der Box Bilder haben sie die Möglichkeit eine Anzahl von Bildern der Inhaltsbox hinzuzufügen. Klicken sie auf das Ordner-Symbol (1), um neue Bilder hinzuzufügen. In dem Linken Fenster (2) sehen sie die bereits hinzugefügten Bilder in einer Liste. Sie können einzelne Bilder durch Anklicken markieren sie sind dann blau unterlegt. sie können dann die Reihenfolge verändern (3), in der die Bilder ausgegeben werden oder das ausgewählte Bild löschen (4). Auf der rechten Seite sehen sie eine Kurzvorschau (5) der bereits gespeicherten Bilder. Beim Anklicken des Ordner-Symbol (1) geklickt haben, werden sie auf folgende Seite weitergeleitet.

25 Seite 25 von Bilder einfügen Mit dem +-Symbol (1) lässt sich die Ordnerstruktur aus- und einklappen. Beim Klick auf den Ordner (2) werden im in der rechten Spalte die Bilder angezeigt. Klicken sie auf des +-Symbol (3), um mehrere Bilder der Bilderliste hinzuzufügen. Klicken sie (4) direkt auf den Text, wird dieses Bild zur Liste hinzugefügt und das Fenster schließt sich Bilder hochladen Falls Ihr Bild noch nicht vorhanden ist, klicken sie auf den Ordner, in den das Bild geladen werden soll (2) und anschließend auf Durchsuchen (5), um den Upload auszuwählen und anschließend auf Upload (6). Das Bild wird dann in der rechten Spalte angezeigt Bildposition einrichten Unter Position könne sie die Position angeben, an der später Ihr Bild im Verhältnis zum Text stehen soll. Klicken sie einfach auf das entsprechende Symbol. Mit Spalten haben sie bei vielen Bildern die Möglichkeit, die Bilder in mehreren Spalten nebeneinander anzuzeigen.

26 Seite 26 von Bildgröße, Effekte, Bilder verlinken In dem Feld Breite können sie die Breite einstellen, mit der das Bild später ausgegeben werden soll. Mit Klick-vergrößern wir ein Link generiert, mit dem man das Bild später in voller Größe anzeigen lassen kann. Mit der Link-Schaltfläche können sie die eingefügten Bilder verlinken. Möchten sie mehrere Bilder mit verschiedenen Zielen verlinken, so trennen sie die Werte per Komma. In der Abb. oben würde z.b. das erste Bild mit der TYPO3-Seite mit der ID 22, das weite auf die 23 und das vierte Bild mit der 24 verlinkt. Die Qualität sollte einfach auf Standard bleiben. Mit Effekte können sie das Bild drehen, Schwarz-Weiss darstellen etc Bildtext, Alternativer Text & Titel Text Mit Bildtext können sie einen Bilduntertitel vergeben, der dann direkt auf der Seite angezeigt wird. Alternativtext und Titel Text müssen für eine barrierefreie Seite immer eingetragen werden, damit auch sehbehinderte Internetnutzer wissen, was auf abgebildet ist. Speichern Wenn sie alle notwendigen Angaben gemacht haben, klicken sie auf

27 Seite 27 von 46 Speichern (aktuelle Seite bleibt erhalten zum Weiterbearbeiten) Speichern & Ansehen (aktuelle Seite und in neuem Fenster ansehen) Speichern & Schließen (bzw. zur vorherigen Seite zurückkehren) Einfügen und Formatieren von Bildern direkt im RTE Manchmal ist es notwendig, Bilder an der gewünschten Stelle direkt im RTE einzufügen und nicht allgemein über oder unter dem gesamten Textblock. sie benötigen die oben beschriebenen Funktionen nicht. Um ein Bild direkt im RTE einzufügen, klicken sie mit der Maus auf die Stelle, an der das Bild eingefügt werden soll und anschließend auf das Symbol Bilder einfügen/verändern (1). Wählen sie in dem sich öffnenden Fenster den Reiter Neues Zauber-Bild aus und fügen sie das Bild wie gewohnt ein. [Zauber-Bilder haben den zauberhaften Vorteil, dass das Bild beim Verkleinern wirklich neu berechnet und erstellt. Das sieht später besser aus und verringert die Ladzeiten im Vergleich zum Normalen Bild.] Das Bild wurde so an die gewünschte Stelle im Text eingefügt. Sie können nun noch die Größe des Bildes ändern. Klicken sie es dazu und sie sehen an den Ecken des Bildes Kästchen. Wenn sie auf diese Kästen mit der Maus klicken (1) und gedrückt halten, wird sich das Bild entsprechend verkleinern. Der Vorgang ist mit dem Loslassen der Maustaste abgeschlossen. Bitte beachten Sie, dass die Bilder ohne Qualitätsverlust nur verkleinert und nicht vergrößert werden können.

28 Seite 28 von 46 Bildgröße, Alternativtext, Titel-Text etc. können sie auch bearbeiten, indem sie mit der rechten Maustaste auf das Bild klicken und in dem Kontextmenü den Punkt Bildeigenschaften (1) auswählen. In dem sich öffnenden Fenster können sie die gewünschten Werte einstellen. Es empfiehlt sich aber, nicht hier die Abstände für das Bild einzustellen, da sie links und rechts/oben und unten gleichzeitig festgelegt werden. Die Ausrichtung des Bildes im Text bestimmen sie am besten über die vordefinierten Absatz-Formatvorlagen. Soll das Bild links im Text stehen und rechtsbündig vom Text umflossen werden, so wählen sie z.b. den Eintrag <Bild links> aus.