Einführung in das Content Management System TYPO3 für Mitarbeiter/innen der WU

Transkript

1 Einführung in das Content Management System TYPO3 für Mitarbeiter/innen der WU Version 1 vom März 2015

2 Erstellung von WU Webseiten mit TYPO3 Dieses Handbuch ist eine Einführung in das Content-Management-System TYPO3 unter Berücksichtigung WU-spezifischer Rahmenbedingungen und besonderer Anwendungen. Grundlage dieses Handbuches ist eine von Dr. Hubert Partl und Melanie Ollinger, MA für die Mitarbeiter/innen der Universität für Bodenkultur erstellte Dokumentation, die IT-Services der WU und im Speziellen dem TYPO3 Team von den beiden Kolleg/inn/en freundlicherweise als Vorlage zur Verfügung gestellt wurde. Dafür danken wir herzlichst! Zielgruppe des Handbuches: Anfragen bitte an: Webautor/innen TYPO3 / Mitarbeiter/innen der WU IT-Services Support Center Inhaltsverzeichnis 1 Einführung Content-Management-System TYPO Zugang zum System Benutzeroberfläche TYPO Modulleiste Seitenbaum Arbeitsfläche Seiten und Inhalte erstellen Neue Seite anlegen Seiten mit Inhalten befüllen Seiten kontrollieren und freigeben Rich Text Editor Absatzformate Links Tabellen Formatierungen entfernen Textmodus Bilder und Dateien verwalten Neuen Ordner in der Dateiliste anlegen... 20

3 3.2 Dateien und Bilder in Ordner hochladen Übersicht Inhalts-Elemente Typischer Seiteninhalt Text Text und Bilder Nur Bilder Spezielle Elemente Dateilinks Medien Spezial-Menüs Datensätze einfügen Formulare Formular bearbeiten Export CSV-Datei Weiterverarbeitung ausgefüllter Formulare Plug-Ins BACH Plug-In iframe Nachrichten-System News FlipBook Online Blätterkataloge im PDF Format Frequently Asked Questions Modern FAQ Raster-Elemente Container Accordion Container Info-Box Container 2-spaltig Container 3-spaltig Seiten, Assets und Inhalte verwalten Seiten, Assets (Bilder, Download-Dokumente) und Seiteninhalte löschen Seite löschen Assets löschen Inhalts-Elemente löschen Löschen rückgängig machen Löschen über Modul Web-Liste Seiten, Assets und Inhalts-Elemente verschieben... 55

4 5.2.1 Verschieben von Assets Verschieben von Inhalts-Elementen Seiten und Inhalts-Elemente kopieren und einfügen Mehrere Elemente auf einmal verschieben, kopieren und einfügen Zweisprachige Seiten erstellen Englische Version einer Seite anlegen Intranet - Zugriffsgeschützte Bereiche auf Ihrer Seite Zugriffsschutz für Assets in der Dateiliste Administratives Linkvalidierung Helpdesk Tickets Informationen für Redakteur/inn/en Abbildungsverzeichnis... 67

5 1 Einführung Dieses Kapitel gibt einen allgemeinen Überblick über das Content-Management System TYPO3, den Zugang zum System sowie den Aufbau der Benutzeroberfläche. 1.1 Content-Management-System TYPO3 TYPO3 ist ein freies Open Source Content-Management-System (CMS) und wurde 1997 von Kasper Skårhøj entwickelt. Bei einem CMS wird Inhalt, Struktur und Layout getrennt. Alle Webseiten und Inhalte werden automatisch in ein einheitliches Design und Layout überführt. Für die Wartung der Seiten und Inhalte sind keine speziellen HTML- oder Systemkenntnisse nötig. Redakteur/innen können sich so ganz auf die Pflege der Inhalte konzentrieren, ohne sich um Layout oder technische Aspekte sorgen zu müssen. 1.2 Zugang zum System Bei Content-Management-Systemen unterscheidet man zwischen Backend (BE) und Frontend. Im Backend werden die Seiten erstellt und editiert und dann im Frontend im Layout und Design der jeweiligen Webseite - angezeigt. Der Zugang zum System (BE) erfolgt über www nur aus dem VPN (Virtual Private Network) der WU. Verwenden Sie dazu einen der beiden Standardbrowsern an der WU - Internet Explorer oder Firefox (auch Safari ist getestet); Google Chrome oder Opera wurden nicht getestet. Cookies und JavaScript müssen aktiviert sowie Popup-Fenster für den Server erlaubt sein. An der WU erfolgt der Login in das Backend von TYPO3 über das BACH Single Sign On (SSO) unter folgender Adresse: Zuerst klicken Sie auf LOGIN im TYPO3 Anmeldefenster, dann geben Sie ihre Login Daten (WU Account und Passwort) ein. Achtung: Sollten Sie keine Berechtigungen zum Editieren von Seiten in TYPO3 haben, dann erstellen Sie bitte ein Helpdesk-Ticket unter in der Kategorie Anfragen zu Web & CMS unter Hinweis auf die URL der Seiten, die Sie bearbeiten sollen. Abbildung 1: Login via SSO WU Webseiten mit TYPO3 5 (68)

