sitecore - sc:image にクラス値を追加しても表示されない

Question

クラス値を sc:image に追加していますが、レンダリングすると正しく表示されません。レンダリングなしの HTML では次のようになります。

 <a href="/">
    <sc:Image ID="Logo" runat="server" Field="Header Logo" class="logo" /> 
 </a>

しかし、Web ページにレンダリングすると、次のように表示されます。

<a href="/">
    <img src="/~/media/logo.png" alt="" width="196" height="34"> 
</a>

ただし、次のようなことを達成したいと考えています。

<a href="/">
    <img src="/~/media/logo.png" alt="" width="196" height="34" class="logo"> 
</a>

この問題にどのようにアプローチすればよいですか？

Answer 1

画像にクラスを適用する 1 つの方法は、Web コントロールではない上位のブロック レベル (ラッピング DIV など) に CSS クラスを配置することです。これにより、画像自体だけでなく、ブロック全体でスタイリングを活用できる場合があります。

クラスを IMG タグに直接適用するには、Image コントロールの CssClass プロパティを使用して、「クラス」タグとしてレンダリングされるようにする必要があります。

<a href="/">
     <sc:Image ID="Logo" runat="server" Field="Header Logo" CssClass="logo" />
</a>