Vortitel: Ausfüllen!

How to Online-Story im neuen Editor (Titel länger)

Nachrichten
21.12.2023 12:31

Nachdem ihr alle bereits Erfahrung mit der Erstellung von Online-Artikeln habt, soll das eine Hilfestellung dafür sein, welche Elemente man abgesehen von Text in eine Story einbauen kann, wie man das macht und wie sich was auswirkt. Tipps zu Text etc. sind auch dabei - sowie das Einschulungsvideo zum neuen Editor. -- Das hier ist übrigens der Lead, der möglichst knapp gehalten (250 bis 300 Zeichen) und spannend formuliert sein soll. Im Bestfall endet er mit einem Cliffhanger. Dieser Vorspann hier ist zu lang :D, denn er hat 598 Zeichen, wie ihr im Editor rechts unter diesem Feld sehen könnt.

Kurz zum TEXT: Die Absätze bitte nicht zu lang werden lassen. Besser: gliedern, auch inhaltlich. Und: Nicht zu viele Elemente einbauen, wenn es die Textlänge nicht hergibt - der Leser/die Leserin soll die Möglichkeit haben, Text lesen zu können, und nicht dauernd herausgerissen werden. Weniger ist mehr - vor allem, weil ja auch immer mehr Werbung auf der Seite bzw. in der Story wird. Das wirkt dann schnell überladen.

Ist es ein PLUS-Artikel, so kommt hier automatisch die Bezahlschranke (der sogenannte Paywall-Breaker). Im ersten Absatz sollte entsprechend noch nichts bzw. nicht alles verraten werden. Pro-Tipp: Der Paywall-Breaker kann auch händisch unter einem anderen Absatz gesetzt werden. Der Grund dafür etwa: Wenn ihr mehr Platz braucht, einen guten Cliffhanger hinzubekommen. Zu finden ist das Element unter dem blauen +, das bei Mouse over unter jedem Absatz angezeigt wird, sowie unter „Neuer Block“ rechts und dann unter „Krone Plus“ --> „Paywall-Breaker“. Man kann ihn auch direkt vor dem ersten Absatz setzen.

Wenn wir im Text auf eine andere Story verlinken, dann bitte die Leerzeichen nicht mitverlinken, sondern nur den Text. Also nicht so, sondern so. Und auch bitte nicht den Punkt oder Beistrich danach mitverlinken. Und bitte auch nicht einen ganzen Satz verlinken, sondern nur einen - den aussagekräftigsten - Teil.

Die wichtigsten Elemente unter dem „+“, die anderen bei „Neuer Block“
Die Icon-Box (bei Mouse over in Blau unter jedem Absatz) wurde verschlankt, darin finden sich nur mehr das +, neuer Text, neues Bild und die Link-Box. Unter „+“ öffnen sich alle Blöcke, die auch unter „Neuer Block“ rechts in der Randspalte zu finden sind - von Zitat bis zu interaktiven Elementen. Mit Klick auf das Sternchen bei den jeweiligen Elementen fügt man einzelne Elemente zu seinen persönlichen Favoriten hinzu.

WICHTIG: SINNVOLLE LINKBOXEN
Ganz wichtig, weil es in so gut wie jeder Story vorkommt: Bei den Icons zwischen den Textblöcken in Blau zu finden, ist die Link-Box. Hier gibt es zwei Möglichkeiten:

  • Entweder wirklich zum Thema passende - und auch nicht uralte und nicht zu viele (am besten zwei oder drei) Storys auswählen.
  • Oder man verwendet die Empfehlungs-Link-Box, in der auf die Interessen der User abgestimmte Inhalte gezeigt werden. Zu der Box kommt man, indem man über die Icons oder Neuer Block auf Link-Box geht und bei den Settings bei Piano-ID für Österreich/Bundesland-Storys die Kombi 276e70688ee3d17e51f8aff6749922da61fdb1cb eingibt (bei Storys aus dem Ressort Ausland c8b8c9e18a6b5f8fc8b9f95e14a23d68b4b13aed). Nicht wundern wegen Ansicht: Im Editor bleibt die Box leer (siehe hier).

BITTE VERWENDEN: CHROME-ERWEITERUNG GRAMMATIK
Große Hilfestellung: Es gibt im Chrome die Erweiterung „LT Grammatik- und Rechtschreibprüfung“. Die zeigt sehr zuverlässig Tipper an und erkennt auch Grammatikfehler so gut wie sicher gleich beim Schreiben. Hier kriegt man es, wenn es unter „Erweiterungen“ oben rechts (sieht aus wie ein Puzzleteil) fehlt: https://chrome.google.com/webstore/detail/grammar-spell-checker-%E2%80%94-l/oldceeleldhonbafppcapldpdifcinji?utm_source=google - aufrufen und hinzufügen. Die Fehler werden angezeigt, wenn man in das jeweilige Textfeld klickt.