6 Abbildung 2: Logout via SSO Bitte bedenken Sie, dass bei einer Single-Sign-On (SSO) Lösung ein Logout aus einer Applikation (wie TYPO3) nicht auch ein Logout aus dem Single-Sign-On-System bedeutet. Bitte klicken Sie daher im nebenstehenden Fenster immer auf Logout from Single-Sign-On und schließen Sie dann Ihr Browserfenster. 1.3 Benutzeroberfläche TYPO3 Die Benutzeroberfläche von TYPO3 gliedert sich in drei große Bereiche: Abbildung 3: Elemente der Benutzeroberfläche in TYPO3 1. Modulleiste 2. Seitenbaum 3. Arbeitsfläche WU Webseiten mit TYPO3 6 (68)

7 In den einzelnen Bereichen der Benutzeroberfläche von TYPO3 sehen Sie allerdings immer nur jene Elemente wofür Sie auch Zugriffsrechte haben Modulleiste Die wichtigsten Bereiche in der Modulleiste sind der Webbereich und die Dateiliste: Im Bereich Web führen Sie Arbeiten an Ihren Inhalten durch. In der Dateiliste geht es primär um das Hochladen von Dateien, die Sie für die Gestaltung Ihrer Inhalte brauchen. Hier können Sie nach belieben Ordnerstrukturen anlegen in denen Sie Ihre Dateien und Bilder verwalten. Abbildung 4: Module Der Bereich Benutzerwerkzeuge steht für die Benutzerverwaltung. Dort können Sie einige Einstellungen ändern um TYPO3 an Ihre Bedürfnisse anzupassen z.b. können Sie dort die Sprache des Systems ändern. Der Webbereich gliedert sich noch in weitere Unterbereiche: Seite Bearbeiten einer Seite im Backend von TYPO3. Diesen Bereich werden Sie am häufigsten verwenden. Er ist auch automatisch voreingestellt. Anzeigen Ansehen einer Seite im Frontend von TYPO3. Wir empfehlen Ihnen jedoch die Vorschau Icons zu verwenden und sich die Seite in einem eigenen Reiter im Webbrowser anzeigen zu lassen. Liste Sie sehen alle Elemente die sich auf dieser Seite befinden und auch alle Funktionen die Sie in TYPO3 auf dieser Seite ausführen können. Daher kann diese Seite anfänglich für Sie sehr unübersichtlich und verwirrend wirken. Abbildung 5: Modul Web Info Seiteninformationen Papierkorb Hier können gelöschte Elemente wieder zurückgeholt werden Seitenbaum Der Seitenbaum steht für alle Module der Modulgruppe zur Verfügung und gibt die jeweilige Struktur baumartig wieder. Teilbäume können durch einen Klick auf das graue Dreieck geöffnet und wieder geschlossen werden. Das Filtersymbol kann zum Suchen nach Seiten benutzt werden. WU Webseiten mit TYPO3 7 (68)

8 Abbildung 6: Seitenbaum öffnen und Filter verwenden Wenn Sie Seiten im Seitenbaum löschen oder neu hinzufügen, dann ist es oft sinnvoll mit Refresh den Seitenbaum zu erneuern. Im Seitenbaum sind Kontextmenüs mit vielen nützlichen Befehlen verfügbar. Diese sehen Sie wenn Sie mit der Maustaste auf ein Symbol klicken Arbeitsfläche Das ist Ihre große, detaillierte Arbeitsoberfläche. Die Darstellung ist abhängig vom jeweiligen Modul mit dem Sie gerade arbeiten. Abbildung 7: Kontextmenü Alle Icons zur Bearbeitung Ihrer Seiten sind mit einer sensitiven Hilfe versehen. Das bedeutet, dass Ihnen die Funktion des Icons angezeigt wird, wenn Sie mit der Maus drüberfahren: 2 Seiten und Inhalte erstellen In diesem Kapitel wird Ihnen gezeigt wie Sie neue Seiten erstellen, mit Inhalten befüllen und freigeben. Das erstellen neuer Seiten kann auf zwei verschiedene Arten erfolgen: 2.1 Neue Seite anlegen Im Seitenbaum wählen Sie mit einem Rechtsklick aus dem Kontextmenü bei Seitenaktionen das Icon Neu aus. Anschließend müssen Sie noch die Position der neuen Seite bestimmen. Klicken Sie einfach auf jenen Pfeil wo sich Ihre neue Seite befinden soll dieser erscheint dann grün: WU Webseiten mit TYPO3 8 (68)

