Kapitel 07

Teaser, Social Media & mehr

Wie du Artikelteaser, Infobox, Social-Embeds und Grafiken sinnvoll im Artikel platzierst.

Zwischen den Textbausteinen gibt es eine Schnellauswahl. Damit fügst du weitere Elemente an genau der gewünschten Stelle in den Artikel ein.

Die Schnellauswahl

Schnellauswahl-Leiste zwischen zwei Textblöcken mit den Buttons Text, Bild, Slideshow, Teaser, Paywall — Zwischen den Textblöcken erscheint die Schnellauswahl mit allen einfügbaren Elementen.

Verfügbare Elemente:

Text – ein neuer Textblock mit eigener Formatierungs-Leiste.
Bild – Bild im Fließtext (Vorgehen wie beim Teaserbild, siehe Kapitel 05).
Slideshow – mehrere Bilder als Galerie.
Teaser – verlinkter Eigencontent (siehe unten).
Paywall – Trennlinie für Plus-Inhalte (siehe Kapitel 04).
… – weitere Elemente wie Infobox, Embeds und Grafiken.

Teaser einfügen

Teaser sind verlinkte Eigenartikel von kurier.at — keine externen Links. Sie führen Leser:innen tiefer ins Thema und halten sie auf der Seite.

Teaser-Block einfügen

In der Schnellauswahl auf + TEASER klicken. Es öffnet sich ein Suchfeld „Inhalt suchen“.

Artikel suchen

Ein Schlagwort oder direkt die Artikel-ID im Suchfeld eingeben. Es erscheint eine Liste passender Artikel mit Status (ENTWURF oder VERÖFFENTLICHT) und ID.

Teaser-Suche mit Suchbegriff trump und Trefferliste mit Status-Badges und Artikel-IDs — Suche per Schlagwort oder ID — Status und ID jedes Treffers werden angezeigt.

Artikel auswählen

Den passenden Artikel anklicken. Der Teaser ist eingefügt — fertig.

So sieht der Teaser im Frontend aus

Auf kurier.at wird der Teaser als „Weiterlesen“-Hinweis mit Pfeil und Artikeltitel ausgespielt — eingebettet zwischen den Textabsätzen.

Frontend-Ansicht eines eingebetteten Teasers mit Weiterlesen-Pfeil und verlinktem Artikeltitel — So erscheint der Teaser im Artikel auf kurier.at.

Infobox einfügen

Infoboxen sitzen am Ende des Artikels und liefern weiterführende Infos, Einordnungen oder Hinweise.

Infobox-Element auswählen

Unter dem Artikel-Body in der Element-Leiste auf das Infobox-Icon (Dokument-Symbol) klicken und im Dropdown INFOBOX wählen.

Element-Leiste am Artikel-Ende mit geöffnetem Dropdown und hervorgehobenem Eintrag Infobox — Die Infobox liegt im Element-Dropdown am Ende des Artikels.

Vorlage wählen oder selbst befüllen

Im Bearbeitungsfenster gibt es unter INFOBOX TEXTVORLAGE fertige Vorlagen — z. B. Hilfe für Frauen, die Gewalt erleben, Hilfe für Menschen mit Suizidgedanken, Häufige Grippe-Symptome. Diese mit einem Klick übernehmen.

Infobox-Bearbeitungsfenster mit geöffnetem Dropdown der Textvorlagen wie Gewalt- und Suizid-Hinweise — Vorlagen für wiederkehrende Hinweise — bei sensiblen Themen immer nutzen.

Soll die Infobox individuell sein, reichen Titel und Text. Icon, Icon-Größe, Anzeigetyp (ein-/ausgeklappt) und Text Alignment sind optional.

Posts von Facebook, X (ehemals Twitter), Instagram und TikTok können direkt in den Artikel eingebettet werden.

Embed-Auswahl öffnen

In der Schnellauswahl zwischen den Textblöcken auf das … klicken. Es öffnet sich das Fenster Zwischen Paragraphen hinzufügen mit allen Embed-Optionen — Zitat, Flourish, APA Video, Facebook Post, X, Instagram, TikTok, YouTube Video, Iframe, Podigee.

Auswahlfenster Zwischen Paragraphen hinzufügen mit Optionen wie Facebook Post, X, Instagram, TikTok — Über das …-Icon der Schnellauswahl öffnet sich die Liste aller Embed-Typen.

Instagram, X oder TikTok einbetten

Den passenden Embed-Typ wählen. Es erscheint ein Block mit einem URL-Feld — einfach den Link zum Beitrag einfügen. Bei Bedarf Include Caption aktiviert lassen.

Instagram-Embed-Block im Artikel mit Pflichtfeld URL und Checkbox Include Caption — Instagram, X und TikTok funktionieren identisch — nur die Beitrags-URL einfügen.

Facebook-Post einbetten

Bei Facebook braucht es einen Zwischenschritt, um die richtige URL zu bekommen:

Auf dem Facebook-Beitrag oben rechts die drei Punkte öffnen und „Einbetten“ wählen.
Im Dialog auf „Erweiterte Einstellungen“ klicken.
Im Codegenerator den Wert aus dem Feld href kopieren.
Diese URL im Hermes-Element Facebook Post ins URL-Feld einfügen.

Facebook-Beitrag mit geöffnetem Drei-Punkte-Menü und hervorgehobener Option Einbetten — Schritt 1: Auf Facebook im Beitragsmenü „Einbetten“ wählen.

Facebook-Codegenerator mit hervorgehobenem href-Feld, das die einzubettende Beitrags-URL enthält — Schritt 2: In den erweiterten Einstellungen die URL aus dem href-Feld kopieren.

APA-Grafiken einbetten

Interaktive APA-Grafiken (Charts, Karten, Erklär-Stücke) werden als iFrame eingebunden — ebenfalls über das …-Menü der Schnellauswahl.

Grafik bei APA Fastbuild auswählen

Auf fastbuild.newsroom.apa.at die passende Grafik suchen. Mit dem „Link kopieren"-Symbol unter der Grafik die URL in die Zwischenablage holen.

APA Fastbuild Übersicht mit Grafik-Kacheln und hervorgehobenem Link-kopieren-Symbol unter einer Kachel — In APA Fastbuild auf das Link-Symbol unter der gewünschten Grafik klicken.

iFrame-Element einfügen

In der Schnellauswahl auf … klicken und IFRAME wählen. Im Block:

IFRAME TYPE: APA Grafiken auswählen.
URL ODER EMBED-CODE: den kopierten Fastbuild-Link einfügen.

iFrame-Block im Artikel mit Auswahl APA Grafiken, eingefügter Fastbuild-URL, Ratio 16:9 und Höhen-Feldern — iFrame-Type APA Grafiken wählen und den Fastbuild-Link einfügen.

Höhe anpassen

Ratio bleibt meistens auf 16:9 Querformat. Die Höhe muss je nach Grafik manuell justiert werden — am besten in der Vorschau prüfen und so lange anpassen, bis nichts abgeschnitten ist und keine leere Fläche bleibt.

Das solltest du jetzt können

Dein Fortschritt0%

0 von 8 abgehakt