Zwischentitel bitte mit einem sogenannten Soft- bzw. Shift-Return und in Fett geschrieben - aber NICHT zweizeilig wie hier
Und bitte keinen Absatz dazwischen. (Bei einem Soft- bzw. Shift-Return drückt man übrigens gleichzeitig die Großschreib- sowie die Entertaste.)

Neues Feature
Statt Zwischentitel: Article Header in Groß

Es gibt zudem eine neue Variante zur Strukturierung, ähnlich dem Zwischentitel, aber prominenter. Man kann das Feature etwa anstelle einer allzu üppigen Faktenbox benutzen, um zwei Storys zu kombinieren oder als Übergang zwischen einer Story und einem Kommentar bzw. einem Interview. Die Box hört auf den Namen „Article Header“, beim schwarzen Text kann zudem zwischen groß (siehe oben) und klein (siehe unten) gewählt werden. Bitte zwecks Übersichtlichkeit vor dem Article Header immer einen leeren Textblock einfügen.

Das ist ein Header-Vortitel
Das ist ein kleiner Header-Zwischentitel

Apropos (Übergang zu) Interviews: die richtige Formatierung.„Krone“ und der Name der interviewten Person steht nur vor der ersten Frage, dann nur noch Frage NEU in Fett (alt: in Kursiv) und die Antwort mit Soft-Return drunter. (Achtung: Das Leerzeichen zwischen dem Doppelpunkt nach „Krone“ und dem ersten Buchstaben der Frage verschwindet oft, das bitte immer in der Online-Story nach dem Speichern kontrollieren).

„Krone“: Wie haben Sie sich das überhaupt vorgestellt mit dieser Anleitung?
Heike Reinthaller-Rindler: Ach, ich hab‘ mir gedacht, ich leg‘ das einfach an, dann kann jede/r nachschauen, wie man etwa einen Compare-Slider einbaut, wenn er/sie ihn braucht. (Martin Kallinger ruft von der Seite rein: „Wer soll denn das alles lesen?“)

Wir danken für dieses ausführliche Gespräch.
Sehr gerne. (lacht)

Gibt es zwei Gesprächspartner, dann bitte wie folgt:

„Krone“: Wie haben Sie sich das überhaupt vorgestellt mit dieser Anleitung?
Heike Reinthaller-Rindler: Ach, ich hab‘ mir gedacht, ich leg‘ das einfach an, dann kann jede/r nachschauen, wie man etwa einen Compare-Slider einbaut, wenn er/sie ihn braucht.
Martin Kallinger: Wer soll denn das alles lesen?

Ich habe bereits von zahlreichen positiven Rückmeldungen gehört.
Reinthaller-Rindler: Vielen Dank.
Kallinger: War das eine Frage?

Fangen wir mit den Elementen an: 
BILDER

BILDER: Einbindung unter Icon „Bild“. Allgemeines und sehr Wichtiges: Bilder IMMER zuschneiden und korrekt benennen. NICHT den Titel belassen, der beim Übertragen der Story aus dem NGEN mit importiert wird. Und wenn es ein Hochformatbild ist, das im Bildtitel vermerken. Auch die Bildcredits immer korrekt vergeben (Kronen Zeitung etwa ist kein gültiger Credit). Bei fehlenden Credits wird eine Warnung eingeblendet. Alte Bilder ohne Credits werden online nicht mehr angezeigt.

Bitte BILDTEXTE vergeben! Manche sagen, Bildtexte sind noch wichtiger als der Lead (den aber bitte auch nicht weglassen ...). Bitte beachten: Wenn es ein ganzer Satz ist (zeichnet sich durch Subjekt und Prädikat aus), dann bitte einen Punkt am Ende des Bildtextes machen. Wenn es kein ganzer Satz ist, bitte ohne.

Achtung: Bildtexte können nur bei den Storys vergeben werden, nicht (mehr) beim Hochladen der Bilder.

Auch bei Videos bitte Video-Bildtexte ergeben. Entweder wenn es das Story-Video ist (ganz oben bei „Bilder“, „Superscreen“, „Video“, „Audios“, „Embed“ und „Collage“), einen beschreibenden Text vergeben, bei hochgeladenen Videos ist es auch im Fließtext möglich. Auf jeden Fall nützen - es wird in Bälde auch optisch an die Bildzuweisung angepasst.

