Erste Schritte mit Contentblöcken: ein statisches, aber bearbeitbares Hero Image

Wann zu verwenden – Für ein statisches aber bearbeitbares Hero Image. Verwenden Sie dies zum Beispiel, wenn der Contentblock eine feste Struktur hat, Sie dem Benutzer aber die Freiheit lassen wollen, die Eigenschaften des Hero Images zu bearbeiten, wie z. B. den Durchklick-Link, den Alt-Text oder sogar die Quelle des Bildes.

Was zu verwenden ist –

  • Verwenden Sie <sg:image>, keinen festen <img>-Tag. Dadurch wird sichergestellt, dass das Bild als IMAGE CONTENT-Komponente zur Nachricht hinzugefügt wird und auf seine Eigenschaften direkt über die Selligent-Schnittstelle zugegriffen werden kann.
  • Lassen Sie bearbeitbare Attribute weg, wenn Sie möchten, dass Quelle, Alt-Text oder Link in der Nachricht bearbeitet werden können, lassen Sie src, alt oder href im Tag weg oder leer.
  • Setzen Sie entweder alle Attribute im Contentblock oder keine.

Im Folgenden finden Sie ein Beispiel für einen Code, mit dem die oben genannten Ziele erreicht werden können. Das gesamte Styling des Contentblocks wurde in diesem Beispiel entfernt, um nur das Wesentliche zu zeigen.

Kopieren

Richtiges Beispiel

<sg:image class="hero-img"></sg:image>
Kopieren

Falsches Beispiel

<sg:image class="hero-img" src="" alt="" href=""> </sg:image>

Zum Beispiel der folgende Contentblock, in dem das Tag sg:image verwendet wird, aber Attribute wie Alt-Text, Quelle und Link weggelassen werden.

Kopieren 
<!-- :: Hero Image starten: Durch die Hinzufügung von <sg:image> ist der Pfad zum Bild nun editierbar --> <sg:image class="full" border="0" width="600" style="width:600px; max-width:100%; display:block;" id="hero-image" description="Hier ein Hero Image hinzufügen!"> </sg:image> <!-- :: Hero Image beenden -->

Wenn dieser Contentblock in einer Nachricht verwendet wird, wird das sg:image-Tag unter Verfügbare Komponenten aufgeführt und kann bearbeitet werden. Mit einem Klick auf den Stift können die Marketingfachleute die Bildeigenschaften ändern:

Folgende Eigenschaften sind bearbeitbar, sofern diese im Contentblock weggelassen wurden:

  • Quellpfad zum Bild (oder Live‑Content, falls bereitgestellt)
  • Alternativer Text
  • Ziel des Links, wenn er angeklickt wird, zum Beispiel: