Das CMS-System TYPO3

Das CMS-SystemTYPO3

Benutzerhandbuch – TYPO31

Inhaltsangabe

TYPO3Inhaltsangabe 2

Der Anmeldeprozess S.5

Passwörter S.7

Fehler und Probleme S.11

Backend vs. Frontend (was kann ich bearbeiten?) S.12

Die Startseite S.16

Große und kleine Bühne – zwei Möglichkeiten S.25

Probleme und Verbesserungen S.29

Neue Reiter erstellen S.31

Bilder und Dokumente S.33

Bilderpool Landesleitung S.35

Downloadlink erstellen S.39

Inhaltsangabe


Die Meldungsseite S.40

Die 3er-Struktur S.41

Meldung anlegen S.42

Zusätzliche Elemente S.49

Infospalte S.53

Bild direkt im Editor bearbeiten S.54


Die Terminseite S.58

Die 3-er-Struktur S.59

Termine erstellen S.60

Termine abonnieren S.66


Inhaltsangabe


Kontakt/Impressum S.69

Über Uns S.73

Bitte beachten S.78

Negativbeispiel S.79

Freischaltung beantragen S.80

Inhalte veröffentlichen S.82

Bildergalerien S.84

Videogalerien S.89

Der Anmeldeprozess

TYPO3Der Anmeldeprozess 5

Der Anmeldeprozess

TYPO3Der Anmeldeprozess

Gehen Sie auf: https://web-redaktion.csu.de/typo3