Unter „Erweiterter Editor“ direkt unter dem jeweiligen Bild kommt man auf ein „MiniPaint“, mit dem man auch Hochformatbilder zuschneiden und/oder rechtlich heikle Bilder pixeln kann. Und auch noch Weiteres, das Fritz Schneeberger in weiterführenden Schulungen zum „MiniPaint“ euch nähergebracht hat bzw. es bei Bedarf auch weiterhin bringen kann. Hier aber mal die Basics, die auch gleich die Aufzählungsfunktionen zeigen:

  • Das Zuschneiden ist recht selbsterklärend: Man klickt das aus anderen Programmen bekannte „Zuschneiden“-Icon links in der Leiste an, wählt den auszuschneidenden Bereich aus und klickt oben links auf „Zuschneiden“.
  • Beim Pixeln geht man links unten auf „Mosaic Blur“, stellt dann links oben die „Size“ am besten auf 2 oder 1, klickt bei Gesichtern auf „Oval“, wählt den zu pixelnden Bereich aus und klickt auf „Blur“. 
  1. IN BEIDEN FÄLLEN dann oben rechts auf die Diskette zum Speichern drücken und mit Klick auf das „X“ rausgehen. Abschließend das Bild mit „Aktualisieren & Schließen“ wie gewohnt speichern.
  2. Beim Credit hat sich unten automatisch „Krone KREATIV“ hinzugefügt, das bei gepixelten Bildern bitte lassen, bei rein ausgeschnittenen Bildern bitte entfernen. 

Hochformat-Bilder werden mit grauem Rand links und rechts angezeigt, wenn man sie im Frontend nicht in der ganzen Höhe sehen möchte. Weil wir das aber wollen - weil vor allem mobil meistens schöner -, sie in der ganzen Pracht darzustellen, ist bei den Settings automatisch angehakt: „Original Size (Full Height)“

Bei den Bilderschauen haben wir mehrere Möglichkeiten der Darstellung - je nachdem, ob ein sichtbarer Bildtext gut wäre oder ob es „nur“ sehr ähnliche Bilder sind. Anzuhaken ist jedenfalls immer „Slideshow“. Und dann kann man bei „Design“ wählen zwischen:

  • Slideshow BU (Bildunterschrift) - bedeutet Slideshow, wo man den Bildtext sieht. Also vor allem gut verwendbar, wenn der Bildtext zum Bild passt und auch informativ ist.
  • Kacheln
  • Für ähnliche Motive, die nicht zwingend nach einem Bildtext schreien, eignet sich die Slideshow Thumbnails. Bildtexte werden hier natürlich auch angezeigt, aber erst, wenn man wie bei den Kacheln auf das Bild klickt, um es in der vollen Größe zu sehen.

Eine Slideshow erstellt man folgendermaßen: Entweder mehrere Bilder einfügen und mit Klick auf Slideshow (und Art der Slideshow) in den Settings rechts in der Spalte ein- bzw. umstellen oder indem man bei Neuer Block die gewünschte Slideshow auswählt und sie im Nachhinein befüllt. Die „Slideshow mit Pfeilen“ ist jene mit Bildunterschrift.

Slideshow BU:

Slideshow Kacheln:

Slideshow Thumbnails:

Es ist möglich, die Elemente aus einer Slideshow zu einer anderen Slideshow - inklusive Bildtexte - hinzuzufügen, ohne dass man jede einzelne Bild-ID und den Text dazu einzeln kopieren muss. Dazu - wie auf dem Screenshot darunter zu sehen ist - zwischen Bildmediathek und den ausgewählten Bildern auf das blaue Icon „Inhalte kopieren“ klickt. In der anderen Slideshow dann auf das orange Icon „Inhalte einfügen“ gehen. Einzelne Bilder samt Bildtext ist nicht möglich zu kopieren - es ist dafür gedacht, mehrere Elemente bzw. Slideshows einfach zusammenzuführen.

Bilder-Vergleichs-Slider: Hier kann man etwa Vorher/Nachher-Bilder gegenüberstellen. Schaut oft super aus, wenn man eine Entwicklung zeigen will. Den Slider kann man in der Farben weiß, rot und schwarz wählen, die Zuweisung der Bilder erfolgt, indem man das linke Bild unter „Vorher-Bild zuweisen“, das rechte unter „Nachher-Bild zuweisen“ auswählt. Geht auch mit Hochformatbildern.

Die Weihnachtsbeleuchtung 2021 ...
... und im Jahr darauf.

