Pour bien commencer avec les blocs de contenu : image principale statique et modifiable

Quand l'utiliser ? - Pour une image principale statique et modifiable. Utilisez cette option, par exemple, si le bloc de contenu a une structure fixe mais que vous souhaitez laisser à l’utilisateur la liberté de modifier les propriétés de l’image principale, telles que le lien cliquable, le texte alternatif ou même la source de l’image.

Qu’utiliser ? —

  • Utilisez <sg:image>, pas une balise <img> fixe. Ainsi, l'image est ajoutée au message en tant que composant IMAGE CONTENT et ses propriétés sont directement accessibles à partir de l'interface Selligent.
  • Omettez les attributs modifiables, si vous souhaitez que la source, le texte alternatif ou le lien soient modifiables dans le message, n’incluez pas src, alt ou href dans la balise ou laissez-les vides.
  • Définissez soit tous les attributs du bloc de contenu, soit aucun.

Voici un exemple du code à utiliser pour réaliser ce qui précède. Le style du bloc de contenu a été supprimé de cet exemple pour ne montrer que l’essentiel.

Copier

Exemple correct :

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

Exemple incorrect :

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

Par exemple, le bloc de contenu suivant où la balise sg:image est utilisée, mais des attributs tels que le texte alternatif, la source et le lien sont omis.

Copier 
<!-- :: Début image principale : l’ajout de <sg:image> signifie que le chemin vers l’image est maintenant modifiable --> 
<sg:image class="full" border="0" width="600" style="width:600px; max-width:100%; display:block;" id="hero-image" description="Ajoutez une image principale ici !"> 
</sg:image> 
<!-- :: Fin image principale -->

Lorsque ce bloc de contenu est utilisé dans un message, la balise sg:image figure dans la liste des composants disponibles et peut être modifiée. En cliquant sur le stylo, le marketer peut modifier les propriétés de l’image :

Les propriétés suivantes sont modifiables, à condition qu’elles aient été omises dans le bloc de contenu :

  • Chemin d’accès à la source de l’image (ou au Live Content, s’il est provisionné)
  • Texte alternatif
  • Cible du lien lorsqu’on clique dessus, par exemple :