Startseitenartikel in TYPO3

Transkript

1 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

2 Teaser-Konzept Jede News hat vier Elemente, die auf der ersten Ansicht angeteasert werden, bevor die eigentliche News erscheint: 1. eine Überschrift 2. eine Dachzeile* 3. ein Bild 4. 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 2 / Maud Mergard /

3 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 3 / Maud Mergard /

4 News Reiter Allgemein 1. Überschrift 2. Teaser 3. gesamter Text Seite 4 / Maud Mergard /

5 News Reiter Media 4. Bild einstellen unter durch Dateien browsen Seite 5 / Maud Mergard /

6 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. Seite 6 / Maud Mergard /

7 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 Zeichen keine abgehackten Sätze am Teaser-Ende wichtige Daten zuerst nennen (Was, wann, wo, für wen). Seite 7 / Maud Mergard /

8 Links und Dateien weiterführenden Links nur im Feld Links eintragen mit Dateien hochladen Seite 8 / Maud Mergard /

9 Links im Text Links im Text in TYPO-Script verlinken; Beispiel: <link Seite 9 / Maud Mergard /

10 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. Seite 10 / Maud Mergard /

11 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! Seite 11 / Maud Mergard /

12 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. Seite 12 / Maud Mergard /

13 VDI-Teaser 1. unter Erweiterung den gewünschten Typ wählen (hier VDI Teaser ) und speichern 2. Layout wählen 3. Newsdateien oder Seiten auswählen über durch Dateien browsen 4. Details-Seite auswählen 5. speichern Seite 13 / Maud Mergard /

14 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 Seite 14 / Maud Mergard /

15 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. Seite 15 / Maud Mergard /

16 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. Seite 16 / Maud Mergard /

17 Frontend VDI Tabbed Teaser Überschrift Drei Tabs Seite 17 / Maud Mergard /

18 VDI Tabbed Teaser 1. Überschrift 2. Detailseite wählen 3. Titel des Tabs 4. Layout wählen 5. News oder Seiten auswählen Tabs verschieben Tabs löschen Neue Tabs einfügen Seite 18 / Maud Mergard /