Es ist möglich, ein Hotspot-Bild zu machen. Funktioniert über Medien --> All Hot Spots --> Add New Hot spot, dann Titel vergeben und Bild reinladen. Dann auf das Bild klicken, dort wird dann ein Spot gesetzt. Kann man auch im Nachhinein verschieben. Wenn alles fertig ist, speichern (veröffentlichen). Findet man in der Story dann über Neuer Block, Medien, „Bild mit Hotstpots“. Dann vorher angelegtes Hotspot-Bild auswählen. Geht auch mit Hochformatbildern.

VIDEOS

VIDEOS werden nur in Ausnahmefällen im Contentbereich eingebunden, sondern vor allem als Storyvideo oben. Das geht auf zwei Varianten: Wir haben das Video selber und bei uns hochgeladen oder wir betten das Video ein. 

Bei uns liegende Videos: Auch Videos ins Wordpres zu bekommen, geht auf zwei Arten. Die längere geht über Medien --> Video Anlegen --> Video hinzufügen --> Video reinziehen und hochladen, dann über die Suche suchen, draufklicken und auf „weiter“. Dort einen Titel vergeben - das wäre wichtig, damit man das Video auch findet, wenn man es später mal sucht oder es wer anderer sucht - und fast noch wichtiger: das korrekte Copyright. Sobald das Video umgewandelt ist - wird dann bei „Bitmovin Encoding Progress“ grün „Aktualisieren & Schließen“ und in der Story hinzufügen.

Schneller geht es, wenn ich bereits in einer Storymaske (Editor) bin - dann einfach das Video vom Ordner in die Seite ziehen und es wird im Hintergrund hochgeladen. Das kann ich auch wegklicken, mit Klick auf die Wolke links oben kann man das Fenster jederzeit wieder aufrufen. Ist es fertig hochgeladen, mit Klick auf den (Bearbeitungs-)Stift noch Titel vergeben (sofern die Datei nicht bereits einen passenden Titel trägt, der wird nämlich übernommen) und ebenfalls das Copyright.

Videos gelangen in eine Story entweder ganz oben über den Reiter „Videos“ (über dem Bild). Im Contentbereich (also hier) geht das über Neuer Block und dann unter „Video“.

Videos einbetten: Entweder auch ganz oben als Storyvideo über „Embed“ und den Code bei „HTML Embed-Code“ reingeben. Oder je nach Videotyp in den Contentbereich. 

YouTube-Video - Einbinden geht über die YouTube-ID oder die ganze YouTube-URL. In dem Beispiel hier unten heißt die URL https://www.youtube.com/watch?v=u7H5hjhkHoE&feature=emb_title, die ID ist u7H5 hjhkHoE. Die ID ist immer die Zahlen-Buchstaben-Reihe nach „v=“.

WEITERE ELEMENTE:

Facebook Seite oder Facebook Beitrag: Die URL des Postings oder der Facebook-Seite bei Facebook-Beitrag und Facebook-URL reingeben.

Twitter: Tweet-URL oder ID bei „Twitter Tweet“ bzw. Handle ohne @ bei „Twitter Timeline“ reingeben.

Instagram: Link oder ID des Instragram-Posts bei „Instagram Beitrag“ reingeben. Hier ist die URL https://www.instagram.com/p/CiAfZ5hMWzK/?hl=de, die ID das: CiAfZ5hMWzK

TikTok: URL bei Icon „TikTok Beitrag“ reingeben.

„HTML-Snippet“ etwa für APA-Grafiken mit unserem Brand - zu finden gibt‘s die hier: https://grafik.apa.at/fastbuild/index.php?client=pn8fs390
Der HTML-Code wird unter „HTML-Snippet“ unter „Snippet-Content“ einfach reinkopiert, Hakerl sollte bei „Embed Dynamic Size (Reframe)“ gesetzt sein.

Google-Maps-Einbindung unter Icon „Google Maps Snippet“:

Zitat. Unter „Zitat“. Keine Anführungszeichen. Bitte Punkt am Ende des Zitates, beim Sagenden nur Punkt, wenn ganzer Satz. NEU: Man kann per Klick auf „Inhalte“ in der rechten Spalte oder per Doppelklick in den Zitatbereich auch ein Zitatbild hinzufügen. Es ist nicht mehr nötig, sich eines auszusuchen, wo der Kopf mittig platziert ist, eine KI sucht sich auf dem zugewiesenen Bild das dominanteste Gesicht und wählt es als Ausschnitt. Funktioniert natürlich nicht, wenn mehrere Menschen in gleicher Größe zu sehen sind.