9 Abbildung 8: Neue Seite erstellen Bei der anderen Variante klicken Sie auf das Symbol für Neue Seite erstellen im Kopf des Seitenbaumes. Dadurch werden Ihnen drei Icons angeboten Standard, Verweis und Link. Klicken Sie mit der Maus auf Standard und halten Sie die Maustaste gedrückt. Ziehen Sie nun das Symbol für Standard im Seitenbaum an die Stelle, wo Sie das neue Dokument anlegen wollen. Es wird ein neues Dokument angelegt, das vorab den Titel [Standard-Titel] erhält. Nun müssen Sie bei beiden Varianten die Seiteneigenschaften bestimmen. Dazu klicken Sie auf den Dateinamen und klicken dann (wenn nicht gleich die Bearbeitungsseite geöffnet wird) auf das Symbol, ein Dokument mit Bleistift oberhalb des Arbeitsbe- Seiteneigenschaften bearbeiten reiches. WU Webseiten mit TYPO3 9 (68)

10 Im Reiter Allgemein stehen Ihnen folgende Felder zur Verfügung, die auf den URL und die Navigation Ihrer Seite Einfluss nehmen. Abbildung 9: Seiteneigenschaften bestimmen Seitentitel: Hier geben Sie die Überschrift der Seite an. Es gibt keine Begrenzung bei der Anzahl der Zeichen. Befindet sich das Dokument auf der ersten, zweiten oder dritten Ebene der Navigation, dann wird dieser Titel nach 50 Zeichen mit abgeschnitten. Verwenden Sie daher bei sehr langen Seitentiteln den Alternativen Navigationstitel. Aus dem Seitentitel wird durch TYPO3 auch die URL generiert (mit Bindestrich zwischen einzelnen Worten); diese sollte an sich immer geändert werden. Siehe dazu Pfadsegement für untergeordnete Seiten. Alternativer Navigationstitel: Dieser wird sofern das Feld befüllt wurde - in der Navigation links auf der Seite und bei den sogenannten Breadcrumbs (jenem Pfad oberhalb des Textes auf der Webseite, der den Weg zum aktuell geöffneten Dokument darstellt) verwendet. Pfadsegment für untergeordnete Seiten: Bei TYPO3 wird der Seitentitel für den URL herangezogen. Dieses Feld sollte unbedingt immer ausgefüllt werden. Sie haben damit die Kontrolle über die Struktur Ihrer Webseiten und können die Logik Ihrer URL selbst bestimmen. Achtung: Hier wird nicht automatisch überprüft ob Ihre Eingabe einmalig ist. Sie müssen selbst überprüfen, ob dieses Pfadsegment für untergeordnete Seiten auf Ihren Seiten schon einmal vorhanden ist oder nicht. WU Webseiten mit TYPO3 10 (68)

11 Im Reiter Zugriff können Sie die Sichtbarkeit der Seite definieren, den Veröffentlichungszeitraum sowie auch die Zugriffsrechte (wer kann die Seite sehen) bestimmen. Abbildung 10: Zugriff zu Seiten bestimmen Standardmäßig wird die Seite unsichtbar (deaktiviert) angelegt. Es wird empfohlen die Seite so lange unsichtbar zu lassen, bis sie fertig ist und auch wirklich auf der Webseite angezeigt werden soll. Unter Veröffentlichungsdatum und Zugriffsrechte können Sie den Zeitpunkt für den Beginn der Anzeige einer Webseite und deren Ablaufdatum eingeben. Die Seite wird nach Erreichen des Ablaufdatums nicht gelöscht sondern wieder deaktiviert. Achtung: Eine Einschränkung für bestimmte Benutzergruppen können Sie immer nur nach Rücksprache mit dem TYPO3-Betreuerteam vornehmen. Erstellen Sie bitte ein Helpdesk-Ticket, wenn Sie zugriffsgeschützte Bereiche auf Ihrer Webseite einrichten wollen. WU Webseiten mit TYPO3 11 (68)

