Startseitenartikel in TYPO3 - vdi.de · 1. eine Überschrift 2. eine Dachzeile* 3. ein Bild 4. ein kurzer Text, der zum weiterlesen anregt Der Teaser ist verbunden mit dem eigentlichen

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

http://www.vdi.de/typo3/alt_db_navframe.php?&currentSubScript=db_list.php

http://www.vdi.de/typo3/alt_db_navframe.php?&currentSubScript=db_list.php


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.


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.


Seite 4 / Maud Mergard / 11.062010

News – Reiter Allgemein

1. Überschrift2. Teaser3. gesamter Text



News – Reiter Media

4. Bild einstellen unter„durch Dateien browsen“


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.


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).



Links und Dateien


weiterführenden Links nur im Feld „Links“ eintragen mit http://

Dateien hochladen


Links im Text

Links im Text in TYPO-Script verlinken; Beispiel:<link http://www.spiegel.de>Spiegel-Online</link>




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.



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!



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“.



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



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



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.



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.



Frontend VDI Tabbed Teaser

Überschrift Drei Tabs



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

Documents

Startseitenartikel in TYPO3 - vdi.de · 1. eine Überschrift 2. eine Dachzeile* 3. ein Bild 4. ein kurzer Text, der zum weiterlesen anregt Der Teaser ist verbunden mit dem eigentlichen