Leitfaden Einführung in das TYPO3-Redaktionssystem für die FU-Orts-, Kreis- und Bezirksverbände
Inhalt 1. Anmerkungen zum Dokument... 3 Das Login 2. Allgemeine Formate und Konventionen... 5 2.1.1 Formatierbarer Text (Rich Text Editor)... 5 3. TYPO3 Grundlagen... 6 3.1 Benutzeroberfläche in TYPO3... 6 3.2 Symbol Erklärung... 6 3.2.1 Bearbeiten von Inhalten... 7 3.2.2 Seiten-Vorschau... 8 3.2.3 Löschen von Inhalten... 8 3.2.4 Verschieben von Inhalten... 8 3.3 Module... 9 3.3.1 Inhaltselement für Wir über uns... 10 3.3.2 Inhaltselement für Aktuelles/Termine... 144 3.3.2.1 Klapper... 144 3.3.3 Abgeordnete/Vorstand... 155
1. Anmerkungen zum Dokument In diesem Dokument wird die Pflege der Ortsverbände innerhalb der fu-bayern.de über das Redaktionssystem (Content Management System, kurz CMS) TYPO3 erläutert und dokumentiert. Hierfür werden die grundsätzlichen Funktionen und Regeln des CMS beschrieben. Zugangsberechtigt zum neuen Redaktionssystem sind alle FU-Orts-, Kreis- und Bezirksvorsitzenden, deren E- Mailadresse in der CSU-Mitgliederverwaltung hinterlegt ist. Zusätzlich können Internetbeauftragte benannt werden. Internetbeauftragte müssen in der Mitgliederverwaltung der CSU eingetragen werden. Um dies zu veranlassen, schreiben Sie bitte eine E-Mail an fu@csu-bayern.de. Das Login Das Redaktionssystem (CMS) ist über folgenden Link aufrufbar: https://redaktion.csu.de/typo3/ Erster Schutz (der sogenannte Verzeichnisschutz): Benutzername: Kennwort: csu DieFarbeBlauwirdIhnenGlueckbringen (Groß- und Kleinschreibung ist wichtig!) Nach dem Bestätigen mit dem Tastfeld OK, erscheint folgendes Feld: 3
Typo3 Login: Nach dem ersten Login erscheint die Typo3-Login-Seite. Die Zugangsdaten dafür sind personalisiert und müssen erst angefordert werden, dazu beim ersten Mal auf den Link "Passwort anfordern/vergessen" klicken. Auf der Folgeseite die in der MGV hinterlegte E-Mail-Adresse angeben; Ihnen wird ein Link zugesandt, um ein neues Passwort zu generieren. (Dieser Schritt ist erst möglich wenn die Freischaltung in der MGV erfolgt ist). 2. Allgemeine Formate und Konventionen 2.1.1 Formatierbarer Text (Rich Text Editor) Über den Rich Text Editor (RTE) kann der Redakteur Texte formatieren, Textlinks setzen und Tabellen und Aufzählungen einfügen (nummeriert und mit Bullet Points). Der Redakteur kann Texte u. a. fetten, kursiv setzen oder unterstreichen. Über das Dropdown-Menü können Texte als Absatz (normaler Fließtext) oder als Überschriften der Hierarchien H2, H3 oder H4 formatiert werden. 4
Es besteht die Möglichkeit, Bilder, Bildergalerien und Videos einzubinden. Siehe hierzu 3.3.1. Inhaltselement für Wir über uns. 3. TYPO3 Grundlagen 3.1 Benutzeroberfläche in TYPO3 Die Benutzeroberfläche unterteilt sich in drei großen Bereiche: Menü, Seitenbaum (= Struktur der Webseite) und Inhaltsbereich (= der Inhalt der ausgewählten Seite): 5
3.2 Symbol (Icon) Erklärung Generell: Wenn die Maus auf ein Symbol gefahren wird, öffnet sich ein kleines Fenster (Tooltipp) unterhalb des Mauszeigers, der das Symbol erklärt. Symbole mit Auge: Seite ansehen, öffnet die aktuelle Seite in einem neuen Tab. Symbole mit Stift: Element bearbeiten Über das linke Symbol unten mit dem grünen Plus werden neue Inhalte hinzugefügt. Glühbirne: Element sichtbar/unsichtbar machen (dadurch wird es auf der Homepage nicht mehr angezeigt). Leuchtet die Glühbirne, ist das Element sichtbar. Warndreieck: Pflichtfeld Grüne Pfeile im Kreis: Seitenbaum aktualisieren, wenn eine neue Seite angelegt wurde, hier klicken, damit sie im Seitenbaum angezeigt wird X: Schließen (Die Seite wird geschlossen ohne Änderungen zu speichern) Diskette: Speichern Diskette mit Auge: Speichern und Seite ansehen (öffnet neuen Tab im Browser, wie oben) Diskette mit X: Speichern und schließen Diskette mit grünem Plus: Speichern und neues Element hinzufügen Mülleimer: Element löschen Grüner Pfeil: Letzte Änderung rückgängig machen (Achtung: nur gespeicherte Änderungen!) 6
3.2.1 Bearbeiten von Inhalten Zum Ändern von Inhalten einer bestehenden Seite wird die Seite im Seitenbaum (siehe 3.1 Screenshot) angewählt. Die aktuellen Inhalte werden im Inhaltsbereich als Module angezeigt. Bestehende Inhalte können modulweise oder spaltenweise bearbeitet werden. Per Klick auf das Stift-Symbol in den Headern oder im jeweiligen Modul öffnet sich die Eingabemaske und Inhalte können editiert werden. Hinweis: Ist im Inhaltsbereich kein entsprechendes Modul zu finden, wurden die Inhalte eventuell in den Seiteneigenschaften gepflegt und können hier bearbeitet werden. 3.2.2 Seiten-Vorschau Nachdem eine Seite gespeichert wurde, kann per Rechtsklick mit der Maustaste auf den Seitennamen die Seitenvorschau aufgerufen werden, oder über das Speichern und Ansehen Symbol. Per Klick auf Ansehen öffnet sich die Vorschau der Seite in einem neuen Fenster/Browser-Feld. Werden Seiteninhalte geändert und gespeichert, erscheinen die neuen Inhalte in der Vorschau (ggf. nach Neuladen der Seite). 7
3.2.3 Löschen von Inhalten Inhalte können modulweise gelöscht werden. Zum Löschen von bestimmten Inhalten einer Seite wird die Seite per Klick in den Seitenbaum angewählt. Zum Löschen einzelner Module muss der Mauszeiger auf das Modul bewegt werden. Beim Überfahren mit der Maus erscheint im Kopfbereich das Löschen -Symbol. 3.2.4 Verschieben von Inhalten Module können ebenfalls bei gedrückter linker Maustaste, markiert (per Drag&Drop) verschoben werden. Wird ein Modul bewegt, werden alle Positionen als grüne Balken markiert, an denen das Modul eingefügt werden kann; das dunkle Grün gibt die aktuell ausgewählte Position an. 8
3.3 Module Nach dem Klick auf das Symbol mit dem grünen Plus zum Anlegen eines neuen Inhaltes erscheint folgendes Auswahlfeld. Die benötigen Module werden im folgenden beschrieben. Um leere Module und damit leere Bereiche in der Seite zu vermeiden, müssen in neue Module bestimmte Pflichtfelder gepflegt werden, um speichern zu können (Fett = Pflicht, Regular = optional). 9
3.3.1 Inhaltselement für Wir über uns Um den Inhalt des Bereiches Wir über uns zu bearbeiten, wählen Sie das Inhaltselement Standard. Im Text Editor können Sie hier einen Text und Unterüberschriften eintragen. Bilder Screenshot 1 10
Optional kann ein Bild (z. B. Gruppenfoto) hochgeladen werden (über den Button Neues Bild hinzufügen siehe Screenshot 1). Anschließend geht ein neues kleines Fenster auf, in dem Sie die Datei auswählen bzw. hochladen können. 1. Ordner Verbände anklicken 2. Dort Bilder durchsuchen 3. Bild auswählen 4. Hochladen 5. Bild auswählen Unter Bildunterschrift kann eine kurze Beschreibung des Bildes stehen. Wichtig: Nur Querformat-Fotos (16.9) bzw. 956x538px verwenden. 11
Bildausschnitt Im Menü > Dateiliste > Ordner mit Bildern auswählen hier Verbaende. Vor den Bildern ist ein kleines Symbol, welches mit der linken Maustaste angeklickt wird und im Kontextmenü der obere Punkt Bearbeiten ausgewählt wird: Auf den Reiter Bildausschnitt klicken und anschließend auf Bildbeschnitt (siehe Screenshot unten) Anschließend können Sie mit der Maus den Bildbeschnitt Ihres Bildes auswählen. Ausnahme: Das Bild hat bereits die maximale Größe und ist zum Ausschneiden/Verkleinern zu klein. 12
13
3.3.2 Inhaltselement für Aktuelles/Termine Meldungen und Termine werden auf dieselbe Weise angelegt - über den Inhaltstyp Meldung/Termin. Als Überschrift wird das Thema des Termins oder der Meldung eingetragen. Das Feld Datum entspricht dem Datum, an dem die Meldung geschrieben wurde. Bei Terminen steht hier das Datum des Termins. Optional kann ein Bild hinzugefügt werden. Über das Feld Beschreibungstext wird die Meldung oder weitere Infos der Veranstaltung eingetragen. Entspricht dem Standard, Text ist linksbündig und rechts Weißfläche. Achtung: Es kann kein Bild dazu geladen werden. Modul am besten nicht verwenden, damit alle Texte einheitlich aussehen. 3.3.2.1 Klapper Falls ein Beitrag sehr lange ist, können Sie unter den Beitrag ein zusätzliches Inhaltselement Klapper anlegen. Hier geben Sie bei Überschrift mehr lesen ein und im Texteditor den restlichen Text der Meldung. So entsteht auf der Website ein Klapper, der sich durch Klick öffnet, um den gesamten Text anzuzeigen. 14
3.3.3 Abgeordnete/Vorstand Zur Vorstellung von Abgeordneten oder Vorständen wird dieses Modul verwendet. Das Feld Überschrift entspricht dem Namen/Position der Person. Es können drei Bilder hinzugefügt werden, diese werden nebeneinander angezeigt. Bei 1-2 Bildern bleibt eine Weißfläche stehen. Als Bildunterschrift sollte ein Satz eingetragen werden, z. B.: [Name] wurde am TT.MM.JJJJ in [Ort] geboren. Im Beschreibungstext wird ein tabellarischer Lebenslauf angelegt. 15