12 Im Reiter Metadaten kann man Meta Tags eingeben, also Keywords für die Google-Suche. Diese werden jedoch zunehmend unnötig und wir empfehlen Ihnen diesen Bereich leer zu lassen bzw. wenn Sie noch Keywords auf alten Seiten darin finden sollten, diese zu löschen. Beschreibung: Dieses Feld sollten Sie auf der obersten Ebene Ihrer Webseiten ausfüllen. Sofern hier ein Text eingegeben wurde, wird dieser auf der Google Ergebnisseite angezeigt, wenn nach Ihrer Organisationseinheit gesucht wird. Nun speichern Sie die Einstellungen und damit haben Sie ein Dokument in TYPO3 angelegt. Zum Speichern haben Sie drei Optionen: 1. Speichern Diskettensymbol: Es wird gespeichert, das Dokument bleibt aber offen. 2. Speichern und Web-Seite ansehen Diskettensymbol mit Auge: Es wird gespeichert und zusätzlich ein Tab im Browser geöffnet, in dem Sie sich das Dokument als Webseite ansehen können. 3. Speichern und schließen Diskettensymbol mit X: Es wird gespeichert und Sie verlassen die Einstellungen. Abbildung 11: Seiteneigenschaften speichern und schließen Im nächsten Schritt soll die neu angelegte Seite mit Inhalt befüllt werden. 2.2 Seiten mit Inhalten befüllen Um Ihre Seite mit Inhalt zu befüllen, klicken Sie in der Seite auf das grüne Plus: Abbildung 12: Inhalts-Element anlegen und auswählen Folgende Inhalts-Elemente stehen Ihnen zur Verfügung (diese werden in der Folge kurz beschrieben und später im Handbuch genauer dokumentiert): 1. Typischer Seiteninhalt 1.1. Text (für normalen Text ohne Bilder) 1.2. Text und Bilder (für eine kombinierte Darstellung von Bildern und Texten) WU Webseiten mit TYPO3 12 (68)

13 1.3. Nur Bilder (für die Platzierung einzelner Bilder oder Erstellung von Galerien oder Slideshows) 2. Spezielle Elemente 2.1. Dateilinks (für Download-Listen) 2.2. Medien (Einbinden von Videos aus Vimeo oder YouTube) 2.3. Spezial Menüs (für Sitemaps oder Links von Ankerpunkten) 2.4. Datensätze einfügen (für das Einbinden von anderen Inhalts-Elementen) 3. Formulare diese sollten vom TYPO3 Team erstellt werden. Legen Sie bitte ein Ticket im Helpdesk an ( Kategorie Web&CMS) mit dem Titel des Formulars und der gewünschten URL. Wenn Sie uns ein Word Dokument mit den Feldern und deren Bezeichnungen dazu legen, erstellen wir ein fertiges Formular für Sie. 4. Plug-Ins 4.1. Allgemeines Plug-In PDFs mit Online-Blätterfunktion. Zur Aktivierung bitte ein Helpdesk Ticket erstellen WU iframe. Zum Einbinden von externen Webseiten in die eigene Seite. Zur Aktivierung bitte ein Helpdesk Ticket erstellen. 5. Raster-Elemente 5.1. Container Infobox. Damit wird ein Inhalts-Element erstellt, in dem Sie ein großes Text (oder Text mit Bild)-Element und am rechten Rand eine Infobox anlegen können Container 2-spaltig. Für die zweispaltige Darstellung von Inhalten Container 3-spaltig. Für die dreispaltige Darstellung von Inhalten. WU Webseiten mit TYPO3 13 (68)

14 Exemplarisch für alle Inhalts-Elemente wird nun ein Inhalts-Element Text und Bilder erstellt. Abbildung 13: Inhalts-Element Text und Bild bearbeiten Diese Ansicht gliedert sich in folgende Register: Allgemein: Hier kann der Typ geändert werden (Klappliste) und die Überschrift erfasst werden. Weiters findet sich in diesem Register der RTE Rich Text Editor, mit dem die Texte bearbeitet werden. Achtung: wenn Sie einen Text von einer Webseite oder aus einem Dokument herauskopieren und in TYPO3 einfügen möchten, dann enthält dieser immer noch Formatierungen. Um diese zu entfernen, fügen Sie den Text am besten in den Editor ein und speichern. So werden alle bestehenden Formatierungen gelöscht. Danach bearbeiten Sie den Text. Bilder: In diesem Register werden Bilder aus dem Verzeichnisbaum ausgewählt oder neue hochgeladen. Erscheinungsbild: Innerhalb von TYPO3 werden Bilder nicht nachbearbeitet. Sie können in diesem Register die Position des Bildes im Inhalts-Elementes wählen. Zur Auswahl stehen: Oben mittig (für große, quer formatige Bilder; z.b. WU Lomo Fotos) WU Webseiten mit TYPO3 14 (68)

15 Oben links Im Text rechts/links: dabei umfließt der Text das Bild Neben dem Text rechts/links: Bild und Text werden in zwei getrennten Spalten dargestellt Zugriff: Hier können Sie die Sichtbarkeit des Inhalts-Elements, den Veröffentlichungs-zeitraum sowie die Zugriffsrechte bestimmen. Es ist also möglich, auf einer Seite die allen Personen zugänglich ist, auch Content-Elemente anzulegen die nur für eine bestimmte Gruppe sichtbar sind. Abbildung 14: Eigenschaften Inhalts-Element Wenn Sie alle relevanten Informationen eingetragen haben, klicken Sie auf Speichern und Schließen. Nun haben Sie Ihre Seite mit einem Inhalts-Element befüllt. Abschließend speichern Sie das neu erstellte Element, indem Sie eine der Speicheroptionen am oberen Rand des Arbeitsbereichs wählen. 1 Speichern (Sie bleiben im Bearbeitungsmodus des Inhalts-Elementes) 2 Speichern und Webseite betrachten (in einem zweiten Tab des Browsers wird die Seite geöffnet) 3 Speichern und Schließen 4 Speichern und neues Inhalts-Element erstellen Wollen Sie nachträglich noch etwas verändern, dann klicken Sie einfach auf den Bleistift zum Editieren des Elements. Abbildung 15: Erneut Inhalts-Element bearbeiten Sie können jederzeit weitere Inhalts-Elemente auf Ihrer Seite hinzufügen. Dazu klicken Sie einfach auf das grüne Plus vor oder nach Ihrem bestehenden Element das neue Inhalts-Element wird dann vor oder nach dem bestehenden Inhalts-Element eingefügt. WU Webseiten mit TYPO3 15 (68)

16 Abbildung 16: Inhaltselemente vor oder nach bestehenden einfügen. 2.3 Seiten kontrollieren und freigeben Wenn Sie Seiten erstellen, dann sind diese automatisch noch nicht freigegeben. Sie können zwar von Ihnen im Frontend angezeigt werden, sind jedoch für die Öffentlichkeit nicht sichtbar. Sie erkennen das an dem roten Symbol neben Ihrer Seite im Seitenbaum. Abbildung 17: Deaktivierte Seite Nachdem Sie Ihre Seite fertig erstellt und kontrolliert haben, können Sie die Seite über das Kontextmenü durch einen Klick auf Aktivieren freischalten, oder über die Seiteneigenschaften indem Sie das Häkchen bei Deaktivieren entfernen. Abbildung 18: Seite aktivieren/deaktivieren Fertig! Nun ist Ihre Seite öffentlich sichtbar und scheint auch automatisch in der Navigation und in der Sitemap Ihrer Webseite auf. WU Webseiten mit TYPO3 16 (68)

17 2.4 Rich Text Editor Der Rich Text Editor (RTE) ist ein Textbearbeitungstool innerhalb Ihres Web-Browsers. Die unterschiedlichen Icons des RTE sind ebenfalls mit einer sensitiven Hilfe versehen. Der Editor ist an der WU so konfiguriert, dass er folgendermaßen aussieht: Abbildung 19: Rich Text Editor RTE Die Funktionen im RTE sind wie bei jedem Textbearbeitungsprogramm angelegt. Hier sollen in der Folge nur jene Themen angesprochen werden, die sich entweder von klassischen Textfunktionen unterscheiden oder besondere Formatierungen, die für die WU speziell erarbeitet wurden Absatzformate Zeichenformatierungen werden im RTE wie bei allen anderen Textbearbeitungsprogrammen auf vorher markierte Zeichen angewandt. Zur Verfügung stehen B Fettdruck und I Kursivdruck, sowie Hoch- und Tiefstellung von Text. Um einen Absatz besonders Abbildung 20: Absatzformate im RTE hervorzuheben, stehen zwei Formatierungen zur Auswahl. Dazu positionieren Sie die Einfügemarke in dem jeweiligen Absatz und wählen aus der linken Klappliste entweder die Kommentarbox oder die Funktion Text hervorgehoben. WU Webseiten mit TYPO3 17 (68)

