Pour bien commencer avec les blocs de contenu : image principale statique et non modifiable
Quand l'utiliser ? - Pour une image principale statique et non modifiable. Utilisez cette option, par exemple si l'image principale est définie par les guidelines de la marque de l’entreprise et doit être la même dans tous les messages. La liberté d’édition est entièrement restreinte, ce qui verrouille le logo de la marque, le lien de la version web et texte alternatif pour plus de rapidité et de cohérence.
Qu’utiliser ? — Lorsqu’on utilise une balise img dans le bloc de contenu, une source d’image statique est ajoutée au bloc de contenu et aucune modification ne peut être apportée par la suite lorsque le bloc de contenu est utilisé dans le message.
L'exemple ci-dessous montre comment procéder. Le bloc de contenu inclut le style nécessaire pour qu’il s’affiche correctement lorsqu’il est utilisé dans un message. L'élément clé est la balise <img> dont la source, le texte alternatif et le style sont préconfigurés.
<!-- :: Début image principale – utilisation d’une image statique -->
<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;">
<!-- +++ remplacer ceci par <a data-link="SMC_Link_Name" href=""> pour que le marketer définisse sont propre lien +++ -->
<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>
<!-- :: Fin image principale -->