Erste Schritte mit Contentblöcken: ein statisches, nicht bearbeitbares Hero Image
Wann zu verwenden – Für ein statisches, nicht bearbeitbares Hero Image. Verwenden Sie dies zum Beispiel, wenn das Hero Image durch die Markenrichtlinien des Unternehmens definiert ist und in jeder Nachricht gleich sein muss. Die Bearbeitungsfreiheit ist vollständig eingeschränkt, wobei das Markenlogo, der Link zur Webversion und der Alt-Text für Schnelligkeit und Einheitlichkeit gesperrt sind.
Was zu verwenden ist – Beim Einsatz eines img tag im Contentblock wird dem Contentblock eine statische Bildquelle hinzugefügt, und es können nachträglich keine Änderungen vorgenommen werden, wenn der Contentblock in der Nachricht verwendet wird.
Nachstehend finden Sie ein Beispiel, das zeigt, wie Sie dies einrichten können. Der Contentblock enthält das notwendige Styling, damit er bei der Verwendung in einer Nachricht korrekt dargestellt wird. Das Schlüsselelement ist der <img>-Tag mit vorkonfigurierter Quelle, vorkonfiguriertem Alt-Text und vorkonfiguriertem Stil.
<!-- :: Hero Image starten – Unter Verwendung eines statischen Bilds-->
<table role="presentation" border="0" cellpadding="0" cellspacing="0" width="100%" bgcolor="#fafafa">
<tr>
<td class="m_hide" style="font-size:0;line-height:1px;height:1px;" height="1">
</td>
<td class="m_wrapper" style="width:600px;">
<!-- +++ ersetzen durch <a data-link="SMC_Link_Name" href=""> um es den Marketingfachleuten zu erlauben, ihren eigenen Link zu senden +++ -->
<a data-link="Hero Image" href="https://en.wikipedia.org/wiki/Plant" target="_blank" rel="noopener noreferrer" style="text-decoration:none;cursor:default;">
<img id="OWATemporaryImageDivContainer1" class="full" border="0" width="600" src="https://classroom1.slgnt.eu/images/shared/cb/spring-1.png?no-cache=1" alt="Spring Hero Image" style="width:600px; max-width:100%; display:block;"/>
</a>
</td>
<td class="m_hide" style="font-size:0;line-height:1px;height:1px;" height="1">
</td>
</tr>
</table>
<!-- :: Hero Image beenden -->