18 Achtung: Wenn Sie aktiv die Return- oder Enter-Taste drücken, wird immer ein neuer Absatz begonnen. Dies geht auch mit speziellen Formatierungen einher (größere Abstand zum vorherigen Absatz). Wenn Sie einfach nur eine neue Zeile beginnen möchten, dann halten Sie die Hochstelltaste gedrückt und drücken dann die Return- oder Enter-Taste Links Abbildung 21: Einfügen von Links Zuerst muss der Text markiert werden, der als Link Text fungieren Link erstellen da- soll. Danach klicken Sie auf das Symbol nach geht nebenstehendes Fenster auf. Alle Arten von Links können hier erstellt werden. Seite: Link zu einer Seite im Seitenbaum; Voraussetzung die entsprechenden Zugriffsrechte. Klicken Sie bei der ausgewählten Seite rechts auf das kleine rote Dreieck, können Sie zusätzlich noch auf die innerhalb der Seite befindlichen Inhalts-Elemente verlinken (früher Ankerpunkte). Datei: Hier handelt es sich um einen Download Link. Ausgewählt wird ein Dokument aus dem Verzeichnisbaum. Externer URL: Link zu einer externen Webseite. Durch die Auswahl Neues Fenster in der Klappliste neben Zielfenster kann festgelegt werden, dass ein Aufruf dieses Links zum Öffnen eines neuen Tabs im Browserfenster führt. Achtung: Externe Webseiten sind auch jene Seiten die sich innerhalb der WU-Seitenstruktur befinden, für die Sie aber keine Lese- oder Schreibrechte haben. Hier werden Links angelegt, die zur Erstellung einer führen. Es ist nur die Eingabe der Mailadresse im Feld Adresse erforderlich. Abgeschlossen wird die Eingabe (bei allen neuen Links) durch Link setzen Tabellen Zum Anlegen einer Tabelle klicken Sie einfach auf das Symbol ; dann geben Sie die Anzahl der Zeilen und Spalten an (beides kann nachträglich angepasst werden) und wählen aus, ob eine Kopfzeile definiert werden soll. Dadurch wird die erste Zelle in jeder Spalte als Überschrift formatiert. Unter CSS-Stil wählen Sie aus der Klappliste entweder Kein Blockstil, Tabelle datagrid o- der Tabelle grid aus. Standardmäßig wird das Format Kein Blockstil ausgewählt. In diesem Fall hat die Tabelle keinen Rahmen und keine Gitternetzlinien. Informationen zu den Tabellen: Inhalte innerhalb der Tabelle sind immer linksbündig angezeigt. Bilder können nicht in Tabellen eingefügt werden (dazu verwenden Sie bitte die Spalten- Darstellung). Die Formatierung der Tabelle im Editor entspricht nicht der, wie Sie dann online aussieht. WU Webseiten mit TYPO3 18 (68)

19 Die Breite von Tabellenspalten können Sie nur über den HTML-Editor anpassen (das Symbol ist <>); wenn Sie nicht über HTML Kenntnisse verfügen, erstellen Sie bitte ein Helpdesk Ticket, dann nehmen wir die Änderung für Sie vor Formatierungen entfernen Hinter dem Symbol verbirgt sich die Möglichkeit, verschiedene Formatierungen im Editor zu entfernen. Sie können für markierten Text Formatierungen entfernen oder für die ganze Seite. Entfernt werden kann bestehende Word-Formatierung (die durch Copy & Paste mitgekommen ist), es können geschützte Leerschritte oder auch HTML-Tags entfernt werden. Dazu brauchen Sie nur verschiedene Checkboxen zu markieren und am Ende klicken Sie OK. Danach sollte das Inhalts- Element gespeichert werden Textmodus Diese Funktion sollte nur von versierten Benutzer/inne/n verwendet werden HTML Kenntnisse sind erforderlich. Es wird der Inhalt des jeweiligen Inhalts-Elementes in HTML angezeigt; Sie können hier Änderungen vornehmen. Häufig eingesetzt wird der Textmodus, um zum Beispiel Links, die nach der Migration der Daten aus dem alten CMS noch im Text erhalten geblieben sind, zu entfernen. Sollten Sie nicht sicher sein, ob Sie die Inhalte im Textmodus richtig interpretieren, erstellen Sie ein Helpdesk Ticket, damit wir die Änderungen für Sie durchführen. Achtung: Der RTE verfügt auch über ein Kontextmenü, welches Ihnen durch einen Klick auf die rechte Maustaste angezeigt wird. Alle Formatierungsoptionen werden Ihnen in diesem Kontextmenü angezeigt. Sie können aber nicht die Funktion Einfügen aus der Zwischenablage mit Klick auf die rechte Maustaste durchführen, weil diese durch das Kontextmenü belegt ist. Verwenden Sie stattdessen entweder das Menü (Bearbeiten Einfügen) oder das Tastaturkürzel <Strg>+<V>. 3 Bilder und Dateien verwalten In diesem Kapitel wird Ihnen gezeigt, wie Sie Bilder und Dateien in TYPO3 am besten verwalten. Hierfür ist die Dateiliste von zentraler Bedeutung. In dieser können Sie nach belieben eine Ordnerstruktur anlegen, in der Sie Bilder und andere Dateien ablegen. Wählen Sie das Modul Datei Dateiliste. Rechts wird der Verzeichnisbaum jener Verzeichnisse angezeigt, zu denen Sie Zugriff haben. M_MANDANT_X ist jener Bereich, der für die Schulungen angelegt wurde zu diesem Verzeichnis und den dort befindlichen Assets haben Abbildung 22: Dateiliste verwalten Sie immer Zugriff. Beachten Sie aber bitte, dass auch alle anderen User im Haus hier arbeiten Bilder oder Downloads können hier hereingeladen, jederzeit aber auch wieder gelöscht werden. WU Webseiten mit TYPO3 19 (68)