(Für FU- und Kandidatenseiten verwenden Sie weiterhin den Link https://redaktion.csu.de/typo3/)

Benutzername: csu

Passwort: ERFRAGEN SIE DAS PASSWORT BITTE BEI IHRER BWK-GESCHÄFTSSTELLE

6

Cookies aktivieren und Seite neu laden

https://web-redaktion.csu.de/typo3

https://redaktion.csu.de/typo3/

Der Anmeldeprozess


Passwort anfordern

Berechtigt sind nur Ortsvorsitzende und Internetbeauftragte

Emailadressen müssen in der Mitgliederverwaltung (MGV) eingetragen sein. Eine Anmeldung ist lediglich mit der Emailadresse möglich, die in der MGV an erster Stelle hinterlegt ist.

7

Der Anmeldeprozess


ACHTUNG: Der Anmeldelink ist nur 2 Stunden lang gültig

8

Der Anmeldeprozess


Neues Passwort auswählen

9

Der Anmeldeprozess


Benutzername: [email protected](Ihre Emailadresse)

Neu gesetztes Passwort verwenden

10

mailto:[email protected]

Der Anmeldeprozess


- Klassische Fehler

Das Passwort funktioniert nicht / hat sich geändert

Bitte die Groß- und Kleinschreibung beachten

Benutzername ist falsch

Ihre Emailadresse muss in der Mitgliederverwaltung an erster Stelle eingetragen sein

Der Link zur Passwortgenerierung funktioniert nicht

Der Link ist nur 2 Stunden lang gültig, danach müssen Sie einen neuen anfordern.

Die Logindaten funktionieren nicht

Vergewissern Sie sich, dass Sie bei der richtigen Maske sind, d.h.

Zugang zum allg. Redaktionssystem vs. TYPO3-Login

11

Backend vs. Frontend(Was kann ich bearbeiten?)

TYPO3Backend vs. Frontend 12

Backend vs. Frontend

TYPO3Backend vs. Frontend

Elemente, die Sie im Backend ändern und „befüllen“ können.

13

Elemente, auf die Sie keinen Einfluss haben



14



15

Die Startseite

TYPO3Die Startseite 16

TYPO3Die Startseite

Die Startseite

Die Startseite ist das AushängeschildIhres Ortsverbands im Internet!

Daher sollte sie immer sehr aktuell sein!

17

TYPO3Die Startseite

Die Startseite

Linksklick auf Ihren OV-Namen

Unter „Inhalt“ einen neuen Startslide hinzufügen

Klick auf Stiftsymbol öffnet die Bearbeitungsmaske der „Slides“

18

TYPO3Die Startseite

Die Startseite

Sie können bis zu 5 Slides anzeigen lassen

Slide ausblenden

Slide löschen

Neues Slide Slide mit Drag&Drop nach oben oder unten verschieben, um die Anordnung zu ändern

19

Slide verschieben

TYPO3Die Startseite

Die Startseite

Gewünschtes Bild aus ihrem Dateiordner (Das Bild müssen Sie vorher in der Dateiliste hochladen)

20

Seitentyp: Bühnenbild

TYPO3Die Startseite

Die Startseite

21

Bild in Originalgröße in der Dateiliste hochladen und direkt im Bild-Editor bearbeiten

TYPO3Die Startseite

Die Startseite

Link: Hier auf die Meldung verlinken, die hinter der Startslide liegt (siehe nächste Seite)

Die Textbox kann über Drag&Drop an der gewünschten Stelle platziert werden

22

Die Startseite

TYPO3Die Startseite

Stellen Sie sicher, dass Sie auf eine Unterseite verlinken sonst führt der Link auf www.csu.de.

23

Geben Sie die den Link der Unterseite manuell unter „Link“ ein oder nutzen Sie den Link-Browser, um eine Unterseite Ihrer Homepage zu verlinken.

http://www.csu.de/

Die Startseite

TYPO3Die Startseite 24

Wenn Sie einen Haken bei „Darstellung Inverse“ setzen, erscheint die Überschrift mit blauer Schrift auf weißem Hintergrund

TYPO3Die Startseite

Die Startseite – Große oder kleine Bühne

25

Sie können zwischen zwei Varianten wählen

Große Bühne

Kleine Bühne

TYPO3Die Startseite


Linksklick auf den Verbandsnamen

Stift anklicken zum Bearbeiten des „Bühnentyps“ der Startseite

26

TYPO3Die Startseite


27

Haken setzen für die „Große Bühne“, Haken nicht setzen für „Kleine Bühne“

Bilder für die große Bühne sollten größer sein, da sie sonst verzerrt dargestellt werden.

Bildmaße große Bühne: 1920 x 1080 Pixel

Bildmaße kleine Bühne: 956x538 Pixel

TYPO3Die Startseite

Speichern und veröffentlichen

28

Mit „Seite speichern und anzeigen“ die Vorschau anschauen und Änderungen speichern

Mit einem Rechtsklick auf den Verbandsnamen und „Veröffentlichen“ – „Diese Seite“ die neue Startseite veröffentlichen

Die Startseite

TYPO3Die Startseite - Probleme und Verbesserungen

- Probleme und Verbesserungen

Zu viele Reiter

Achten Sie darauf, dass sie kurze Namen für die Reiter verwenden und die Anzahl begrenzen. Nur so können Sie sicher sein, dass die Anzeige auf allen Endgeräten korrekt ist.

29

Die Startseite

TYPO3Die Startseite - Probleme und Verbesserungen


Der Text ist zu lang

Wählen Sie kurze und „knackige“ Überschriften

Die Verlinkung fehlt

Geben Sie bei der Option „Link “ eine Zielseite an. Ansonsten wird automatisch auf die Startseite von www.csu.de verlinkt.

Bildgrößen beachten

Vor allem bei der „Großen Bühne“ sollten die Bilder 1920 x 1080 Pixel groß sein. Für die kleine Bühne gilt: 956x538 Pixel.

30

Falscher Seitentyp

Stellen Sie sicher, dass Sie den Seitentyp „Bühnenbild“ nicht ändern. Dies kann zu Problemen bei der Weiterleitung führen und die einheitliche CI ist nicht gewahrt.

http://www.csu.de/

Neue Reiter erstellen (1)

TYPO3Neue Reiter erstellen 31

1. Rechtsklick auf den Verbandsnamen -> Weitere Optionen -> „Neu erstellen“-Assistent

2. Position für neuen Reiter durch Klick auf Pfeil wählen

1

1

2

Neue Reiter erstellen (2)

TYPO3Neue Reiter erstellen 32

3. Seitenlayout wählen

4. Speichern, neuen Reiter und Startseite unter „Diese Seite“ veröffentlichen

3

4

Bilder und Dokumente

TYPO3Bilder und Dokumente 33

Bilder hochladen

TYPO3Bilder und Dokumente 34

Achtung: Verwenden Sie nur Bilder, für die Sie die Rechte haben, die Sie erworben haben, oder die zur freien Verfügung stehen.

Die Verwendung von Bildern auf der CSU-Homepage oder auf den sozialen Netzwerken der CSU (durch Abspeichern, Screenshots etc.) sind nicht erlaubt. Diese wurden für einen einmaligen Zweck erworben und dürfen nicht zusätzlich auf Verbandsseiten verwendet werden.

HINWEIS: Fotos können in der Originalgröße hochgeladen werden. Für Meldungen, Termine und die Startseite gibt es einen Bild-Editor, mit dem Bilder direkt im Programm bearbeitet werden können.

Bilderpool Landesleitung

TYPO3Bilder und Dokumente

v1234567-Ordner ist speziell für den Ortsverband. Bitte Ändern Sie den NAMEN des Ordners nicht.

Neuer Ordner bilder-landesleitung: Politiker- und Themenbilder zur freien Verwendung.

Sie haben keine Schreibrechte für den Ordner bilder-landesleitung – Sie können Bilder und Dokumente in Ihrem v-Ordner speichern.

35

Bilder hochladen (1)


1

1

2

3

2

3

Gehen Sie in der linken Spalte auf Dateiliste

Wählen Sie Ihr Verzeichnis

Klicken Sie in der oberen Menüleiste auf „Dateien hochladen“

Es öffnet sich ein Suchfenster, in welchem Sie Ihre lokalen Dateien auswählen können (Maximalgröße bei Dokumenten und Bildern: 10 MB)

36

3



2

1

1

2

ACHTUNG: Einmal auf das Verzeichnis OV-Name (hier=Testverband) klicken, um die Liste mit den Dateien zu aktualisieren

Datei bearbeiten: Klick auf den Dateinamen

37



„Titel“ ausfüllen: Bei wem liegen die Bildrechte?

„Beschreibung“ und „Alternativen Text“ für die

Suchfunktion ausfüllen

Speichern und schließen

38

Downloadlink erstellen


Die PDF-Datei analog zu Bildern in Ihr Typo3 Verzeichnis laden

Setzen Sie den Haken bei „Erweiterte Ansicht“

Klicken Sie auf dieses Symbol, damit sich die Datei im Browser öffnet:

WICHTIG: den generierten Downloadlink modifizieren! https://web-redaktion.csu.de/common/csu/content/csu/hauptnavigation/verbaende/ortsverbaende/Testverband/Beispiel.pdf

Aus diesem Link muss web-redaktion durch www ersetzt werden. Der funktionierende Link zu unserer Musterdatei lautet dann:

https://www.csu.de/common/csu/content/csu/hauptnavigation/verbaende/ortsverbaende/Testverband/Beispiel.pdf

Eine beliebige Meldung statifizieren, um den Link zu aktivieren Je nachdem, wann Sie die Statifizierung angestoßen haben, dauert

es bis zu 5 Minuten, bis der Link funktioniert.

39

https://www.csu.de/common/csu/content/csu/hauptnavigation/verbaende/ortsverbaende/Testverband/Beispiel.pdf

Die Meldungsseite(Aktuelles oder Regionales)

TYPO3Die Meldungsseite 40

Die 3er-Struktur

TYPO3Die Meldungsseite

Der Überordner „Aktuelles“ muss mit dem Seitenlayout Meldungsübersicht angelegt werden

Die „Monatsordner“ müssen mit dem Seitenlayout Meldungsübersicht angelegt werde

Die „Meldung“ selbst muss mit dem Seitenlayout Meldung angelegt werden

Bitte Meldungen immer in die Monatsordner anlegen!

41

Meldungen anlegen (1)


Seitentitel: URL-Name der Meldung

Wichtig: Datum und Sortierdatum angeben, sonst wird die Meldung

nicht veröffentlicht

42

Meldung anlegen (2)


1

2

43

Für die Bearbeitung dieser Maske:

Rechtsklick auf die Meldung – „Bearbeiten“

Meldung anlegen (3)


2

44

1

2

Bild hinzufügen: Rechtsklick auf die Meldung

„Bearbeiten“

„Inhalt“ wählen

Bild aus Dateiliste laden

Meldung anlegen (4)


2

45

1

2

Text hinzufügen: Linksklick auf die Meldung

„Inhalt“ hinzufügen

„Text mit Bild“ wählen

Text eintragen2

Meldung anlegen (5)


Text formatieren

Überschriftgrößen festlegen

Aufzählungen

Tabelle anlegen

Interne / externe Verlinkungen

1

2

3

4

51

2 3 5 4

46

1

Meldung anlegen (6) –PDF-Dokumente verlinken


Text markieren

„Link einfügen und editieren“-Button wählen

47

Meldung anlegen (7) –PDF-Dokumente verlinken


Auf externe Seite verlinken

oder

Datei aus Dateiliste hinterlegen

48

Meldung anlegen (8)


Es besteht die Möglichkeit, im Mouse-Over einen Teaser-Text einzutragen: Rechtsklick auf den Artikel – Bearbeiten - Teaser

49

Unter Teaser Text können Sie einen Vorschautext eingeben

Zusätzliche Elemente (1)

TYPO3Die Meldungsseite - Zusätzliche Elemente

Hier können Sie Ihre Meldungen um einzelne Elemente erweitern und ergänzen

50


TYPO3Die Meldungsseite - Zusätzliche Elemente

4

3

2

1 1

3

2

51

3


TYPO3Die Meldungsseite – Zusätzliche Elemente 52

11

11

11

11

1

1

2 2

3

4

3

4

Die Meldungsseite - Infospalte

TYPO3Die Meldungsseite - Infospalte

Machen Sie in der Infospalte auf besondere Informationen extra aufmerksam!

Sie können mehrere Links untereinander platzieren.

53

1

1

2

Bild bearbeiten (1)


1

2

54

Bild wie gewohnt aus Dateiliste hochladen

Bildbearbeitung durch den Pfeil ausklappen oder durch den Stift öffnen

Editor öffnen

11

3

2

1

2

3

Bild bearbeiten (2)


Gewünschtes Format wählen (am besten 16:9)

Bild mit gedrückter Maustaste im Rahmenverschieben

„Akzeptieren“ (Speichern)

TIPP: Gilt auch für Termine, die Startseite,

Bildergalerien und weitere Elemente!

Meldung veröffentlichen


Rechtsklick auf die Meldung und „Aktivieren“ (dann wird die Meldung und die Meldungsübersicht über Nacht veröffentlicht)

Erst „Aktivieren“ und dann „Veröffentlichen“: Die Meldung ist innerhalb weniger Minuten online

Gilt auch Termine und andere Seitentypen

Sonderfall Meldungen: Veröffentlichen Sie die Meldung selbst und zusätzlich die Meldungsübersicht „Regionales“ oder „Aktuelles“ („Diese Seite“)

Die Meldungsseite



Die Meldung wird nicht angezeigt

Lösung: Fehler in der Verschachtelungsstruktur.

Bearbeiten Sie den Seitentyp: Rechtsklick auf das die betreffende Seite – „Bearbeiten“

57

Die Terminseite

TYPO3Die Terminseite 58

Die 3-er-Struktur

TYPO3Die Terminseite

Der Überordner „Termine“ muss mit dem Seitenlayout Termincontainer angelegt werden

Die „Monatsordner“ müssen mit dem Seitenlayout Terminübersicht angelegt werde

Der „Termin“ selbst muss mit dem Seitenlayout Termin angelegt werden

Bitte Termine immer im Monatsordner anlegen!

Achtung: Voreingestellte Monatsordner können nicht gelöscht werden

2

1

3

1

23

59

Termine erstellen (1)


Linke Spalte Auswahl Seite

Mittlere Spalte: Rechtsklick auf Monat

Weiter Optionen – „Neu erstellen“-Assistent

60



Beim eingerückten Pfeil eine neue Seite einfügen

Seitenlayout: „Termin“

61



1

3

4

1

3 4

2

2

62

3

11

3

Rechtsklick auf den Termin

„Bearbeiten“ wählen



2

63

2

1

2

1

Text hinzufügen: Linksklick auf den Termin


„Text mit Bild“ wählen

Bild hinzufügen: Linksklick auf den Termin


„Bild über ganze Breite“ wählen



2

64

Terminübersicht

TYPO3Terminübersicht 65

Termine anderer Verbände abonnieren

TYPO3Termine abonnieren

Wählen Sie den entsprechenden Verband, von dem Sie die Termine abonnieren möchten

Legen Sie alle Terminübersichten (Monatsordner) in ihrem Verband an. Beispiel: Verband A hat die Termine von Verband B abonniert. Damit der Termin von Verband B im Januar 2020 beim Verband A angezeigt wird, muss Verband A die Terminübersicht „Januar 2020“ bei sich anlegen.

66


Achten Sie auf das richtige Seitenlayout und den richtigen Seitentypen:

- Einstellen der Seitenstruktur: Mit Drag and Drop das Element an die gewünschte Stelle/in den gewünschten Ordner ziehen

- Einstellen der Seitentypen: Rechtsklick auf gewünschtes Element, z. B. Monatsordner, –„Bearbeiten“

Der Termin wird nicht angezeigt.

67

Termine - Fehler und Probleme

Termine


- Fehler und Probleme

Wenn Sie bei „ganztägig“ einen Haken setzen, verändert sich die Eingabemaske: Sie können keine Uhrzeit mehr eingaben.

68

Kontakt/ Impressum

TYPO3Kontakt / Impressum 69

Kontakt ändern

TYPO3Kontakt

Linksklick auf „Seite“ und dann Linksklick auf „Kontakt“

Der Klick auf den Bleistift öffnet die bekannte Maske zum Ändern Ihrer Daten

Speichern und veröffentlichen

70

Impressum

TYPO3Impressum 71

Rechtsklick auf „Impressum“ und „Bearbeiten“

Impressum

TYPO3Impressum

„Inhalt“ wählen

Die vorgegebenen Daten individuell anpassen

Aus rechtlichen Gründen gehört ein aktuelles Impressum zu den Minimalanforderungen, damit eine Seite freigeschaltet werden kann.

72

Über uns

TYPO3Über uns 73

Über uns

TYPO3Über uns

Linksklick auf „Über uns“

Inhaltselemente mit dem Stift bearbeiten

Neue Elemente mit „Inhalt“ hinzufügen

74

Über uns

TYPO3Über uns

Seitenelement ausblenden

Seitenelement löschen

Neues Seitenelement

Seitenelement bearbeiten

75

Über uns

TYPO3Über uns

1

1

2

2

3

3

76

Über uns

TYPO3Über uns

1

1

2

2

3

3

77

1

Über uns

TYPO3Über uns

Bilder können jetzt links oder rechts neben dem Text gesetzt werden.

Aktualität!

Bitte den Mustertext löschen und durch persönliche Ansprache ersetzen!

Einheitliche Bilder, Köpfe nicht abschneiden!

Klapper und Verschachtelungen sparsam benutzen!

78

Über uns - Negativbeispiel

TYPO3Über uns

Zu viele Klapper wirken unübersichtlich

79

Freischaltung beantragen

TYPO3Freischaltung beantragen 80

Freischaltung beantragen

TYPO3Freischaltung beantragen

Klicken Sie auf die Startseite (Verbandsname) mit der rechten Maustaste, dann „Veröffentlichen“ und dann auf „Review anfordern“. Die Anfrage wird dann überprüft. Änderungen, die danach durch Sie getätigt werden, werden von Ihnen direkt online gestellt. Bitten achten Sie darauf, unbedingt das Impressum auszufüllen.

81

Inhalte veröffentlichen

TYPO3Inhalte veröffentlichen 82

Inhalte veröffentlichen

TYPO3Inhalte veröffentlichen

1

2

Neue Inhalte werden zunächst immer als deaktiviert angelegt (rote Markierung) – daher aktivieren Sie Ihren Inhalt

Nach Aktivierung dauert es 24h bis die neuen Inhalte sichtbar sind

Wenn Sie auf Veröffentlichen klicken, werden Inhalte schneller sichtbar (innerhalb von einer Minute)

Speichern Sie jede Inhaltsänderung mit den Diskettensymbolen ab

1

2

83

Bildergalerien

TYPO3Bildergalerien 84

Bildergalerien

TYPO3Bildergalerien

4

85

Bilder vorab in der Dateilisten hochladen

Seite – Linksklick auf den Artikel – Neuen Inhalt hinzufügen

Bildergalerien

TYPO3Bildergalerien

„Medien Galerie“ auswählen

86

Bildergalerien

TYPO3Bildergalerien

Unter „Modul Titel“ Namen der Bildergalerie eingeben

Unter „Galerie Bild“ die einzelnen Fotos hochladen

Auch die Bilder für die Bildergalerie können im Bild-Editor bearbeitet werden (siehe S. 55)

1

1

2

2

87

Bildergalerien

TYPO3Bildergalerien

Bild aus der Dateilisten hochladen

Weitere Bilder unter „Galerie Bild“ hochladen

Speichern nicht vergessen!

1

2

1 2

88

Videogalerien

TYPO3Videogalerien 89

Videogalerien

TYPO3Videogalerien

Seite – Linksklick auf den Artikel – Neuen Inhalt hinzufügen

„Video Galerie über gesamte Breite“ auswählen

90

Videogalerien

TYPO3Videogalerien

Unter „Modul Titel“ Name des Videos eingeben

Unter Media neue „Galerie Video“ hinzufügen

91

Videogalerien

TYPO3Videogalerien

Vimeo oder YouTube wählen (Videos müssen vorher auf einer der beiden Plattformen hochgeladen werden)

Bei YouTube letzten Teil des Link unter „Video ID“ inkl. /einfügen: www.youtube.com/dCok2NKIV4c

Bei Vimeo letzten Teil ohne / einfügen https://vimeo.com/311983848

Klicken Sie abschließend auf „Speichern und schließen“

92

https://vimeo.com/311983848

Kontakt

TYPO3Kontakt

Mailto: [email protected]

93

mailto:[email protected]

TYPO3

Viel Spaß mit Ihrer neuen Homepage!

94

Documents

Das CMS-System TYPO3