如何使用 runat="server" 将微数据添加到 DNN 控件？

Question

我正在使用结构化数据标记助手工具来突出显示 select HTML 具有相关数据的元素。我有以下问题。

DNN 有一个控件，它只在 onload 事件上加载 link 和图像。 (品牌信息)

<div class="dnn-logo">
    <dnn:LOGO runat="server" id="dnnLOGO" />
    <div class="LogoPane" id="LogoPane" runat="server" visible="false">
    </div>
</div>

荧光笔工具显示我应该像这样添加 itemprop="logo":

 <div class="dnn-logo"><a id="dnn_dnnLOGO_hypLogo" title="Our Company | Home" href="https://www.mywebsite.com/">
     <img itemprop="logo" id="dnn_dnnLOGO_imgLogo" src="/Portals/2/Images/logo.png" alt="Our Company | Home"/></a>
</div>

我必须使用 JQuery 以某种方式在加载所有内容后添加微数据吗？

Answer 1

你可以做到这一点

<script type="text/javascript">
    $(document).ready(function () {

        $('#<%= dnnLOGO.ClientID %>_imgLogo').attr("itemprop", "logo");

    });
</script>

或者您可以简单地编辑徽标用户控件。位于 /Admin/Skins

<%@ Control Language="C#" AutoEventWireup="false" Inherits="DotNetNuke.UI.Skins.Controls.Logo" CodeFile="Logo.ascx.cs" ViewStateMode="Disabled" %>

<asp:hyperlink id="hypLogo" runat="server">
    <asp:image id="imgLogo" runat="server" enableviewstate="False" itemprop="logo" />
</asp:hyperlink>

如何使用 runat="server" 将微数据添加到 DNN 控件？

How to add Microdata to a DNN control with runat="server"?

jquery

dotnetnuke

microdata