20 Achtung: Unter MANDANT_ALL_READONLY finden Sie alle Bilder, die früher unter dem Titel WU Lomo Fotos von der Abteilung Marketing & Kommunikation den Mitarbeiter/innen zur Verschönerung der Webseiten angeboten wurden. Sollten Sie hier zusätzliche Bilder brauchen, wenden Sie sich bitte an die Kolleginnen dieser Abteilung. 3.1 Neuen Ordner in der Dateiliste anlegen Über das Kontextmenü sowie auch über das grüne Plus können Sie neue Ordner anlegen. Abbildung 23: Dateiliste Ordner anlegen Beim Anlegen von Ordnern über das grüne Plus haben Sie zusätzlich noch die Möglichkeit, zugleich mehrere Ordner zu erstellen. Indem Sie Ordner verschachteln, können Sie eine inhaltliche Struktur anlegen, um Ihre Bilder und Downloads optimal abgelegt zu wissen. 3.2 Dateien und Bilder in Ordner hochladen Zum Hochladen verwenden Sie den Punkt Dateien Hochladen im Kontextmenü oder das Symbol in Ihrer Arbeitsfläche. Danach wählen Sie über die Funktion Durchsuchen eine oder mehrere Dateien im Dateisystem Ihres Rechners aus und klicken auf Hochladen. Abbildung 24: Hochladen von Bildern (verschiedene Wege) Achtung: Wir empfehlen Ihnen Bilder immer in der bestmöglichen Qualität in TYPO3 hochzuladen! Bitte beachten Sie auch die empfohlenen Bildgrößen für verschiedene Anwendungen von Bildern auf den Seiten. Diese finden Sie auf der Seite Wenn Sie bereits hochgeladene Dateien oder Bilder durch andere ersetzen wollen, dann vergessen Sie nicht den Punkt Bestehende Dateien überschreiben anzuklicken. So werden die alten Dateien oder Bilder automatisch durch die Neuen ersetzt. Alle hochgeladenen Elemente können Sie in TYPO3 immer und immer wieder verwenden, ohne diese erneut hochladen zu müssen. WU Webseiten mit TYPO3 20 (68)

21 Abbildung 25: Dateiliste - Metadaten bearbeiten Mit dem Bleistift zum Editieren können Sie die Elemente bearbeiten und mit wichtigen Copyrightund Lizenzinformationen ergänzen. Diese werden dann im Frontend durch ein Mouse Over angezeigt. Abbildung 26: Verschiedene Metadaten Bilder Im Register Allgemein werden verschiedene Informationen zu jedem Bild gespeichert, die besonders aus der Sicht der Search Engine Optimization (SEO) relevant sind. Das sind: Titel der Inhalt dieses Feldes ist für den barrierefreien Zugang zu den Webseiten erforderlich. Alternativer Text dieser wird angezeigt, wenn die Bilddatei schadhaft ist oder serverseitig entfernt wurde. Bildunterschrift Text, der unterhalb des Bildes angezeigt wird. Im Register Metadaten müssen bei Bildern, die über das Web heruntergeladen wurden, die Copyright Vermerke eingetragen werden. WU Webseiten mit TYPO3 21 (68)

