自定义部分 Umbraco

Question

甚至不确定我是否正确标记了这个，我正在将网站转换为 Umbraco，并且网站的某些部分需要使用后端的 CMS 工具进行编辑，基本上它是一个网格图片和说明文字

这是一个 HTML 示例

<div class="hi-icon-effect-1 hi-icon-effect-1a">
       <a class="hi-icon">
           <img class="img-responsive " id="ImgSales" src="../../Images/sales_icon_circle_grey.png" alt="">
       </a>
       <p style="padding-left:5px;" id="lblSales" class="">Sales</p>
 </div>

我希望能够做的是转到管理员的内容部分并编辑项目列表并为每个项目配置图像和文本。

http://www2.strikemedia.co.za/

如果您查看上面的链接并向下滚动，将会有一个项目（服务）网格，我希望能够生成这个列表。

我对 Umbraco 中使用的所有技术都很满意，我只是不太了解系统来进行这些修改，有人可以帮助我或向我指出可以帮助我构建它的资源。

谢谢

Answer 1

你应该看看 Archetype 包：https://our.umbraco.org/projects/backoffice-extensions/archetype/

据我了解您的问题，您正在寻找一种将 X 数量的类似项目添加到页面内容的方法 - 为此，Archetype 可能是完美的 :-)

在 Umbraco 中添加项目列表后，请查看此处：https://github.com/kgiszewski/ArchetypeManual/blob/master/03%20-%20Template%20Usage.md

此示例中的用例 #1 将允许您遍历项目并使用您想要的任何“模板”输出它（也就是您提供的 HTML 示例）。