Strategie & Kommunikation
Startseitenartikel in TYPO3
Um Startseiten-News zu pflegen, klicken Sie unter „Web“ auf „Liste“. Im mittleren Bereich wählen den Ordner „ News-Vorschläge Startseite“ aus (ID=44161)
Rechts erscheinen die vorhandenen Startseitenartikel, die Sie über das Stift-Symbol editieren können.
Zum Anlegen eines neuen Datensatzes wählen Sie das Symbol
Strategie & Kommunikation
Seite 2 / Maud Mergard / 11.06.2010
Teaser-Konzept
Jede News hat vier Elemente, die auf der ersten Ansicht angeteasert werden, bevor die eigentliche News erscheint:
1. eine Überschrift2. eine Dachzeile*3. ein Bild4. ein kurzer Text, der zum weiterlesen anregt
Der Teaser ist verbunden mit dem eigentlichen (langen) Text. Verlinkt ist jeweils die Überschrift, die Dachzeile und das Bild.
* ein kurzes Stichwort noch vor dem eigentlichen Titel, das die Meldung grob thematisch einsortiert.
Strategie & Kommunikation
Seite 3 / Maud Mergard / 11.06..2010
Links
Bei den Teaser wird nicht mehr das Wort „mehr“ verlinkt. Dieses ist ganz verschwunden. Links sollten immer kontext-unabhängig verständlich sein. Auch das Wort „hier“ zu verlinken ist nicht günstig. Der Benutzer bekommt so schneller eine Übersicht über die eigentlich klickbaren Inhalte. Die Klicks erhöhen sich dadurch in der Regel, die Orientierung wird schneller. Zudem ist die Seite dadurch einen Schritt weiter in Richtung Barrierefreiheit. Menschen, die sich vom Browser die Inhalte vorlesen lassen müssen, können mit einem Link „mehr“ nichts anfangen, schon gar nicht, wenn er vier, fünf mal auf der Seite erscheint. Ein Link „engineerING card“ ist viel sprechender.
Strategie & Kommunikation
Seite 4 / Maud Mergard / 11.062010
News – Reiter Allgemein
1. Überschrift2. Teaser3. gesamter Text
Strategie & Kommunikation
Seite 5 / Maud Mergard / 11.06.2010
News – Reiter Media
4. Bild einstellen unter„durch Dateien browsen“
Strategie & Kommunikation
Seite 6 / Maud Mergard / 11.062010
News - Shorttitle
5. Bei den News wurde für die Dachzeile das neue Feld „Shorttitle“ innerhalb des Reiters „Presse“ eingefügt.Ist dieser nicht ausgefüllt, erscheint die Dachzeile nicht.
Strategie & Kommunikation
Festgelegte Konventionen
Titel und Dachzeile nicht länger als eine Zeile Teaser-Text der ersten Meldung maximal 700 Zeichen darauf folgenden Artikel Teaser mit maximal 400 Zeichenkeine abgehackten Sätze am Teaser-Endewichtige Daten zuerst nennen (Was, wann, wo, für wen).
Seite 7 / Maud Mergard / 11.06.2010
Strategie & Kommunikation
Links und Dateien
Seite 8 / Maud Mergard / 11.06.2010
weiterführenden Links nur im Feld „Links“ eintragen mit http://
Dateien hochladen
Strategie & Kommunikation
Links im Text
Links im Text in TYPO-Script verlinken; Beispiel:<link http://www.spiegel.de>Spiegel-Online</link>
Seite 9 / Maud Mergard / 11.06.2010
Strategie & Kommunikation
Seite 10 / Maud Mergard / 11.06.2010
Inhaltspflege von „hinten“ nach „vorne“
Um auf einer Seite einen Teaser anzulegen, wird also zunächst eine News oder eine Seite mit Teaser-Informationen in den „Seiteneigenschaften“ angelegt. Erfasst wird also zunächst der komplette Inhalt. Danach wird dieser Inhalt über die Teaser-Inhaltselemente auf der gewünschten Seite eingepflegt. Man pflegt also quasi von „hinten“ nach „vorne“ oder von „unten“ nach „oben“. Also erst das Anlegen der Details, dann der Verweis darauf.
Strategie & Kommunikation
Seite 11 / Maud Mergard / 11.06.2010
Pflege der verschiedenen Teaser in TYPO3
Nachdem Sie die eigentliche News oder Seite erstellt haben, die Sie anteasern wollen, wählen Sie auf der gewünschten Seite das Inhaltselement „Plugin“aus. Tragen Sie zur Orientierung eine Überschrift ein, die Sie in jedem Fall verstecken. Somit wird sie nicht nach außen sichtbar, innerhalb von TYPO3 erkennen Sie die Inhalte aber so besser wieder. Dies gilt für alle Teaser!
Strategie & Kommunikation
Seite 12 / Maud Mergard / 11.06.2010
Rahmen in Teasern
In Teasern kann man Rahmen einstellen, z.B. „Rahmen 2“. Dieser sorgt für 10 Pixel Abstand am rechten Rand und hilft ggf. um eine Bündigkeit mit anderen Inhalten zu erreichen. Achten Sie auf einheitliche Einstellungen, damit das Layout nicht „flatter“.
Strategie & Kommunikation
Seite 13 / Maud Mergard / 11.06.2010
VDI-Teaser
1. unter Erweiterung den gewünschten Typ wählen (hier „VDI Teaser“) und speichern
2. Layout wählen3. Newsdateien oder Seiten
auswählen über „durch Dateien browsen“
4. Details-Seite auswählen5. speichern
Strategie & Kommunikation
Seite 14 / Maud Mergard / 11.06.2010
Frontend Plugin VDI Teaser
VDI Teaser mit Layout „Bild links, Text umfliessend“ mit einem Inhalt
VDI Teaser mit Layout „Bild links, Text umfliessend“ mit vier Inhalten
VDI Teaser mit Layout „Big Headline, Block rechts“ mit vier Inhalten
Strategie & Kommunikation
Seite 15 / Maud Mergard / 11.06.2010
Layout VDI Teaser
Der VDI Teaser kann unterschiedliche Layouts annehmen. Die Layouts müssen mit der Positionierung des Teasers harmonieren. So kann der Grüne Kasten nur in Spalte Links auf einer Leitseite stehen. In der rechten Spalte sollte immer „Bild oben, Block unten“ gewählt werden.
Strategie & Kommunikation
Seite 16 / Maud Mergard / 11.06.2010
Grüner Kasten
Nicht alle Teaser können überall verwendet werden. Die Grüne Box z.B.
kann ausschließlich an erster Stelle der Start- sowie der Ressort-
Leitseiten stehen. Das Bild hat immer das Format 597 x 297 Pixel.
Strategie & Kommunikation
Seite 17 / Maud Mergard / 11.06.2010
Frontend VDI Tabbed Teaser
Überschrift Drei Tabs
Strategie & Kommunikation
Seite 18 / Maud Mergard / 11.06.2010
Tabs verschiebenTabs löschenNeue Tabs einfügen
VDI Tabbed Teaser
1. Überschrift2. Detailseite wählen3. Titel des Tabs4. Layout wählen5. News oder Seiten
auswählen