kochanpartner für die Universität der Bundeswehr Handbuch Journalistenportal Stand April 2018
Redaktion 1. Profil 2. Wiederkehrende Elemente 3. Seitentypen 4. Erstellen von Artikeln 2
3 1. Profil
1. Profil Zugang Im Footer am Seitenende befindet sich der Link zum Login. Dort bitte Benutzernamen und Passwort eingeben, um zur Profilseite zu gelangen. 4
1. Profil Funktionen Inhalt hinzufügen: Artikel anlegen Hallo [Name]: Zum persönlichen Profil Abmelden: Zum Abmelden Ansicht: Anzeige des eigenen Profils Bearbeiten: Bearbeitung des Profils Eigene Artikel: Übersicht über eigene Artikel Eigene Termine: Übersicht über eigene Termine Eingereicht: Übersicht über Artikel, die beim Ressortleiter zur Prüfung eingereicht sind. Abgelehnt vom Ressortleiter: Übersicht über Artikel, die nicht veröffentlich wurden und überarbeitet werden müssen. 5
6 2. Wiederkehrende Elemente
2. Elemente Eingabefelder Einzeiliges Eingabefeld Rotes Sternchen*: Pflichtfeldmarkierung Mehrzeiliges Eingabefeld WYSIWYG-Editor: WhatYouSeeIsWhatYouGet 7
2. Elemente Feldgruppen Inhalte klappen durch Klick auf und wieder zu 8
2. Elemente Wiederholungsgruppen Element entfernen Sortierreihenfolge via Drag n Drop Weiteres Element anfügen 9
10 3. Seitentypen
3. Seitentypen Startseite Kopfbereich Logo, Navigation, Suche Leitartikel Teaser 1 und 2 Kriterium: Anzeige auf Startseite ggf. mit oranger Hervorhebung Teaser 3»Kalender«Teaser 4 bis 12 Anzahl vom Administrator einstellbar Verlinkung der ersten zwei Medien-Elemente (Audio und Video) 11
3. Seitentypen Ressort-Seiten Kopfbereich Logo, Navigation, Suche Leitartikel Teaser 1 bis 12 Kriterium: Anzeige auf Ressort-Seite ggf. mit oranger Hervorhebung Anzahl vom Administrator einstellbar Verlinkung der ersten zwei Medien-Elemente (Audio und Video) 12
3. Seitentypen Standard-Artikel Fokus liegt auf dem Text Links Bild/Video Redaktion Social Media Weitere Themen Links 13 Rechts Datum Dachzeile Headline Unterzeile Anrisstext Hauptinhalt (Bilder hinzufügen möglich) Weitere Videos/Audios Social Media
3. Seitentypen Leitartikel Fokus liegt verstärkt auf Bild/Video Links Redaktion Social Media Weitere Themen Links Rechts Bild/Video mit Slider Datum Dachzeile (hier ohne) Headline mit Unterzeile Anrisstext Hauptinhalt (Bilder hinzufügen möglich) Weitere Videos/Audios Social Media 14
3. Seitentypen Leitartikel (Großes Bild) Fokus liegt stark auf Bild/Video Links Redaktion Social Media Weitere Themen Links Rechts Bild/Video Datum Dachzeile (hier ohne) Headline mit Unterzeile Anrisstext Hauptinhalt (Bilder hinzufügen möglich) Weitere Videos/Audios (hier ohne) Social Media 15
16 4. Erstellen von Artikel
4. Artikel Erster Schritt 1. Klick auf Inhalt hinzufügen 2. Klick auf Artikel 17
18 4. Artikel Übersicht
4. Artikel Arbeitsablauf Standardmäßig ist der Artikel auf dem eigenen Arbeitsplatz gespeichert. Ist der Artikel komplett fertig erstellt: Häkchen bei zur Veröffentlichung vorschlagen setzen. Artikel erscheint dann beim Ressortleiter zur Prüfung. 19
4. Artikel Ressorts Pflege der Ressorts, unter denen der Artikel angezeigt werden soll. Mehrfach-Auswahl ist durch gedrückte Strg- Taste möglich. Wichtig: Ein Leitartikel sollte nur einem Ressort zugeordnet werden. Erklärung: Wird ein neuer Leitartikel veröffentlicht, wird aus einem älteren Leitartikel automatisch ein normaler Artikel. Dies funktioniert jedoch nur, wenn er einem eindeutigen Ressort zugeordnet werden kann. 20
4. Artikel Seminare Pflege der Seminare, für der Artikel verfasst wird. So wird den Chefredakteuren das Filtern der Beiträge ermöglicht. 21
4. Artikel Inhalt Dachzeile = optional Titel = Pflichtfeld Unterzeile = optional Anrisstext = optionaler Text unterhalb der Unterzeile Haupttext wird über einen WYSIWYG-Editor hinzugefügt Formatierungsmöglichkeiten: Zwischenüberschriften (H2 bis H5) Fett Kursiv Aufzählungsliste nummeriert unnummeriert Verlinkungen: Wort/Satz markieren Auf Anker-Icon klicken Layer öffnet sich Link-Typ auswählen (URL, E-Mail) Hinweis: Bei internem Link den Domainnamen weglassen, das Protokoll ändert sich dann automatisch in <anderes>. Zielseite: z.b. öffnen in neuem Fenster. Externe Links sollten sich auf neuer Seite öffnen. 22
4. Artikel Inhalt Bild einfügen Bild-Icon: Im Hauptinhalt auf das Icon klicken, Layer Mediendatenbank öffnet sich (vgl. nächstes Kapitel) Mediendatenbank: Aus Reiter Medien-Übersicht Bild auswählen Optionen-Layer öffnet sich (Achtung, Bild wird in der hochgeladenen Größe angezeigt, bitte nach unten scrollen): Ausrichtung: Links oder Rechts: Bild wird in 50% Breite links oder rechts neben dem Text platziert. Zentriert: Das Bild ist 100% breit. Alternativtext: Wichtig für SEO; wird angezeigt, wenn Bild nicht geladen werden kann. Bildunterschrift: Wird unter dem Bild angezeigt und erscheint als Tool Tip bei Mouseover. 23
4. Artikel Mediendatenbank Reiter Hochladen: Hier kann ein neues Medium hochgeladen werden. Nach dem Hochladen bitte auf Weiter klicken. Alternativtext: Wichtig für SEO, wird angezeigt, wenn Bild nicht geladen werden kann. Bildunterschrift: Wird unter dem Bild angezeigt und erscheint als Tool Tip bei Mouseover. Tags: Vereinfachen das Wiederfinden in der Mediendatenbank. Reiter Medien-Übersicht: Bereits hochgeladene Medien können über diverse Felder und Filtermöglichkeiten leicht wiedergefunden werden. Das gewählte Medium wird nach Klick auf den Button Absenden (ganz unten) übernommen. 24
4. Artikel Teaser Standard-Artikel Der Teaser erscheint als Block auf Start- oder Ressort-Seiten und verlinkt auf den Artikel. Alle Felder sind Pflichtfelder. Titel: Sollte max. 40 Zeichen lang sein. Bild: Nach Klick auf Durchsuchen kann entweder ein Bild aus der Mediendatenbank ausgewählt oder ein neues hinzugefügt werden. Text: Je nach Länge des Titels variiert die Zeichenanzahl für den Text zwischen 140 und 170 Zeichen. Inhalt, der darüber hinausgeht, wird nicht angezeigt. Textformat: Filtered HTML. 25
4. Artikel Teaser Leitartikel Wird nur benötigt, wenn der Artikel als Leitartikel auf Start- oder Ressort-Seiten erscheinen soll. Titel: Sollte max. 40 Zeichen lang sein. Bild: Nach Klick auf Durchsuchen kann entweder ein Bild aus der Mediendatenbank ausgewählt oder ein neues hinzugefügt werden. Text: Die Länge des Textes ist nicht begrenzt, sollte jedoch 800 Zeichen nicht überschreiten. Textformat: Filtered HTML. 26
4. Artikel Cropping Croppen = zuschneiden Nach Klick auf Zuschneiden öffnet sich ein Layer. Dort ist das Bild in Originalgröße abgebildet und die auszuwählende Fläche. Änderungen werden nach Klick auf Speichern übernommen. Der Button Zuschneiden ändert dadurch sein Wording auf Zuschneiden (cropped) und zeigt so an, dass gecroppt wurde. 27
4. Artikel Darstellung Es kann aus drei Layouts gewählt werden: Artikel = Standard Leitartikel = erster Artikel auf einer Übersichtsseite Leitartikel (großes Bild) = Leitartikel mit großem Bild 28
4. Artikel Medien (allgemein) Die Ausgabegröße der Bilder/Vorschaubilder richtet sich nach dem gewählten Layout. Hauptmediaelement = Bilder: Ausgabe als Artikelbild, Anzeige mehrerer Bilder als Slideshow. Video-/Audiodateien können zusätzlich hochgeladen werden. Die Ausgabe erfolgt als Auflistung unter Teaser und Artikel. Hauptmediaelement = Video/Audio: Ausgabe erstes Element als Artikel-Vorschaubild. Ausgabe weiterer Video-/Audiodateien als Auflistung unter Teaser und Artikel. Bilder können hochgeladen werden, es erfolgt jedoch keine Ausgabe. 29
4. Artikel Medien (Bilder) Hauptmediaelement: Bild wählen Bild über Mediendatenbank auswählen/hochladen Über Dropdown passendes Format zum Zuschneiden auswählen Für Slideshows beliebig viele weitere Bilder hinzufügen 30
4. Artikel Medien (Videos) Hauptmediaelement: Video/Audio wählen Artikelbild und Vorschaubild über Mediendatenbank auswählen/ hochladen und Bild zuschneiden. Video-/Audiodatei über Mediendatenbank auswählen/hochladen. Text hinzufügen (erscheint neben dem Icon unter dem Teaser) Ggf. weitere Elemente hinzufügen 31
4. Artikel Weitere Dateien Um im WYSIWYG-Editor weitere Dateien, z.b. PDFs, anbieten zu können, muss die Datei hier über die Mediendatenbank hochgeladen/ausgewählt werden. Datei: Klick auf die rechte Maustaste, Link-Adresse kopieren wählen. Im WYSIWYG-Editor zu verlinkendes Wort markieren, auf Anker klicken und bei URL einfügen 32
4. Artikel Speichern Wichtig: Jede Änderung wird erst übernommen, wenn ganz unten der Button Speichern betätigt wurde! 33
Vielen Dank!