22 Achtung: Fehlt der Copyright Vermerk, begehen Sie eine Urheberrechtsverletzung. Es kann passieren, dass bis zur Klärung des Sachverhaltes die beanstandete Website vom Netz genommen werden muss. Um dies zu vermeiden verwenden Sie bitte nur Bilder, die Ihnen auf den WU- Seiten zur Verfügung gestellt werden, die Sie selbst erstellt haben oder für die Sie die ausdrückliche Genehmigung zur Veröffentlichung haben bzw. vergessen Sie den Copyright Vermerk nicht. 4 Übersicht Inhalts-Elemente In diesem Kapitel erhalten Sie eine Übersicht über die unterschiedlichen Inhalts-Elemente die Sie in TYPO3 für die WU Seiten verwenden können. Die Auswahl die Sie beim Anlegen eines Inhalts- Elementes treffen, können Sie jederzeit abändern. 4.1 Typischer Seiteninhalt In diesem Bereich finden Sie jene Inhalts-Elemente, die Sie mit Sicherheit am häufigsten verwenden werden um Ihre Seiten zu gestalten. Abbildung 27: Typische Seiteninhalte WU Webseiten mit TYPO3 22 (68)

23 4.1.1 Text Dieses Inhalts-Element besteht aus der Überschrift und einem Textteil. Abbildung 28: Textbearbeitung Dir Formatierung des Textes (Schriftgröße, -farbe und stil wie auch die Ausrichtung) im Überschriftsfeld wie auch im eigentlichen Textfeld wird wie bei Content Management Systemen generell so auch bei TYPO3 automatisch vom System vorgenommen Text und Bilder Dieses Element besteht aus einer Überschrift, einem Textteil und einem oder mehreren Bildern. Die Bilder fügen Sie über das Register Bilder ein, indem Sie dort auf die Schaltfläche Bild hinzufügen klicken. Abbildung 29: Register Bild Bilder hinzufügen Im nächsten Fenster wählen Sie ein oder auch mehrere Bilder aus, die Sie in dem jeweiligen Inhalts-Element anzeigen lassen wollen. Klicken Sie bei Verhalten in die Checkbox für Bei Klick vergrößern, kann ein Bild, das für die jeweilige Darstellung von TYPO3 heruntergerechnet wird, bei Bedarf in seiner Originalgröße angezeigt werden. WU Webseiten mit TYPO3 23 (68)

24 Abbildung 30: Auswahl Bild, Bilder hochladen Um ein Bild einzufügen, klicken Sie einfach auf den jeweiligen Dateinamen. Um mehrere Bilder in ein Inhalts-Element zu übernehmen, klicken Sie jedes einzelne über die Checkbox innerhalb der Zeile mit den Dateinamen an und klicken Sie abschließend auf Auswahl importieren. Sollten Sie zur besseren Unterscheidung der Bilder ein Vorschaubild anzeigen lassen wollen, markieren Sie die Checkbox Vorschaubilder anzeigen. Wenn Ihnen ein Bild in der Auswahlliste fehlt, prüfen Sie bitte, ob Sie sich im richtigen Ordner befinden, oder ob das Bild in einem anderen Ordner abgelegt wurde. Sollte es nicht verfügbar sein, klicken Sie am unteren Rand des Verzeichnisbaumes im Bereich Dateien hochladen auf den Durchsuchen Schaltknopf. Sie wählen dann aus der Ansicht Ihrer lokalen Festplatte das jeweilige Bild, das Sie benötigen und laden es dann auf den Server hoch. Wenn Sie dabei die Markierung auf Vorhandene Dateien überschreiben setzen, werden ältere Versionen von Dateien mit neueren überschrieben. Nun wurde das Bild hinzugefügt und kann von Ihnen mit einem Titel, einem Alternativen Text einem Link und einer Beschreibung versehen werden. Achtung: Es muss bei allen Attributen (Titel, Alternativer Text, Link und Beschreibung) immer zuerst die Markierung überschreiben gesetzt werden, damit Sie in das Feld darunter etwas eintragen können. Der Titel die Bildbeschreibung ist wichtig für den barrierefreien Zugang zu den Webseiten, da dieser über eine Braille Zeile (Computer-Ausgabegerät für Menschen mit Sehbehinderung) angezeigt wird. WU Webseiten mit TYPO3 24 (68)