Zitat Icon

Es ist schön hier.

Josep Guardiola (Bild: AFP or licensors)

Michael Pichler über seinen Arbeitsplatz

Fakten

Faktenboxen kann man unter „Faktenbox“ erstellen. Text dann einfach hier in dieses Feld schreiben.

Man kann auch Aufzählungen machen.

  • Das geht ganz einfach über die Aufzählungspunkte.
  • Schaut sogar ganz hübsch aus. Mit roten Pfeilchen.

Den Titel der Faktenbox kann man ändern. Tut man das nicht, steht „Fakten“ drüber. Löscht man das weg und ist „Fakten“ ausgegraut, so ist in der Artikelansicht kein Titel zu sehen.

Faktenboxen sind gedacht für Inhalte, die in einer Story für sich alleine stehen können und in sich abgeschlossen sind.

Newsletter: Unter „Neuer Block“ --> „Newsletter“ den für euch richtigen auswählen und hinzufügen.

Die Icons „iFrame“, Abstimmungen, PDF-Viewer oder „Liveticker“ werdet ihr im Alltag eher weniger brauchen. Kommen vor allem bei Wahlen oder Events zum Einsatz. Wer hier gezieltere Informationen braucht, bitte einfach melden (bei mir, Heike Reinthaller-Rindler, oder Fritz Schneeberger).

iFrame:

Willi-Abstimmung: Das entsprechende Voting ist vorher unter Willi (links in der Randspalte zu finden) anzulegen.

PDF-Viewer: Das PDF, das wir den Usern anbieten, ist vorher über Medien hochzuladen oder indem ihr es in die Storyanlegemaske (diese hier) reinzieht.

Liveticker: Auch der Liveticker ist unter „Liveticker“ (links in der Randspalte) anzulegen, bevor man ihn hier zuweisen kann.

Und noch Wichtiges und Allgemeines zur Suizid-Berichterstattung
Wir vermeiden bitte das Wort „Selbstmord“ in Titel und Vorleger. „Suizid“ ist in Ausnahmefällen (!) gerade noch möglich, aber auch nicht gerne gesehen. Bitte am besten umschreiben (Verzweiflungstat, Drama um, tödlicher Sturz o.ä.). WICHTIG: Wir gehen bitte niemals auf die Art und Weise des Suizids ein (bitte Ausnahmen unbedingt absprechen). Und folgender Absatz muss grundsätzlich ans Storyende, bitte:

Wenn Sie oder eine Ihnen nahestehende Person sich in einer psychischen Ausnahmesituation befinden oder von Suizidgedanken betroffen sind, wenden Sie sich bitte an die Telefonseelsorge unter der Telefonnummer 142. Weitere Krisentelefone und Notrufnummern finden Sie HIER.

Noch ein kleines Geschenk zum Schluss
Wer es tatsächlich bis ans Ende der Story geschafft hat, findet hier noch einmal das Einschulungsvideo zum neuen Editor:

Wenn euch inhaltlich noch etwas fehlt, schreibt es bitte unten in die Kommentare. Scherz :) Richtiges Vorgehen: Feedback bitte an die Autorin (Telefon, Mails, Teams).

 krone.at
krone.at
Loading...
00:00 / 00:00
play_arrow
close
expand_more
Loading...
replay_10
skip_previous
play_arrow
skip_next
forward_10
00:00
00:00
1.0x Geschwindigkeit
explore
Neue "Stories" entdecken
Beta
Loading
Kommentare

Liebe Leserin, lieber Leser,

die Kommentarfunktion steht Ihnen ab 6 Uhr wieder wie gewohnt zur Verfügung.

Mit freundlichen Grüßen
das krone.at-Team

User-Beiträge geben nicht notwendigerweise die Meinung des Betreibers/der Redaktion bzw. von Krone Multimedia (KMM) wieder. In diesem Sinne distanziert sich die Redaktion/der Betreiber von den Inhalten in diesem Diskussionsforum. KMM behält sich insbesondere vor, gegen geltendes Recht verstoßende, den guten Sitten oder der Netiquette widersprechende bzw. dem Ansehen von KMM zuwiderlaufende Beiträge zu löschen, diesbezüglichen Schadenersatz gegenüber dem betreffenden User geltend zu machen, die Nutzer-Daten zu Zwecken der Rechtsverfolgung zu verwenden und strafrechtlich relevante Beiträge zur Anzeige zu bringen (siehe auch AGB). Hier können Sie das Community-Team via unserer Melde- und Abhilfestelle kontaktieren.

Kostenlose Spiele